/* Staff lists */
.stafflist {
   font-size: 1.0em; 
/*   width: 99.0%;*/
}

.stafflist h3 {font-weight: bold; padding-top: 0px;}
.stafflist div.stafflist_person h3 {margin: 0; padding: 0;}
div.stafflist_person_small h3 {margin: 0; padding: 0;}

.stafflist div.stafflist_person {
   height: 180px;
   float: left;
   min-width: 30.1%;
   border: 1px solid #dae5e5; border-top: 4px solid #dae5e5; 
   border: 1px solid #314e76; border-top: 4px solid #314e76; 
   padding: 0.4em 0.0em 0 0.4em;
   margin: 0 0.7em 1.5em 0;
}

div.stafflist_person_small {
   height: 83px;
   float: left;
   min-width: 26.1%;
   border: 1px solid #dae5e5; border-top: 4px solid #dae5e5; 
   border: 1px solid #314e76; border-top: 4px solid #314e76; 
   padding: 0.4em 0.0em 0 0.4em;
   margin: 0 0.7em 1.5em 0;
}
div.stafflist_person_small:hover {
   border-color: #aaa;
   -moz-box-shadow: 0 2px 2px #9c9c9c;
   -webkit-box-shadow: 0 2px 2px #9c9c9c;
   box-shadow: 0 2px 2px #9c9c9c;
}

.stafflist div.stafflist_person:hover {
   border-color: #aaa;
   -moz-box-shadow: 0 2px 2px #9c9c9c;
   -webkit-box-shadow: 0 2px 2px #9c9c9c;
   box-shadow: 0 2px 2px #9c9c9c;
}

.stafflist div.stafflist_person div.photo, div.stafflist_person_small div.photo {
   float: left;
   overflow: none;
   width: 59px;
border: 0px solid grey;

}
.stafflist div.stafflist_person div.photo img, div.stafflist_person_small div.photo img {
   border: 1px solid #d0d0d0;
   padding: 2px;
}
.stafflist div.stafflist_person div.info {
   float: right;
   width: 12.0em;
   padding-right:0.5em;
   overflow: none;
}

div.stafflist_person_small div.info {
   float: right;
   width: 9.1em;
   padding-right:0.5em;
   overflow: none;
}


.stafflist .hod h3 {
   padding-bottom: 0.3em;
}

.stafflist .dep h3 {
   padding-bottom: 0.3em;
}


.stafflist #hod div.stafflist_person {margin-top: 0; height: 140px;}


/* Faculty Governance lists */
.governancelist {
   font-size: 0.86em; 
   width: 79%;
}

.governancelist h3 {font-weight: bold; padding-top: 0px;}
.governancelist div.governancelist_person h3 {margin: 0; padding: 0;}

.governancelist div.governancelist_person {
   height: 100px;
   float: left;
   width: 36%;
   border: 1px solid #dae5e5; border-top: 4px solid #dae5e5; 
   padding: 0.5em 0.5em 0;
   margin: 0 1.5em 1.5em 0;
}

.governancelist div.governancelist_person:hover { /*background-color: #fcfcfc; */ border-color: #aaa;}

.governancelist #hod h3 {
   padding-bottom: 0.3em;
}

.governancelist #dep h3 {
   padding-bottom: 0.3em;
}

.governancelist #hod div.governancelist_person {margin-top: 0; height: 140px;}






/* The following CSS is for pages using the search-for-person-to-highlight-entry system as
 * seen on the staffcontact pages, /people/ list pages etc.
 */
.quickSearchBlock {
   border: 1px solid #AAC6C6;
   border-top: 3px solid #AAC6C6;
   margin-bottom: 1em;
   text-align: center;
   background-color: blue;
}
p + .quickSearchBlock {
   text-align: center;
    padding: 0.5em;
    float: right;
    clear: both;
}
.personsearchTitle { /* "Who are you looking for?" */
   text-align: center;
   margin-right: 10px;
   margin-bottom: 20px;
   font-size: 1.7em;
   color: #000000;
}
.incrementalSearch:focus {
   border: 1px solid #AAC6C6;
   background-color: #e9e9e9;
}
em.highlight { /* The results highlighted on rows by jquery callback f(x) */
   background-color: #7593AD;
   color: #ffffff;
   font-style: normal;
   position: relative;
   display: inline-block;
   left: -2px;
   padding: 1px;
   margin: 0 0 0 2px;
   z-index: 15;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
.personsearch {
   padding: 1em;
   margin-bottom: 10px;
   text-align: center;
   border: 2px solid #004E8F;
}
.personsearch fieldset .incrementalSearch {
   font-size: 1.6em;
   height: 1.8em;
   width: 75%; 
}
#contactsearch {
}