/* Uni / Careers Service default settings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body { 
	padding: 0px; 
	margin: 0px; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}

/* uob top and bottom navbar  -  stays white throughout ALL sites */
.uobnav #skip { float: left; border: 0px; font-weight: normal; margin-top: 5px }
.uobnav #skip:hover { text-decoration: underline; background-color: transparent }
.uobnav, #uobnavbottom { background-color: white; text-align: right; list-style-type: none; float: left; width: 100%; font-size: 75%; padding: 1px 0 1px 0 }
.uobnav ul { margin: 5px 0; padding: 0; }
.uobnav ul, #uobnavbottom ul { float: right; }
.uobnav ul li, #uobnavbottom ul li { list-style-type: none; display: inline; margin: 0; float: left; border-right: 1px solid #999999 }
.uobnav a, #uobnavbottom a, .uobnav .link-on, #uobnavbottom .link-on { color: #333333; font-weight: bold;  text-decoration: none; padding: 0px 6px;  float: left;  }
.uobnav a:visited { color: #333333; }
.uobnav ul li.no-separator, #uobnavbottom ul li.no-separator  {  border-right: 0px  }
.uobnav a:hover, #uobnavbottom a:hover { text-decoration: underline; background-color: white; color: black;}
.uobnav form { float: right; margin: 1px 0 0 0; padding: 1px 0 0 0; position: relative; left:  -1px }
.uobnav form input { font-size: 105%; margin: 0; }
.uobnav img { margin: 0; padding: 0; }
.uobnav ul.searchbutton { margin: 2px 0 2px 0; }
#uobnavbottom { height: 28px; }
#uobnavbottom ul {  float: left; white-space: nowrap; padding: 0; }

/* additional classes to add left hand margin according to whether there is nav or not */
.uobnavbottom-nav ul, .uobnavbottom-nonav ul {margin: 5px 2px 0 3px}

/* additional departmental top navigation bar */
#deptnav {  
	float: left; 
	width: 100%; 
	border-top: 1px solid #ABBCCA;
	border-bottom: 10px solid #FFFFFF;
}

#deptnavbottom {  
	float: left; 
	width: 100%; 
	border-bottom: 1px solid #ABBCCA;
	border-top : 0;
}

#deptnav ul, #deptnavbottom ul  { 
	float: left;  
	font-size: 80%; 
	margin: 0px; 
	padding: 0px;
}

#deptnav ul li, #deptnavbottom ul li  {
	list-style-type: none; 
	display: inline; 
	margin: 0; 
}

#deptnav ul li a, #deptnav ul li .link-on, #deptnavbottom ul li a, #deptnavbottom ul li .link-on { 
	color: #343D46;			
	font-weight: bold;  
	text-decoration: none; 
	float: left; 
	padding: 4px 7px; 
	border-right: 1px solid #ABBCCA;  
	border-left : 0;
}

#deptnav ul li .link-on, #deptnavbottom ul li .link-on { 
	color: #B01C2E; 
	background-color: #FFFFFF; 
	border-top: 2px solid #C6DCF0; 
	padding-top: 2px; 
}

#deptnav ul li a:hover {
	color: #ffffff;
}

#deptnavbottom ul li a:hover {
	color: #ffffff;
}

#deptnavbottom ul li .link-on { color: #B01C2E; background-color: white; }

/* sets the colour scheme for the header/footer and path to logo. This can be changed for departments */
#uniheader    { 
	float: left; 
	width: 100%; 
	border : 0;
	color: white;  
}
#uoblogo a, #uoblogo span { 
	width: 185px; 
	float: left;   
	margin-top: 0; 
	padding: 69px 0 0 0;  
	overflow: hidden;  
	height: 0px 
	!important; /* for most browsers */  
	height /**/:64px; /* for IE5.5's bad box model */ 
}

#cslogo a, #cslogo span { 
	width: 210px; 
	float: left;   
	margin-top: 0; 
	padding: 69px 0 0 0;  
	overflow: hidden;  
	height: 0px 
	!important; /* for most browsers */  
	height /**/:64px; /* for IE5.5's bad box model */ 
}

#unifooter { line-height: 1.3; clear: both; color: white; font-size: 80%; }
#unifooter p { padding: 6px 0; margin: 0;  text-align: left }
#unifooter a { color: white; text-decoration: underline; background-color: transparent }
#unifooter a:hover { text-decoration: none }
#unifooter span { white-space: nowrap }
#uobcms-footer-feedback-separator {
	color: #5f83ce;
	margin-left : 4px;
}

/* additional classes to add left hand margin and take away image according to whether there is nav or not */
.footer-nav, .footer-nonav  { 
	padding: 0 193px 0 8px; 
}

#uobcms-content-nonav {
	border-top : 1px solid #1a1a1a;
	padding-top : 20px;
	min-height : 100%;
}

#uobcms-content { min-height: 100%; }


	
/* Layout Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {
	margin: 0;
	padding: 0;
	width: 100%;
	}

p {
	text-align: left;
	}

.correctsize {
	font-size: 80%
	}
	
a	{
	text-decoration: underline;
	}	
	

	
/* Content info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content	{
			margin: 0 0 0 227px;
			padding: 0;
			min-width: 0px; /* stops the content being pushed beneath the leftCol div*/
			}

#wide-content	{
			margin: 0 0 0 227px;
			padding: 0;
			min-width: 0px; /* stops the content being pushed beneath the leftCol div*/
			}

#fullscreen-content	{
			margin: 0 0 0 10px;
			padding: 0;
			min-width: 0px; /* stops the content being pushed beneath the leftCol div*/
			}


/* Detail
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#detail {
	margin-left: 0px;
	padding-bottom: 10px;
	border: 0px;
	font-size: 80%;
	}	
	
#detail #instances .SignUpCount {
	width: 20px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}	
	
#detail p {
	margin: 7px 10px 7px 10px;	
	overflow: hidden;
	o\verflow: visible;
	line-height: 1.5;
	}	
	
#detail ul, #detail ol {
	margin: 7px 10px 7px 27px;	
	line-height: 1.5;
	}	
	
#detail h1 {
	font-size: 100%;
	margin: 0;
	padding: 3px 0 4px 10px;
	margin-right: 10px;
	}		
	
#detail h1.override {
	margin-right: 1px;
	}
	

/* Box info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.boxHead h2 {
	margin: 0;
	padding: 3px 0 5px 10px;
	font-size: 80%;	
	}

div.box h2, .box h2 {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	background: url(/careers/images/dottygrey.gif) repeat-x bottom left;
}	
	
#box {
	padding: 10px;
	margin: 0 0 12px 0;
	}

.box {
	padding: 1px 0 0 10px;
	margin: 0 0 12px 0;
	}
		
div.box ul, .box ul {
	margin: 0 0 12px 35px;
	list-style-position: outside;
	list-style-type: square;
}

div.box ul.links, .box ul.links {
	margin: 0 0 12px 15px;
	list-style-position: outside;
	list-style-type: square;
}

div.box li, .box li, div.box ul.links li, .box ul.links li {
	padding: 0 0 5px 2px;
}




/* Data table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.datatable, .datatable-form {
	padding: 3px;
	margin-left:auto; 
	margin-right:auto;		
	}

.datatable th, .datatable-form th, .datatable td, .datatable-form td {
	padding: 5px;
	}
	
.datatable .subhead, .datatable-form .subhead {
	text-align: left;
}	



/* Menu Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.menuButtons a	{
	padding: 1px;
	padding-left: 10px;
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
	font-size: 80%;
	}

.menuButtons a:hover	{
	text-decoration: underline;
	}



/* Left & Right columns
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#leftCol 	{
	position:relative;/*ie needs this to show float */
	width:207px;/* same as the left margin on #outer*/
	float:left;
	margin-left:0px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
	left:10px;	/* push column into position*/	
	}

#rightCol {
	position:relative;/*ie needs this to show float */
	width:207px;/* same as the left margin on #outer*/
	float: right;
	margin-right:0px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
	right:10px;/* push column into position*/		
	}

#rightCol .box {
	font-size: 80%;	
	}


/* Other
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.title {
	padding: 0 12px 0 12px;
}

.right {
	float: right;
	}
	
.indentbullet {
	padding-left: 25px;
	}			

#headLine {
		  margin: 0 3px 0 3px;
    	  }

#rightCol ul {
	margin-left: 18px;
}    	  

table.in {
	margin: 7px 10px 7px 10px;	
	width: 96%;
   }

.formbg	{
   border-collapse: collapse; 
	padding: 7px 7px 7px 7px;	
	}