/*styling for postgraduate profiles page*/

.centre {min-height: 200px; height: 200px; position: relative; padding: 0; margin: 0 ; border: 3px solid #fff; width: 150px; float: left; }
.centre p {position: absolute; left: 0; bottom: 0; margin: 0; line-height: 1; font-family: Georgia; font-style: italic; font-size: 105%;}

#uobcms-content .centre a { background-color: #00468A; opacity: 0.85; filter: alpha(opacity=85); display: block; padding: 0.5em; width: 133px;  height: 50px;}

#uobcms-content .centre a,
#uobcms-content .centre a:visited {color: #fff; text-decoration: none; }
#uobcms-content .centre a:hover {color: #E9961C; text-decoration: none; }
#uobcms-content .centre a:active {color: #fff; text-decoration:  }
#uobcms-content .centre ul{position: absolute;}
#uobcms-content .centre li {padding: 2px;list-style:none; left: 0; top: 0; margin: 0; line-height: 1; font-family: Georgia; font-style: italic; font-size: 100%;}
.centre-row {float: left; width: 780px;}

#centre-poverty {background: url(/sps/sps-images/studying/centre-poverty.jpg) no-repeat top left;}
#centre-family {background: url(/sps/sps-images/studying/centre-family.jpg) no-repeat top left;}
#centre-urban {background: url(/sps/sps-images/studying/centre-urban.jpg) no-repeat top left;}
#centre-enhs{background: url(/sps/sps-images/studying/centre-enhs.jpg) no-repeat top left;}
#centre-health {background: url(/sps/sps-images/studying/centre-health.jpg) no-repeat top left; margin-bottom: 1em;}
#centre-genderviolence {background: url(/sps/sps-images/studying/centre-genderviolence.jpg) no-repeat top left;}
#centre-norahfry {background: url(/sps/sps-images/studying/centre-norahfry.jpg) no-repeat top left;} 
/* styling for years links on completed research page*/
#completedresyears  { float: left;  padding: 0px;  margin: 0; width: 100%;  display: inline; font-size: 80%; line-height: 1.3; } 

#completedresyears   div { line-height: 1.3; background: #FCF6D4 url(/sps/sps-images/research/a-z-back-2.gif ) repeat-x; border: solid 1px #ECCD29; float: left;  padding: 7px; margin-top: 1em;   }

#completedresyears   ul {   float: left;   margin: 0; list-style-image: none;  list-style-type: none; font-size: 120% }

#completedresyears   ul li  { font-size: 90%; line-height: 100%; background: white url(/sps/sps-images/research/a-z-button-back.gif) repeat-x right bottom; margin: 0; padding: 0; display: inline;   }

#completedresyears  ul li a, #completedresyears ul li a:visited  { color: #333333; text-decoration: none; background: white url(/sps/sps-images/research/a-z-button-back.gif) repeat-x left bottom; float: left; margin: 2px 2px; padding: 3px 4px; border: solid 1px #a89f78; display: block }

#completedresyears ul li a:hover  { color: white; text-decoration: none; background: #fc9916 none;  border: solid 1px #89540d; }

/* Styling for right aligned nav search option box */
#relative-container {position:relative;}
#text-container {width: 60%;}
#optionbox, #optionboxlarge
{position: absolute;
top:0;
right:0;
margin: 0 0 1em 1em;
width: 200px;}

#optionbox h2, #optionboxlarge h2 
{margin: 0;
border-bottom: 1px dashed #F4F9FE;
padding:.7em .7em .3em .7em;
background: url(/sps/sps-images/corners/topsearch.gif ) no-repeat 100% 0;
font-size: 100%}

#optionbox ul, #optionboxlarge ul
{margin: 0; padding: .3em .7em 2em .7em;
font-size: 90%}

#optionbox
{background: #fff url(/sps/sps-images/corners/botsearch.gif ) no-repeat 0 100%;}

#optionbox p {margin: 0; padding: .3em .7em 2em .7em;
font-size: 90%}

#optionboxlarge
{background: #fff url(/sps/sps-images/corners/botsearchlarge.gif ) no-repeat 0 100%; margin-top: .5em;}


/* styling for project list under years links on completed research page to get around all floats in option box and years links that come before it*/
#projectlist {float: left; width:100%; margin-top:.7em; border-top:  dotted 1px #dde9ff; padding-top:.7em;}
#projectlist h2{margin-top: 0;}


/* Styling for RAE results table*/

#raetable table
	{
		width: 99%;
		align: center;
		margin-left: 3px;
	}
#raetable caption
	{
		font-size: 1em;
		font-weight: bold;
		margin:0;
		padding: 6px;
		background: #00468A;
		color: #ffffff;
		border-right: 2px groove #ffffff;
		border-bottom: 2px groove #ffffff;
	}
#raetable th 
	{
		background: #00468A;
		color: #ffffff;
		font-size: 1em;
		text-align: left;
		
	}
	
#raetable tr td
	{
		font-size: 1em;
		padding: 3px;
		text-align: right;
		border-right: 2px groove #00468A;
		border-bottom: 2px groove #00468A;
	}
	
#raetable thead th
	{
		text-align: center;
		font-size: 1em;
		border-right: 2px groove #ffffff;
		border-bottom: 2px groove #ffffff;
	}
	
#raetable tbody th
	{
		text-align: left;
		font-size: 1em;
		border-right: 2px groove #ffffff;
		border-bottom: 2px groove #ffffff;
	}


form#projecttopic
{
width:70%;
background: #FCF6D4 url(/sps/sps-images/research/a-z-back-2.gif ) repeat-x; border: solid 1px #ECCD29;padding: .2em 0 .2em .2em}

#projecttopic select 

{font-size: 80%;
 width: 75%;
 margin: .5em 0 .5em .5em;
margin: .2em; padding: 0.1em ;}
#projecttopic .button {margin: font-size: 75%;
background: white url(/sps/sps-images/research/a-z-button-back.gif) repeat-x right bottom; margin: .2em; padding:  .1em;}

#research-index img { float: right; border: 3px solid #DDE9FF; margin: 0.2em 0 0.5em 1em; }
#research-index  h3 {border-top: 1px dotted #DDE9FF; padding-top: 0.5em; }
.pgtable table 
        { 
                width: 99%; 
                align: center; 
                margin-left: 3px; 
        } 

.pgtable th  
        { 
                background: #00468A; 
                color: #ffffff; 
                font-size: 1em; 
                text-align: centre; 
padding: 3px; 
                 
        } 
         
.pgtable tr td 
        { 
                font-size:1em; 
                padding: 3px; 
                text-align: left; 
               border-right: 1px solid #00468A; 
                border-bottom: 1px solid #00468A;
        } 
         
         
.pgtable tbody th 
        { 
                text-align: left; 
                font-size: 1em; 
}