/* =====================================================================
 * Styles for Grad School of Education People Profiler
 * Need to inherit standard CMS CSS and Grad School CMS styles first
 * Ben Hayes, ILRT, Dec 2010
 * ===================================================================== */

/*-----profiler content area-----*/
#profiler-content, #profile-content-nonav {
width: 769px;
font-size: 0.875em;
}

/*-----typography-----*/
#profiler strong {
color: #333;
}
#profiler strong.large {
font-size: 1.125em;
}
.tel .weak {
color: #888;
}
#profiler ul li {
margin-left: 18px;
}

/*-----page h1 title-----*/
h1#profiler-pagetitle {
font-size: 1.5em;
padding-bottom: 0px;
margin-bottom: -7px;
}
.home h1#pagetitle {
margin-bottom: -4px;
}

#showpagetitle {
margin: 0;
font-size: 1.875em;
font-size: 34px;
font-weight: normal;
color: #B01C2E;
margin-bottom: 0.75em;
font-family: Georgia;
line-height: 1.1;
letter-spacing: -0.01em;
margin-top: 1px;
}
.ie6 #showpagetitle,
.ie7 #showpagetitle {
background: url(/media-library/protected/images/pagetitle-back.png) repeat-x bottom left;
padding: 0 0 .65em 0;
}
#showpagetitle:after,
div.col1 h1:after {
margin-top: 0.5em;
content: " ";
height: 2px;
border-top: 1px solid #dedcd2; 
border-bottom: 1px solid #dedcd2;
display: block;
padding: 0;
width: 100%;
margin-top: 0.65em;
}

/*-----tabs-----*/
#uobcms-content ul.tabs,
#uobcms-content-nonav ul.tabs {
width: 100%;
overflow: auto;
margin: 0;
}
#uobcms-content ul#persontabs,
#uobcms-content-nonav ul#persontabs {
margin-top: 14px;
}
ul.tabs li {
display: block;
float: left;
width: 7em;
margin: 0 1px 0 0;
text-align: center;
line-height: 1.6em;
color: #fff;
border-bottom: 1px solid #fff;
font-weight: bold;
}
#uobcms-wrapper ul.tabs li a:link,
#uobcms-wrapper ul.tabs li a:visited {
display: block;
color: #fff;
text-decoration: none;
width: 100%;
line-height: 1.6em;
font-weight: normal;
}

#uobcms-wrapper ul.people {
list-style-type: none;
list-style-image: none;
margin: 0;
}
#uobcms-wrapper ul.people li {
overflow-y: auto;
overflow-x: hidden;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}

/*-----people-----*/
ul.people a.photo:link,
ul.people a.photo:visited {
display: block;
float: left;
width: 78px;
height: 78px;
border: 1px solid #B3B3B3;
}
ul.people a.photo:hover {
border-color: #777;
}
ul.people a.photo img {
display: block;
border-width: 0;
}
#uobcms-wrapper ul.people li p,
div.textmatch {
font-size: 0.92857em;
margin: 0 0 0 92px;
}
ul.people a.fn {
display: block;
font-size: 1.076923em;
font-weight: bold;
}
ul.people .title {
font-family: Arial, sans-serif;
font-size: 0.92857em;
display: block;
}
ul.people .tel {
display: block;
}
ul.people .email {
display: block;
}

#uobcms-wrapper ul.col1 {
float: left;
width: 48.06%;
margin-right: 24px;
}

ul.col2 {
float: left;
width: 48.06%;
}

.browsesurname .col1,
.browsesurname .col2,
.browsesurname .col3,
.browsesurname .col4,
.browsefirstname .col1,
.browsefirstname .col2,
.browsefirstname .col3,
.browsefirstname .col4 {
float: left;
padding-top: 14px;
}

/*-----alphabet listing-----*/
#uobcms-content ul.alphabet,
#uobcms-content-nonav ul.alphabet {
list-style-type: none;
list-style-image: none;
width: 22.52%;
float: left;
margin: 1em 3.0172% 1.5em 0;
}
#uobcms-content .col4 ul.alphabet,
#uobcms-content-nonav .col4 ul.alphabet {
margin-right: 0;
}
#uobcms-content ul.alphabet li,
#uobcms-content-nonav ul.alphabet li {
margin: 0 0 2px 0;
text-align: left;
color: #999;
background: #FFF;
line-height: 2.2em;
}
#uobcms-content ul.alphabet li strong {
padding: 0 0 0 5%;
}
#uobcms-content ul.alphabet li a:link,
#uobcms-content ul.alphabet li a:visited,
#uobcms-content-nonav ul.alphabet li a:link,
#uobcms-content-nonav ul.alphabet li a:visited {
display: block;
padding: 0 5% 0 0;
margin: 0 0 2px 0;
width: 95%;
font-size: 1em;
line-height: 2.2em;
background: #efede9;
text-decoration: none;
color: #333;
}
#uobcms-content ul.alphabet li a strong, 
#uobcms-content-nonav ul.alphabet li a strong {
text-decoration: underline;
color: #333;
font-weight: bold;
}
#uobcms-content ul.alphabet li a:hover, 
#uobcms-content-nonav ul.alphabet li a:hover {
background: #ffffff;
}
#uobcms-content ul.alphabet li.current, 
#uobcms-content-nonav ul.alphabet li.current {
background: #8BA6B0;
color: #fff;
}
#uobcms-content ul.alphabet li.current strong, 
#uobcms-content-nonav ul.alphabet li.current strong {
color: #fff;
}

/*-----pagination-----*/
#uobcms-content .pagination, 
#uobcms-content-nonav .pagination {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 14px 0 14px;
}
#uobcms-content .pagination p,
#uobcms-content-nonav .pagination p {
float: left;
margin: 0;
}
#uobcms-wrapper #uobcms-content .pagination ul, 
#uobcms-wrapper #uobcms-content-nonav .pagination ul {
float: right;
list-style-type: none;
list-style-image: none;
padding: 0;
}
.pagination li.prev {
float: left;
margin: 0 0 0 10px; 
padding: 0;
color: #aaa;
}
.pagination li.next {
float: right;
margin: 0 0 0 10px; 
padding: 0;
}

/*-----group-----*/
#uobcms-content ul.group li a:visited {
text-decoration: none;
color: #497380;
}
#uobcms-content ul.group li a:link,
#uobcms-content-nonav ul.group li a:link {
text-decoration: none;
color: #007FA6;
}
#uobcms-content ul.group li a:link strong, 
#uobcms-content ul.group li a:visited strong,
#uobcms-content-nonav ul.group li a:link strong, 
#uobcms-content-nonav ul.group li a:visited strong {
color: #007FA6;
text-decoration: underline;
}
#uobcms-content ul.group li a:hover strong,
#uobcms-content-nonav ul.group li a:hover strong {
color: #000;
}

/*-----browse/search for people-----*/
a#backarrow:link,
a#backarrow:visited {
border: 1px solid #b01c2e;
border: 1px solid rgba(0,0,0,0.1);
display: inline-block; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
text-decoration: none;
-moz-background-clip: padding;    
-webkit-background-clip: padding;
background-clip: padding-box; 		
padding: 0.5em 1em;
margin: 0 0 0.5em 0;
font-size: 16px!important;
background-color: #fff;
border-color: #dedcd2;
color: #333!important;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background-image: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background-image: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
float: right;
}
a#backarrow:after {
top: 0.9em;
}
a#backarrow:hover {
color: #000!important;
background-color: #efede9;
border: 1px solid rgba(0,0,0,0.1);
}

/*-----person, project, results-----*/
#uobcms-content .results .col2 ul.alphabet {
width: 100%;
margin: 0;
font-size: 1.1em;
}
.person .col2 .section h2,
.project .col2 h2,
.results .col2 h2 {
font-size: 1em;
}
.person .col2 .section p,
.person .col2 .section li,
.project .col2 p,
.project .col2 li,
.results .col2 p,
.results .col2 li {
font-size: 0.875em;
}
.person .col1,
.project .col1,
.results .col1 {
width: 65.086%;
float: left;
}
.person .col2,
.project .col2,
.results .col2 {
width: 31.03%;
margin-left: 3.0172%;
float: right;
margin-top: 0.55em
}

/*-----listing fix-----*/
.project .col2 dl dt {
display: block;
width: 100%;
}
.project .col2 dl dd {
font-size: 0.875em;
}

dl {
margin: 7px 0;
}
dt {
font-weight: bold;
}
#uobcms-content dd,
#uobcms-content-nonav dd {
margin-left: 0;
}

p.url a {
background: transparent url(/media/images/icon-world.png) left center no-repeat;
padding-left: 24px;
line-height: 18px;
display: block;
}

/*-----vcard-----*/
div#vcard {
background: #EBF4F7 url(/media/images/bkgd-intro.png) right top repeat-y;
border-top: 1px solid #fff;
overflow: auto;
padding-bottom: 12px;
}
div#vcard .inner {
padding: 12px;
}
div#vcard img {
display: block;
float: left;
border: 1px solid #fff;
}
div#vcard #introtext {
float: left;
width:50.6%;
box-sizing:border-box;
padding: 0 16px;
}
div#vcard #introtext h2 {
margin-top: 10px;
margin-bottom: 7px;
}
div#vcard #introtext h3 {
font-weight: bold;
}
div#vcard #introtext ul {
margin: 7px 0 0;
font-style: italic;
}

/*-----suffix-----*/
h2 .suffix {
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 0.7778em;
color: #000;
}

/*-----contact details-----*/
div#contactdetails {
float: left;
width: 26.74%
}
#contactdetails p {
margin-top: 12px;
font-size: 0.875em
}
#contactdetails .weak {
color: #5A7177;
font-weight: normal;
}

/*-----forms-----*/
input {
font-family: inherit;
font-size: inherit;
}

form#peoplesearch {
width: 26em;
}

form.highlight {
color: #fff;
}

form.highlight p.formnote {
font-style: italic;
color: #CBE5ED;
}

.results form#peoplesearch {
width: auto;
margin: 12px 0;
}

form#peoplesearch label {
display: block;
line-height: 0;
height: 0;
width: 0;
text-indent: -999em;
}

form.inline {
padding: 12px;
}

form.inline input {
vertical-align: middle;
}

form#peoplesearch p.formnote {
margin: 4px 0 0;
}

form#peoplesearch input.textbox {
width: 20em;
padding: 0.25em; 
}

.results form#peoplesearch input.textbox {
width: auto;
padding: 0.25em; 
}

#uobcms-content input.button,
#uobcms-content-nonav input.button {
background-color: #b01c2e;
border: 1px solid #b01c2e;
border: 1px solid rgba(0,0,0,0.1);
color: #fff; 
color: rgba(255,255,255,0.9); 
padding: 0.5em 1em; 
display: inline-block; 
margin: 0 0 1em 0; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
position: relative;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
text-decoration: none!important;
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!important; 
}

ul.publications li,
ul.posts li, ul.links li {
margin-bottom: 8px;
}

.about .maincontent,
.impact .maincontent {
background-position: 488px 0;
}

.students .maincontent,
.publications .maincontent {
background-image: none;
}

div.textmatch {
margin-top: 8px;
}

span.match {
background-color: #FFFF99;
text-decoration: inherit;
}

/*-----edit-----*/
p#edit {
margin-top: 25px;
color: #777;
font-style: italic;
font-size: 12px;
}
p#edit a.box {
background: #eee;
display: inline-block;
padding: 2px 4px;
border: 1px solid #ccc;
color: #555;
text-decoration: none;
margin-right: 3px;
}
p#edit a.box:hover {
color: #444;
border-color: #bbb;
}

/*-----a-z staff list table-----*/
.a-z-staff-table { font-size: 0.875em; border: 0; border-collapse: collapse }
.a-z-staff-table td { padding: 0.5em; border-bottom: 1px solid #dedcd2 }
.a-z-staff-table th { padding: 0.5em; border: 1px solid #dedcd2; border-width: 1px 0; background: #efede9; text-align: left }
.general-enquires { border: 1px solid #ccc; padding: 0.5em; background: #eee; font-size: 90% }
.general-enquires h2 { margin: 0 0 0.5em 0; padding: 0; font-weight: bold }
.general-enquires dl { margin: 0 }
.general-enquires dl dt { float: left; font-weight: bold; margin-bottom: 0.3em }
.general-enquires dl dd { margin: 0 0 0.3em 8em; margin-bottom: 0.3em }
.a-z-staff-nav { float: right; width: 100%; font-size: 0.875em;  }
.a-z-staff-nav { margin: 0; padding: 0 0 1em 0; float: left; display: relative }
.a-z-staff-nav li { margin: 0 0 0.4em 0.2em ; padding: 0; display: inline; float: left;  }
.a-z-staff-nav li a {  text-decoration: none; border: 1px solid #dedcd2; display: block; padding: 2px 4px; background: #efede9; color: #000; font-weight: bold; }
.a-z-staff-abc { width: 75% }
.a-z-staff-nav li a:hover { background: #dedcd2; color: #000; }
.a-z-staff-type { float: right; margin-left: 1em; }
.a-z-staff-nav h2 { font-weight: bold; margin: 0.5em 0 0 0.4em ; padding: 0; color: black; font-size: 110%  }
.a-z-staff-nav ul { margin-top: 0.5em }

/*-----weblinks-----*/
ul.weblinks li {
list-style-image: none;
list-style-type: none;
margin-left: 8px;
}
ul.weblinks li a:link, ul.weblinks li a:visited {
text-decoration: none;
}
ul.weblinks li a span {
text-decoration: underline;
}
ul.weblinks li a img {
border-width: 0;
vertical-align: middle;
}

/*-----hides t4SM edit link-----*/
.t4Edit-page {
visibility: hidden;
display: none!important;
}