#staffDetail{ margin-left: 20px; width: 90%; padding: 10px; }
#staffDetail .vcard{ background-color: transparent; }
#staffDetail dl { min-height: 275px; margin: 1em 0; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
#staffDetail .staff-replace{ opacity: 0; }
#staffDetail dt { margin: 0 1em 0 300px; font-size: 136%; font-weight: normal; }
#staffDetail dt a { text-decoration: none; }
#staffDetail dd.title { font-size: 114%; margin: 0 1em 0 300px; }
#staffDetail dd.photo { width: 250px; float:left; margin-top:-40px;}
#staffDetail dd.photo img { width: 250px; border: 10px solid #ddd; }
#staffDetail dd.photo a p.imgRep { width: 250px; height:150px; padding-top:100px;border: 10px solid #ddd; text-align:center; text-decoration:none;}
#staffDetail dd.email { margin: 0.1em 1em 0.1em 300px; }
#staffDetail dd.phone { margin: 0.1em 1em 0.1em 300px; }
#staffDetail dd.bio { margin: 1em 1em 1em 300px; }
#staffDetail dd.bio p { line-height: 1.5; }

p.clear { clear: both; margin: 1em; }

#staffList {  margin: 0 auto; }
#staffList:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#staffList { zoom: 1; }

#staffList .fn a{ background-color: transparent; }
#staffList dl { height: auto; padding: 10px; }
#staffList dl:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#staffList dt { font-size: 85%; font-weight: bold; }
#staffList dt a { text-decoration: none; }
#staffList dd.title, #staffList dd.email, #staffList dd.phone, #staffList dd.bio { display: none; }
#staffList dd a { display: block; height: auto; padding: 5px; background-color: #ddd; text-decoration: none; -moz-transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; }
#staffList dd a:hover,
#staffList .selected dd a{ background-color: #444; }
#staffList dd img { display: block; max-width: 100%; }