/* [%-# %W% %T%,%D% (yy/mm/dd) -%] */

/* ***************************************************
	Imports
**************************************************** */

	@import url(global.css);

/* *****************************************************************************
	Globals
***************************************************************************** */

	form fieldset.top {
	border: none;
	margin:.2em 0;
	font-size:95%;
	}

	form fieldset p.email input {
	font-weight:bold;
	border:1px solid #0d4f5d;
	background-color:#FEA814;
	-moz-border-radius:1em;
	padding:0 10px;
	cursor:pointer;
	float:none;
	vertical-align:middle;
	margin:.5em 0;
	width:auto;
	}

	form fieldset p.hint {
	font-size:90%;
	float:right;
	clear:both;
	}

	form fieldset p.hint2 {
	font-size:90%;
	}

	form fieldset p.help {
	font-size:90%;
	clear:both;
	text-align:right;
	}

	form fieldset p.help a {
	float:right;
	display:block;
	width:15px;
	height:15px;
	text-indent:-5000px;
	background-image:url(/images/general/help.gif);
	overflow:hidden;
	text-decoration:none;
	font-size:1px;
	color:#000;
	}

	form fieldset div.column {
	float:left;
	}

	form td p input.submit {
	font-weight:bold;
	border:1px solid #0d4f5d;
	background-color:#FEA814;
	-moz-border-radius:1em;
	padding:0 10px;
	cursor:pointer;
	display:inline;
	float:right;
	vertical-align:middle;
	margin:.5em 0;
	width:auto;
	}

	/***************************************************************
	Sortby used on searchresult-desc
	***************************************************************/
	
	div.sortby {
	float:right;
	margin:0 0 0 2px;
	padding:0;
	width:53%;
	}

	div.sortby p {
	margin:0;
	padding: 0;
	}

	div.sortby p label {
	padding: 0;
	margin:0;
	}

	div.sortby label input{
	margin:0 0 0 3px;
	padding:0 !important;
	width:15px !important;
	}

	div#sort2{
	border-bottom:1px solid #0d4f5d;
	padding:0.5em 0 0 0;
	margin:0.5em 0;
	width: 100%;
	}

	div#total{
	float:left;
	margin-left:10px;
	padding:0 !important;
	padding:0.4em 0 0 0;
	width:300px;
	}

	div#vacsMatching div#total{
	width:auto;
	}

	/***************************************************************
	center aligned summary text at bottom of page
	***************************************************************/
	div.summary p {
	padding: 1em 0 .5em 0;
	text-align:center;
	}

	div.summary div p {
	text-align:left;
	float: left;
	width: 300px;
	padding: 1em 0 1em 0;
	}

	div.summary form {
	background-color:#fff;
	float: left;
	width: 298px;
	text-align:right;
	padding: 0 0 1em 0;
	}

	div.summary form input {
	padding:0;
	cursor:pointer;
	margin:0;
	float:none;
	}

	div.summary form fieldset {
	border:none;
	padding:0;
	}

	div.summary form label input {
	margin:0;
	}



	/***************************************************************
	=Lucky Dip
	***************************************************************/

	div.luckyDip{
	padding:  0 5px 5px 5px;
	}
	div.luckyDip div.luckyDipNav{
	border-bottom: 1px dotted #0D4F5D;
	margin: .5em 0;
	padding: 7px 5px;
	}

	div.luckyDip div.luckyDipNav span{	
	margin: 0 3em 0 0;
	}

	div.luckyDip div.luckyDipNav div{
	float: right;
	}

	/***************************************************************
	=Vacancy details
	***************************************************************/

	div.vacancyNav{
	border: solid #0d4f5d;
	border-width:  0 0 1px 0;	
	padding: 5px;
	}

	div.vacancyNav div{
	float: right;
	}

	div.vacancyNav span.backToSearch a{
	background: url(/images/general/icon_backtosearch.gif) 0% 50% no-repeat;
	padding: 0 0 0 15px;	
	}
	div.vacancyNav a.next{
	background: url(/images/general/icon_arrownext.gif) right 50% no-repeat;
	margin:  0 5px;
	padding: 0 15px 0 0;	
	}
	div.vacancyNav a.previous{
	background: url(/images/general/icon_arrowprev.gif) 0% 50% no-repeat;
	margin:  0 5px;
	padding: 0 0 0 15px;	
	}
	div.box7Wrap div {
	border-top: solid 1px #7f9db9;
	padding: 5px 0;
	}

	/***************************************************************
	=Page specific overrides
	***************************************************************/

	html body#vacDetails a.button, html body#vacDetails form input.submit {
			font-weight: bold;
			cursor: pointer;
			cursor: hand;
			border: 1px solid #fff;
			background: #000066 url(../images/general/bg_button.gif) 0 0 repeat-x;
			color: #fff;
			padding: 2px 0;
			margin:0;
			line-height:120%;
	}

	body#vacDetails div.box{	
	margin: 0 0 1em 0;
	}

	body#vacDetails div.box6 h3 span, body#applyNowConfirm div.box6 h3 span {
	font-size: 120%;
	}

	body#vacDetails div.box7 a{	
	display: block;
	margin: .3em 0;
	}

	body#vacDetails div.box7 p{	
	margin: 0;
	padding: 0;
	}

	body#vacDetails div.box7 input{	
	width: 138px;
	}

	body#vacDetails div.box7Wrap div{	
	margin: 0 0 .7em 0;
	}

	body#vacDetails div.box7Wrap{	
	text-align: center;
	}

	body#vacDetails .recruiterInfo{	
	color: #898989;
	}

	html body#vacDetails div.box7Wrap div#applyButton a.button {
	width: 86px !important;
	height: 24px !important;
	padding: 0 !important;
	}

	html body#vacDetails div.box7Wrap div#applyButton input {
	width: 86px !important;
	height: 24px !important;	
	margin: .3em 0;
	}

	html body#vacDetails div.box7Wrap div#basketLink a img {
	width: 126px !important;
	height: 20px !important;	
	margin: .3em 0;
	}

	html body#vacDetails div.box7Wrap div input#emailFriend {
	width: 122px !important;
	height: 24px !important;	
	margin: .3em 0;
	}

	html body#vacDetails div.box7Wrap input#JBE-button{	
	width: 81px !important;
	height: 24px !important;
	margin: .3em 0;
	}

	body#vacDetails div.box7Wrap div.center,
	body#vacDetails div.box7Wrap div.right{
	border: 0 !important;
	padding: 0;
	}

	body#applyNowConfirm table, body#applyNowConfirm table td {
	width: auto;
	border-width: 0 !important;
	margin: 0;
	}


	/* Hide from Mac IE5 - submit button*/
	/* \*/
	div form fieldset p.apply input.submit {
	float:  none;
	}
	/* */

	/***************************************************************
	More Options
	***************************************************************/
	div.moreoptions {
	float:left;
	padding-left: 50px;
	}

	div.any {
	float:left;

	}


	/*****************************************************************
	styles for new vacsearch resuls

	*************************************************************/

	body#vacSearch #wrapper,body#vacSearch #mainContainer{
	width:753px !important;
	}

	body#vacSearch div#resultsBanner{
	height:60px;
	margin:0.8em 0 1em 0;
	text-align: center;
	}




	/********top search box************/

	body#vacSearch div#topSearch{
		background-color:#1a768b;
		margin: 0 0 1em 0;
		background:url(/images/general/bg_topsearch.gif) 0 0 no-repeat;
	}

	body#vacSearch div#topSearch form{
		color: #fff;
		padding:10px 0 0 0;
		margin: 0;
	}

	body#vacSearch div#topSearch form label{
	color: #fff !important;
	}

	body#vacSearch form#Search{
	margin: 0 0 0 1px;
	padding:0.5em 0 .2em 0;
	position:relative;
	width:753px;

	}

	/**
	body#vacSearch form#Search fieldset label{
	height:2.8em;
	float:left;
	font-size:0.9em;
	font-weight:normal;
	margin:0 4px 0 0;
	padding:0;
	text-align:right;	
	width:60px;
	}

	body#vacSearch form#Search fieldset input{
	margin:0;
	float:left;
	width:140px;
	}
	body#vacSearch form#Search fieldset input.submit{
	border-width:1px !important;
	float:left;
	margin:0 0 0 5px;
	padding: 2px 0 !important;
	text-align:center;
	}
	body#vacSearch form#Search fieldset select{
	width:110px;
	}

	body#vacSearch form#Search fieldset{
	border:none;
	}

	body#vacSearch form#Search fieldset div{
	float:left;
	margin: 0 0 0 5px;
	position:relative;
	}

	body#vacSearch form#Search fieldset div span {
	background:none;
	display: none;
	font-size: 75%;	
	left:60px;
	bottom:-3.5em;
	padding: 0.2em 5px 3em 5px;
	position:absolute;
	text-align:center;	
	}**/


			body#vacSearch form#Search fieldset label{
				font-weight:normal;
				margin:0 4px 0 0;
				padding:0;
				text-align:left;
				color:#253990 !important;
			}
			
			body#vacSearch form#Search fieldset input{
				margin:0;	
				width: 200px;
			}

			body#vacSearch form#Search fieldset input.submit{
				float:left;
				margin:1.1em 0 0 10px;
			}
			
			body#vacSearch form#Search fieldset select{
				width: 147px;
			}
					
			body#vacSearch form#Search fieldset div{
				float:left;
				margin: 0 7px;
				position:relative;
			}

			body#vacSearch[id] form#Search fieldset div{ /* Deliver width for FF, IE 7, Safari and Opera */
				margin: 0 0 0 15px;
			}
			
			body#vacSearch form#Search fieldset div span {
				display:block;
				font-size: 85%;
				font-weight: normal;	
				padding: 0.2em 5px 0 0;
				color:#253990;
			}
			
	/**************Search criteria summary*******************/

	div#results{
	margin:0 0 10px 0;
	padding:.8em 0 .8em 0 ;
	background:url(/images/general/bg_searchresults.gif) 0 0 no-repeat;

	}

	/**this is purely for the vacsearch_error.template****/

	/**
	.error{
	color:#000;
	padding: 1em 0 3em 10px !important;
	position: relative; 
	}	

	.error div {
	float:left;
	position: relative;
	width:40%;
	}

	.error form{
	border:solid #0d4f5d;
	border-width:0 0 0 1px;
	float:right;
	margin-right:10px;
	padding:0 0 0 10px;
	width:55%;
	}

	.error form input.submit{
	float:none;
	margin:0 20px 0 20px;
	}
	**/

	.error{
	color:#000;
	padding: 1em 0 1em 0 !important;
	position: relative; /***peekaboo bug in IE6**/
	}	

	div#error_desc{
	float:left;
	position: relative; /***peekaboo bug in IE6**/
	width:40%;
	}

	form#suggestions{
	border-left:1px solid #0d4f5d;
	float:right;
	margin-right:10px;
	padding:0 0 0 10px;
	width:55%;
	}

	form#suggestions  input.submit{
	margin:0 20px 0 20px;
	float: none;
	}

	div#results p.intro{
	display:block;
	margin:0 20px 0.5em 20px;
	position: relative;
	}

	div#results h3{
	margin:0.5em 20px;
	}

	#results dl{
	margin:2px 0 0.5em 10px;

	}
	#results dt, #results dd{
	float:left;
	margin:0;
	padding:0;
	} 

	#results dd{
	margin:0 10px 0 5px;	
	}

	#results form{
	margin:0;
	padding:0 !important;	
	}

	#results form fieldset select{
	width:auto;
	}

	#results form fieldset option{
	padding:0 0.5em 0 0;
	}

	#results p{
	margin:0 5px 0 20px;
	}

	div#sort{
	float: left;
	margin:0 0 .5em 10px !important;
	padding:0 !important;	
	text-align:right;
	width: 18%;
	}	

	div#display {
	float: right;
	margin:0 10px .5em 0 !important;
	padding:0 !important;	
	text-align:right;
	width: 300px;
	}	

	#sort label, #display label{
	font-size:0.9em;
	font-weight:bold;
	float: left;
	margin:0;
	padding:0.4em 0 0 0;
	text-align:right;

	}
	#searches {	
	clear:both;	
	padding: .5em 0 0 0; 
	margin:0;
	}

	#searches .float-right{
	margin:0 10px 10px 0;
	float:right;
	padding:0;
	}

	#searches .float-right a{
	margin:0 0 0 10px;
	}


	#searches .all-vacs-link{
	clear: both;
	float: left;
	margin: .4em 0 0 10px;
	}


	form#displayPref{
	float:left;
	padding:0 !important;
	width:45%;
	}



	form#displayPref input{
	margin:0 5px;
	}

	#recruiterDetails{
	clear:both;
	margin:1em 10px 0 10px;
	padding:0.5em 0;
	}
	#page{
	border-top:1px solid;
	clear:both;
	margin:1em 0 0 0;
	padding:0.5em 0 0 0;
	text-align: center;
	}

	/****************main vacancy display********************/

	div#vacs{	
	color:#000;
	float: left;
	font-size: 1em;
	margin:0 10px 2em 0;
	width:75%;
	}

	div#vacs dd{
	float:left;
	}

	div.lineage{
	border-bottom: solid 2px #dfe5f3;
	}

	div.semi, div.display{
	border-bottom: solid 2px #fff;
	}

	div.lineage div , div.semi div, div.display div{
	margin: 0;
	padding: .4em 10px !important;
	}
	div.lineage div{
	background-color:#ffffff;
	margin:2px 0;
	}

	div.semi div{
	border:5px solid #dfe2f1;
	margin:2px 0;
	}

	div.display div{
	border:5px solid #253990;
	margin:2px 0;
	}

	div.display img.logo, div.semi img.logo{
	float:right;
	margin:0 0 0 5px;
	}

	div#vacs h3, #vacsMatching h3{
	border:none;
	font-size:1em;
	margin:0 0 0.5em 0;
	padding:0;
	}
	div#vacs a.shortlist, #vacsMatching a.shortlist,div#vacs a.button, #vacsMatching a.button{
	background: url(/images/general/shortlist_icon.gif) 0 50% no-repeat;
	border:none;
	color:#000 !important;
	font-weight: normal;
	margin:0 0 0 10px;
	padding:0 0 0 14px !important;
	text-decoration:underline !important;
	}
	dl.vacancyDetails{
	margin:0 0 0.2em 0 ;
	padding:0;
	width:100%;
	overflow:hidden;
	}
	dl.vacancyDetails dt {
	float:left;
	font-weight:bold;
	width: 20%;
	}
	div.semi div dl.vacancyDetails dd,
	div.display div dl.vacancyDetails dd{
	float:left;
	}
	div.semi div dl.vacancyDetails dt ,
	div.display div dl.vacancyDetails dt{
	width:20%;
	}

	div#vacs div.semi div dl.vacancyDetails ,
	div#vacs div.display div dl.vacancyDetails {
	width: 100%;
	overflow:hidden;
	}
	div#vacs dl.vacancyDetails dd{
	width: 70%;
	}
	div#vacsMatching div.semi div dl.vacancyDetails dd,
	div#vacsMatching div.display div dl.vacancyDetails dd
	{
	width: 100%;
	}

	div#vacsMatching dl.vacancyDetails dd{
	width: 70%;
	}

	p.jobDesc{  
	clear:both;
	margin: .2em 0 0 0;
	text-align:left;
	}

	/**********Jobs by email ************/

	div.jbe{
	background: #0c4a57 url(/images/general/bottombg_jbe.gif) 0 100% no-repeat;
	clear:both;
	margin:0.4em 25px;
	padding:0 0 0.8em 0;
	text-align: center;
	width:673px;
	color:#fff;
	}

	div.loggedin{
	background:#0c4a57 url(/images/general/bottombg_jbe.gif) 0 100% no-repeat;
	}

	div.jbe form{
	background:  url(/images/general/topbg_jbe.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	position:relative;
	}

	div.loggedin form{
	background:  url(/images/general/topbg_jbe.gif) 0 0 no-repeat;
	}

	div.jbe form label{
	font-weight: bold;
	margin: .2em 0 0 0;
	color:#fff;
	}

	div.bottom{
	clear:both;
	margin-bottom:1.5em  !important;
	padding:0 0 0.5em 0;
	}

	.bottom form{
	background:  url(/images/general/topbg_jbe.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	position:relative;
	}

	div.jbe form fieldset{
	padding:0.8em 0 0 20px;
	margin:0;
	width:653px;
	}

	div.jbe form label, div.jbe form input{
	float:left !important;
	}

	div.jbe form input{
	color: #818181;
	margin:0 5px;
	width:170px;
	}

	div.jbe input.submit{
	color: #fff;
	margin:.2em 0 0 5px !important;
	padding:2px 0 !important;
	border:1px solid #fff;
	}

	div.jbe form span{
	background:#fff;
	display: block;
	font-size: 80%;	
	left:400px;
	bottom:-1.7em;
	padding: 0 5px 0.5em 5px;
	position:absolute;
	text-align:center;	
	color:#253990;
	}

	/************right hand content*****************/

	#recruiters{
	float: left;
	font-size:1em;
	margin:1em 0 2em 0;
	width:23%;
	}

	#recruiters div.semi{
	background:#fff;
	border: solid 2px #dfe2f1;
	color:#000;
	font-size:1em;	 
	margin:0 0 1em 0;
	padding:0 0 1em 0 !important;
	width:99%;
	}	

	#recruiters div.display {
	background:#fff;
	border: solid 2px #253990;
	color:#000;
	font-size:1em;	 
	margin:0 0 1em 0;
	padding:0 0 1em 0 !important;
	width:99%;
	}

	#recruiters div.display h3, #recruiters div.semi h3{
	margin: .5em 5px;
	font-size:1em;
	}
	#recruiters div.display a, #recruiters div.semi a{
	font-weight: bold;
	margin-top:5px;
	}
	div#recruiters h2{
	border:none;
	color:#000;
	font-size:1.1em;
	text-align:center;
	width:90%;
	}
	#recruiters div.display img, #recruiters div.semi img{
	margin:5px 0 0 5px;
	}
	#recruiters div.display ul, #recruiters div.semi ul{
	list-style-type:none;
	margin:0 5px;
	padding:0;
	}
	#recruiters div.display ul li, #recruiters div.semi ul li{
	margin:0 5px;
	padding:0;
	}

	a.info{
	display:block;
	text-align:center;
	}

	a.matchingVac{
	border-top:1px dotted #E5E5EF;
	display:block;
	font-size:0.8em;
	margin:1em 5px 0 5px;
	padding:0.4em 0 0 0;
	text-align:center;
	}
	/**misc****/

	/* body#vacSearch a {
	color: #253990;
	text-decoration: underline;
	}

	body#vacSearch a.button	{
	color: #253990 !important;
	}

	body#vacSearch a:hover {
	text-decoration: none;
	} */

	body#vacSearch form fieldset{
	border:none;
	}
	body#vacSearch hr, body#vacSearch legend{
	display:none;
	}
	body#vacSearch span{
	font-weight:bold;
	}
	body#vacSearch em{
	color:#000;
	font-style:normal;
	font-weight:bold;
	}


	form#displayPref label{
	float:left;
	margin:0 !important;
	padding:0 10px 0 0 !important;
	}
	form#displayPref input{
	margin:0 0 0 2px !important;
	}


	h1{
	margin-bottom:0 !important;
	}

	/***styles for Reaching the right candidate page***/


	div.productDetails{
	margin:4em 0 0 0;
	width:75%;
	}


	body#rightCandidate img.thumbnail{
	border:1px solid #eee;
	float:right;
	margin: 0 10px;
	}

	body#rightCandidate img.thumbnailLeft{
	border:1px solid #eee;
	float:left;
	margin: 0 10px 2em 10px;

	}

	body#vacSearch table,
	body#vacSearch table th,
	body#vacSearch table td{
	border:0 !important;
	border-collapse: collapse;
	padding:0 !important;
	}

	form#suggestions{
	position:relative; /**IE 6 peekaboo ***/
	}


	/* =Patches */
	.clearfix {display: inline-block !important;}  /* Overrides clearfix property in global.css to fix IE7 collapsing problem */

/* *****************************************************************************
	SEO page styling
**************************************************************************** \*/

	body#vacSearch h1 {
			border-bottom: 0 !important;
		}

	div#pldresults {
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #000066;
		color: #51918c;
		margin:0;
		padding:0;
		float: left;
		width: 720px;
	}

	div#pldresults a {
		color: #000;
	}

	div#pldresults a:hover {
		color:#253990;
		text-decoration:none;
	}

	div#pldresults h1 {
		border-bottom: 0 !important;
		color: #fff !important;
	}

	div#pldresults h2 {
		color: #171c5c !important;
		font-size: 110%;
		margin: 0;
		padding: 3px 15px;
		background:#000066;
	}

	div#pldresults h3 {
		margin:0;
		padding: 3px 2px 2px 0;
		color: #000;
		font-size: 100%;
	}

	div#pldresults p {
		clear: both;
		float: left;
		margin: 0;
		width: 100%;
	}

	div#pldresults p a.more {
		background: url(/images/general/more_bg.gif) left bottom no-repeat;
		padding-left: 17px;
		font-size: 80%;
		font-weight: bold;
	}
	
	div#location {
		border-right: 1px solid #e6f5f4;
		margin: 0;
		padding: 0 0 10px 15px;
		float: left;
		width: 23%;
	}

	div#category, div#subcategory {
		padding: 0 0 10px 15px;
		float: right;
		width: 71%;
	}

	div#location ul {
		width: 100%;
		padding: 0 0 10px 0;
		margin: 2px 0 0 0;
		float: left;
	}

	div#location ul li {
		margin: 0 7px 2px 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 70px;
	}

	ul.brdr {
		border-top: 1px solid #f1f1f1;
		padding: 7px 0 10px 0 !important;
		text-indent: -5000px;
		overflow: hidden;
		display: none;
	}

	div#category ul, div#subcategory ul {
		padding: 0 0 10px 0;
		margin: 2px 0 0 0;
		width: 100%;
		float: left;
	}

	div#category ul li, div#subcategory ul li {
		margin: 0 7px 2px 0;
		padding: 0;
		list-style: none;
		width: 166px;
		float: left;
		display: block;
	}