/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.2em arial, helvetica, tahoma, verdana, sans-serif;
		line-height: normal;
		height: 100%;
	}
	
	body {
		margin: 0;
		padding: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 15px 0;
		padding: 0;
		clear:both;
		}
	
	hr {
		display: block;
		clear: both;
		margin: 5px 0;
		}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		text-decoration: underline;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
	}
	
	.textR {
		text-align: right;
		}
	
	.small_text {
		font-size: 80%;
		}
	
	.clear {
		display: block;
		clear: both;
		}
	
	.clearL{
		clear:left;
		}
	
	.nomargin{
		margin:0;
		}
		
	.auto_width {
		width: auto;
		}
		
	.error, ul.error li {
		font-weight: bold;
		color: #cb0000;
		}
		
	ul.error li {
		margin: 0;
		padding: 0;
		}
		
	#sitemap li{
		padding:2px 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap{
		margin:0 auto;
		width:1044px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		}

	#innerwrap{
		width: 1024px;
		position: relative;
		margin:0 0 0 10px;
		height:100%;
		float:left;
		}
		
	#right_col {
		width:802px;
		padding:10px 10px 0 10px;
		float:right;
		position:relative;
		min-height:500px;
  		height:auto !important;
  		height:500px;
		margin:0 1px 0 0;
		}
		
		#header {
			width: 804px;
			position: absolute;
			top: 10px;
			left: 210px;
			padding-bottom: 10px;
			height:50px;
			}
		
	#left_col {
		float: left;
		}
		
	#vacancy_search_box{
		float:right;
		width:260px;
		margin:0 -5px 0 0;
		}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	form {
		margin: 0;
		padding: 0;
		}
		
	form ul, form ol {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		form ul li, form ol li {
			margin: 7px 0;
			}
			
			form ul.radio_buttons{
				clear:right;
				left:;
				}
				form ul.radio_buttons li{
					float:left;
					display:inline;
					}
				
		#search_form ul li, #search_form ol li {
			margin: 0;
			}	
		
	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
		width: 100%;
	}	
	
	label {
		font-weight: bold;
		padding: 0 5px 0 0;
		font-size: 85%;
		display: block;
		}
		
	#search_form label, label.inline {
		display: inline;
		}
		
	
	fieldset {
		border: none;
		width: 50%;
		float: left;
		}
		
	legend {
		margin-left: -10px;
		margin-bottom: 20px;
		}
		
	#search_form input {
		width: auto;
		}
	
	#search_form {
		float: right;
		}
		
		#search_submit {
			margin-bottom: -1px;
			padding: 0 0 0 5px;
			}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		line-height: normal;
		margin: 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
		font-size: 130%;
		margin-bottom:10px;
	}
	
	
	h2 {
		font-size: 130%;
		}
		
		h2.office_locations{
			position:absolute;
			float:right;
			top:38px;
			right:16px;
		}
		
		h2.case_study_organisation{
			font-size:110%;
			margin:-10px 0 0 0;
			font-weight:normal;
			}
	
	h3 {
		font-size: 100%;
		}
	
	#header h2 {
		float: right;
		}
	
	.case_study_control h3{
		font-size: 130%;
		}
	
	.case_study_control h4 {
		font-size:100%;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV STYLES  */
#top_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	position:absolute;
	float:left;
	top:36px;
	}
	
	#top_nav li {
		float: left;
		position: relative;
		}
		
		#top_nav li span {
			cursor: pointer;
			display:block;
			height:20px;
			}	
		
		#top_nav li a, #top_nav li span {
			float: left;
			font-weight: bold;
			font-size: 110%;
			padding: 0 5px;
			text-decoration: none;
			}
			
		#top_nav li a.start, #top_nav li span.start {
			padding: 0 5px 0 0;
			}
			
		#top_nav li:hover ul, #top_nav li.over ul {
			display:block;
			}	
			
		.drop_menu {
			margin: 0;
			padding: 7px;
			list-style: none;
			position: absolute;
			top: 18px;
			left: 0;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-html-opacity: 0.8;
			opacity: 0.8;
			display: none;
			}
			
			.drop_menu li, #top_nav .drop_menu li a {
				float: none;
				border-right: none;
				width:400px;
				clear: both;
				padding: 0;
			}
			
			#top_nav .drop_menu li a:hover{
				color:#000;
			}
				
			.drop_menu li {
				padding: 3px 0;
				}
			
ul#portal_nav {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	list-style: none;
	clear: both;
	}

	#portal_nav li {
		float: left;
		padding: 0 20px 0 0;
		}
		
		#portal_nav a {
			display: block;
			float: left;
			text-indent: -2000px;
			overflow: hidden;
			}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content {
	clear:both;
	margin:80px 0 0 0;
	padding:0 5px 0 0;
	float:left;
	}
	
	.highlight {
		text-decoration: underline;
		}
		
	.text_content {
		width:470px;
		padding:0 55px 0 0;
		float:left;
		clear:right;
		}
		
	#page_include{
		float:left;
		width:100%;
		clear:both;
	}
		
	#office_location {
		position: absolute;
		top: 75px;
		right: 50px;
		list-style: none;
		float: right;
		font-weight: bold;
		}
		
		#office_location a {
			text-decoration: none;
			}
			
	.office {
		float: left;
		width: 260px;
		margin: 10px 0;
		min-height:200px;
  		height:auto !important;
  		height:200px;
		}
		
		.offices_row{
			float:left;
			width:100%;
			}
		
		.offices_wrap{
			float:left;
			clear:left;
			width:100%;
		}
		
		.small_link, .small_link_down{
			font-size: 100%;
			font-weight: bold;
			padding: 0 20px 3px 0;
			}
			
			.small_link_back{
				font-size: 100%;
				font-weight: bold;
				padding:0 0 3px 20px;
				}
			
	.news_date {
		font-size: 110%;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}
		
		.news_wrap{
			float:left;
			clear:both;
			width:100%;
			}
		
	.case_study_control {
		float:left;
		clear:both;
		width: 65%;
		padding: 10px 0 0 0;
		margin: 0 0 20px 0;
		}
		
		.case_study_wrap{
			float:left;
			width:60%;
			}
			
			.case_study {
				padding: 5px 0 0 0;
				margin: 10px 0 0 0;
				width:250px;
				}
				
				.case_study p {
					margin: 0 0 5px 0;
					padding: 0;
					}
				
	#map {
		width: 530px;
		height: 300px;
		float: right;
		margin: 0 0 10px 0;
		}
		
		
	div.row{
		width:100%;
		clear:both;
		padding:0 0 10px 0;
		}


	ul.left{
		float:left;
		list-style:none;
		padding:0 0 0 0;
		margin:0;
		width:250px;
		}
	
	ul.right{
		list-style:none;
		padding:0 0 0 30px;
		margin:0 0 0 30px;
		}
		
	#page_nav{
		clear:right;
		margin:0 0 10px 0;
		border-bottom:#897331 1px solid;
		}
		
		#page_nav ul{
			padding:7px 0;
			margin:0;
			list-style:none;
			}
			
			#page_nav li{
				padding:1px 0;
				}
				
				#page_nav p{
					font-size:130%;
					margin:0;
					font-weight:bold;
					}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LAYOUT STYLES	*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#locations_marquee{
	position:absolute;
	top:15px;
	left:210px;
	}
	
	#locations_marquee p{
		float:left;
		margin:0 10px 0 0;
		font-weight:bold;
		}
		
		.marquee_text{
			float:left;
			}
	
#vacancy_search{
	width:260px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	float:right;
	}
	
		#vacancy_search h2{
			border-top:#fff 2px solid;
			margin:10px 10px 0 10px;
			padding:8px 0 0 0;
			}
			
			#vacancy_search p{
				margin:10px 10px 0 10px;
				font-size:90%;
				}
				
				#vacancy_search label{
					font-size:110%;
					margin:7px 10px;
					}
				
					#vacancy_search input, #vacancy_search select{
						margin:0 10px;
						width:236px;
						padding:2px;
						font-size:85%;
						}
						
						#vacancy_search input.default{
							font-style:italic;
							color:#999999;
							}
					
							#vacancy_search select{
								width:240px;
								}
								
								#vacancy_search input.button{
									width:84px;
									float:right;
									border:none;
									margin:10px 10px 0 0;
									}

	
	/*	REFER MANAGER BUTTON	*/

	#refer_manager{
		width:260px;
		height:76px;
		background:url(../images/bg_refer_manager.gif) top left no-repeat;
		float:right;
		margin:75px 0 20px 0;
		color:#e2e1b3;
		font-size:85%;
		}
		
		#refer_manager p{
			margin:0;
			}
		
			#refer_manager p.title{
				margin:7px 10px 0 10px;
				}
				
				#refer_manager a{
					background:url(../images/button_refer_manager_off.gif) top left no-repeat;
					width:253px;
					height:26px;
					display:block;
					font-size:0%;
					margin:3px;
					}
					
					#refer_manager a:hover{
						background-image:url(../images/button_refer_manager_on.gif);
						}
						
/*	REFER MANAGER FORM	*/

	#refer_manager_form{
		float:left;
		width:525px;
		}
			
		#refer_manager_form fieldset{
			width:100%;
			padding:0;
		}
		
		#refer_manager_form .row{
			float:left;
			}
			
			#refer_manager_form label{
				float:left;
				clear:both;
				width:90px;
				font-size:90%;
				padding:2px;
				}
				
				#refer_manager_form input{
					width:135px;
					float:right;
					font-size:80%;
					border:#a97331 1px solid;
					}
					
					#refer_manager_form input.button{
						width:59px;
						border:none;
						}
							
						#refer_manager_form h2{
							font-size:110%;
							font-style:italic;
							border-bottom:#a97331 1px solid;
							margin:10px 0 15px 0;
							}
							
							#refer_manager_form .left{
								float:left;
								width:48%;
								}
								
								#refer_manager_form .right{
									float:right;
									width:48%;
									}
		
/*	DOWNLOAD PDFS  */

ul.files{
	float:right;
	margin:0 3px 0 0;
	padding:0;
	}
	
ul.files li{
	list-style:none;
	padding:0;
	margin:0 0 5px 0;
	}

ul.files li a{
	background:url(../images/link_button_bg.png) bottom left no-repeat;
	width:244px;
	height:16px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	padding:4px;
	}
	
	ul.files li a:hover{
		background-position:top;
		text-decoration:underline;
		}
		
		
	.application_form{
		float:left;
		width:525px;
		padding:0 10px 0 0;
		}
		
		.application_form fieldset{
			width:500px;
			}
			
	ul.vacancies{
		list-style:none;
		margin-left:10px;
		padding-left:10px;
		}
	
						
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SEARCH RESULTS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#search_results{
		float:left;
		width:520px;
		padding:0 15px 0 0;
		margin-top:-10px;
		}
		
	#vacancy{
		border-top:#000000 1px solid;
		padding:10px 0 10px 0;
		float:left;
		}
		
		#vacancy h2{
			font-size:120%;
			}
			
			#vacancy span.highlight{
				text-decoration:none;
				font-weight:bold;
				}
				
				#vacancy p{
					margin:0;
					}
					
					#vacancy p.reference{
						font-weight:bold;
						margin-top:10px;
						}
						
						#vacancy p.location{
							font-weight:bold;
							}
								
							#vacancy span.title{
								font-weight:bold;
								width:60px;
								display:block;
								float:left;
								clear:both;
								}
								
								#vacancy span.value{
									margin-left:10px;
									}
															
									#vacancy .left_col{
										float:left;
										width:400px;
										}
										
										#vacancy .right_col{
											float:right;
											width:120px;
											padding:20px 0 0 0;
											}
											
											#vacancy .full_details{
												padding:15px 0 0 0;
												display:none;
												width:375px;
												}
												
												#vacancy .full_details_visible{
												padding:15px 0 0 0;
												width:375px;
												}
												
												#search_results .sortby, #search_results .pagination{
													float:left;
													text-align:right;
													width:100%;
													padding:0 0 10px 0;
													}
													
													#search_results .pagination{
														margin-top:75px;
														}
														
														#search_results .sortby a{
															margin-left:15px;
															}
											
											#vacancy p.apply a{
												width:83px;
												height:22px;
												display:block;
												background:url(../images/button_apply.gif);
												text-indent:-3000px;
												margin:10px 0 0 0;
												overflow:hidden;
												}
					
					#search_results span.multiple_apply{
						display:none;
						}
	
	/* ALTERNATIVE SAEARCH RESULTS */
										
	#alternative_results{
		padding:5px 0 0 0;
		border-top:#000 2px solid;
		}
		
		#alternative_results p{
			margin:7px 0 7px 0;
			}
		
			#alternative_results p.title{
				font-weight:bold;
				}

				
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MULTIPLE SELECT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#specialism{
		height:100px;
	}

	.multiSelect {
		width:204px;
		height:20px;
		padding:0;
		margin:0 10px;
		border:0;
		}
		
		.multiSelect .title {
			cursor:default;
			width:234px;
			padding:3px 3px 4px 3px;
			font-size:85%;
			background:url(../images/multiselect.gif) top right no-repeat #FFFFFF;
			overflow:hidden;
			}
			
			.multiSelect div.title {
				position:absolute;
				z-index:104;
				}
				
				.multiSelect div.title-open {
					xborder-bottom: 1px solid #fff;
					}						
						.multiSelect .title:hover {
							background:url(../images/multiselect-hover.gif) top right no-repeat #FFFFFF;
							}
							
							.multiSelectContent {
								position:absolute;
								right:24px;
								z-index:1000;
								margin:0 0 0 10px;
								padding:0 0 5px 0;
								border:1px solid #999;
								width:485px;
								font-size:85%;
								overflow:hidden;
								height:140px;
								min-height:140px;
								height:auto; !important;
								}
								
								.multiSelectContent label{
									width:190px;
									margin:0;
									padding:3px 0;
									float:left;
									}
														
									.multiSelectContent li {
										cursor:pointer;
										cursor:hand;
										list-style:none;
										float:left;
										margin:0 5px 0 0;
										padding:0;
										width:235px;
										overflow:hidden;
										}
											
										.multiSelectContent span a{
											height:15px;
											display:block;
											padding:0 0 0 20px;
											margin:10px;
											text-decoration:none;
											font-weight:bold;
											font-size:110%;
											float:right;
											}
											
	.collapsed {
		display: none;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	font-size: 90%;
	padding: 5px 0 20px 0;
	margin:20px 0 0 0;
	clear: both;
	float:left;
	width:100%;
	}
	
	#footer p {
		margin: 0;
		padding: 0;
		}
	
	#footer ul {
		list-style: none;
		margin: 3px 0;
		padding: 0;
		float:left;
		clear:both;
		}
		
		#footer li {
			float: left;
			}
			
			#footer a {
				float: left;
				display: block;
				padding: 0 5px 0 5px;
				text-decoration: none;			
				}
				
			#footer li a.start {
				padding: 0 5px 0 0;
				}
				
				#footer p.ninexb{
					clear:both;
					}
					
					#footer p.ninexb a{
						padding:0;
						border:none;
						text-decoration:underline;
						}
				
					#footer p.copyright{
						float:left;
						clear:both;
						}
				
						#footer p.ihrgroup{
							float:right;
							}
						
						#footer p.ihrgroup a{
							padding:0;
							border:none;
							text-decoration:none;
							font-weight:bold;
							}