/* [%-# @(#)new_search.css	1.10 09:02:53,09/07/27 (yy/mm/dd) -%] */
@import url(global.css);

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

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

form fieldset p.email input {
	font-weight: bold;
	border: 1px solid #0C2D83;
	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: #e1e1e1;
}

form fieldset div.column {
	float: left;
}

form td p input.submit {
	font-weight: bold;
	border: 1px solid #0C2D83;
	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 strong{color:#D75309;}

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

div.sortby p label {
	padding: 0 0 0 1.5em;
}



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


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



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

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 #f90;
	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 #0C2D83;
	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 #b2b2d1;
	padding: 5px 0;
}

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

html body#vacDetails a.button, html body#vacDetails form input.submit {
	border: none !important;
	background: none !important;
	color: #0C2D83 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

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;
}

dl.dlList1 {
	margin: 0 0 1em 0;
	padding: .3em;
	position: relative;
	background: #ffebcd;
	border: 1px solid #f90;
}
dl.dlList1 dt {
	color: #e1e1e1;
	padding: 3px;
}
dl.dlList1 dd {
	position: relative;
	left: 5em;
	margin: -1.65em 5em .3em 0;
	padding: 2px 2px 2px 4px;
}

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;
	
}


/* *****************************************************************************
	New VacSearch Results
**************************************************************************** \*/

	body#vacSearch #wrapper {
		width: 710px !important;
	}

	body#vacSearch #banner {
		text-align: center;
	}

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


	/* *************************************************************************
		Top Search Box
	************************************************************************ \*/

		body#vacSearch div#topSearch {
			background:url(../images/general/topsearch-bg.gif) no-repeat scroll 0 0;
			color:#333333;
			margin:0 -76px 0 -75px;
			padding:18px 0 10px;
			width:923px;
		}
		body#vacSearch form#Search {
/*  */		/* background: url(../images/general/search_top_bg.gif) top no-repeat; */	
			margin: 0 0 2em 1px;
			padding: 0.5em 0 0 30px;
			position: relative;
			width: 708px;
		}

		body#vacSearch form#Search fieldset label {
			font-family:tahoma;
			font-size:14px;
			font-weight:normal;
			margin:0;
			padding:0 0 5px;
		}
		body#vacSearch form#Search fieldset label strong{/*font-weight:normal;*/}
		body#vacSearch form#Search fieldset input {
			float:left;
			margin:0;
			width:182px;
		}
		body#vacSearch form#Search fieldset div input{
			border:1px solid #003366 !important;
		}

		body#vacSearch form#Search fieldset input.submit {
			border:medium none !important;
			float:left;
			margin:15px 0 0 5px;
			padding:7px 4px !important;
			height:30px;
			text-align:center;
			background:url(../images/general/topsearch-button.gif) no-repeat 0 0;
			width:68px !important;
		}

		body#vacSearch form#Search fieldset select {
			height:22px;
			padding:1px 0;
			width:110px;
		}

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

		body#vacSearch form#Search fieldset div {
			float:left;
			margin:0;
			padding:0 20px 0 0;
		}

		body#vacSearch form#Search fieldset div span {
			display: block;
			font-size: 75%;	
			padding:5px 0 0 0;
			clear:both;
		}

	/* *****************************************************************************
		Search Criteria Summary
	**************************************************************************** \*/

		div#results {
			margin: -1px 0 15px 0;
			padding: .8em 0 0 0 ;
		}
		
		/* Holly Hack */
		* html body div#results {
			height: 1%;
		}
	
	/* *****************************************************************************
		vacsearch_error.template
	**************************************************************************** \*/
	
		.error {
		color:#e1e1e1;
		padding: 1em 0 3em 10px !important;
		}	
		
		.error div {
		/*float:left;
		width:40%;*/
		}
		
		
		.error form{
		border-left:1px solid #000;
		float:right;
		margin-right:10px;
		padding:0 0 0 10px;
		width:55%;
		}
	
		div#results p.intro {
			display: block;
			margin: 0 20px 0.5em 20px;
		}

		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;	
		}

		#results form fieldset select {
			width: auto;
		}

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

		#results p {
			display: inline;
			margin: 0 5px 0 10px;
		}

		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 15px; 
			width:100%;
		}

		#searches .float-right {
			margin: 0 10px;
		}
		#searches .float-right a{padding:0 0 0 15px;}
		form#displayPref {
			float: left;
			padding: 0 !important;
			width: 45%;
		}

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

		#recruiterDetails {
			clear: both;
			margin:1em 0 0 10px;
			padding: 0.5em 0;
		}

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

	/* *****************************************************************************
		Main Vacancy Display
	**************************************************************************** \*/

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

		div#vacs dd {
			float: left;
		}

		div.lineage, 
		div.semi, 
		div.display {
		margin:0 0 10px 0;
		padding:0 0 20px 0;
		}

		div.lineage{
		border-bottom:1px solid #595959;
		}

		div.semi {
		background:transparent url(../images/general/bottom_semi.gif) no-repeat scroll left bottom;
		}

		div.display {
		background:transparent url(../images/general/bottom_display.gif) no-repeat scroll left bottom;
		}
		div#vacsMatching div.semi {
		background:transparent url(../images/general/bottom_semi_772.gif) no-repeat scroll left bottom;
		}
		div#vacsMatching div.display {
		background:transparent url(../images/general/bottom_display_772.gif) no-repeat scroll left bottom;
		}
		div.lineage div, 
		div.semi div, 
		div.display div {
			margin: 0;
			padding:20px 20px 0 20px !important;
			clear: both;
		}

/* 		div.lineage div {
/*  *		background-color: #fff;
		} */

		div.semi div {
/*  */		background:transparent url(../images/general/top_semi.gif) no-repeat top left;
		}
		div#vacsMatching div.semi div {
/*  */		background:transparent url(../images/general/top_semi_772.gif) no-repeat top left;
		}
		div.display div {
/*  */		background:transparent url(../images/general/top_display.gif) no-repeat top left;
		}
		div#vacsMatching div.display div {
/*  */		background:transparent url(../images/general/top_display_772.gif) no-repeat top left;
		}
		div.display img.logo, div.semi img.logo {
			float: right;
			margin: 0;
		}

		div#vacs h3, 
		#vacsMatching h3 {
			border: none;
			font-size: 110%;
			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:#e1e1e1;
			font-weight: normal;
			margin:0 0 0 10px;
			padding:0 0 0 18px !important;
			text-decoration:underline !important;
		}

		dl.vacancyDetails {
			margin: 0 0 0.2em 0 ;
			padding: 0;
			width:100%;
		}

		dl.vacancyDetails dt {
			float: left;
			font-weight: bold;
			width: 17%;
		}

		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: 21%;
		}

		div#vacs div.semi div dl.vacancyDetails ,
		div#vacs div.display div dl.vacancyDetails {
			width: 80%;
		}

		div#vacs dl.vacancyDetails dd {
			width: 79%;
		}

		div#vacsMatching div.semi div dl.vacancyDetails dd,
		div#vacsMatching div.display div dl.vacancyDetails dd {
			width: 60%;
		}

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

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

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

		div.jbe {
			background:url(../images/general/jbe-top.gif) 0 0 no-repeat; 
			clear: both;
			margin:0;
			padding:20px 0 0 0;
			width:772px;
		}

		div.jbe form {
			background: url(../images/general/jbe-bottom.gif) no-repeat 0 100%;
			margin: 0;
			padding:0 0 18px 0 !important;
			position: relative;
		}

		.bottom {
			clear: both;
			margin: 1em 0 0.2em 75px;
			padding: 0 0 0.5em 0 ;
			width: 560px;
		}

		.bottom form {
			/* background: url(../images/general/jbe_top2.gif) top no-repeat !important; */
			margin: 0 ;
			padding: 0 ;
			position: relative;
		}

		div.jbe form fieldset {
			padding:0 30px;
			margin: 0;
		}
		div.jbe form label{font-size:130%;}
		div.jbe form label, 
		div.jbe form input {
			float: left !important;
		}

		div.jbe form input {
			margin: 0 30px;
			width: 190px;
		}

		div.jbe input.submit {
			background:url(../images/general/jbe-save-button.gif) no-repeat 0 0;
			border:none !important;
			margin:0 !important;
			height:30px;
			padding:7px 0 !important;
			width: 68px !important;
			
		}

		div.jbe form span {
/*  */		/* background: #fff; */
			display: block;
			font-size: 75%;	
			left: 450px;
			bottom:0.5em;
			padding: 0 5px 0.5em 5px;
			position: absolute;
			text-align: center;	
		}
		
		* html div.jbe form span {
			bottom:2.5em;			
		}

	/* *****************************************************************************
		Right Hand Content
	**************************************************************************** \*/

		#recruiters {
			float: left;
			font-size: 1em;
			margin:0 0 2em 0;
			width: 23%;
		}
		#recruiters div.semi {
			background:url(../images/general/rec-semi-top-bg.gif) no-repeat scroll 0 0;
			font-size:1em;
			margin:0 0 1em;
			padding:6px 0 0 !important;
			width:180px;	
		}
		/*#recruiters div.semi {
			background: #FFF5C1;
			border: solid 1px #000;
			font-size: 1em;	 
			margin: 0 0 1em 0;
			padding: 0 0 1em 0 !important;
			width:180px;
		}*/	
		#recruiters div.display {
			background:url(../images/general/rec-display-top-bg.gif) no-repeat scroll 0 0;
			font-size:1em;
			margin:0 0 1em;
			padding:6px 0 0 !important;
			width:180px;
		}
		/*#recruiters div.display {
			background: #FFD1CE;
			border: solid 1px #000;
			font-size: 1em;	 
			margin: 0 0 1em 0;
			padding: 0 0 1em 0 !important;
			width: 99%;
		}*/
		#recruiters div.display a.matchingVac {
			background:url(../images/general/rec-display-bottom-bg.gif) no-repeat scroll 0 100%;
		}
		#recruiters div.semi a.matchingVac {
			background:transparent url(../images/general/rec-semi-bottom-bg.gif) no-repeat scroll 0 100%;
		}
		#recruiters div.display h3, 
		#recruiters div.semi h3 {
			margin: .5em 5px;
		}
	
		#recruiters div.display a, 
		#recruiters div.semi a {
			font-weight: bold;
			margin-top: 5px;
			display:block;
			text-align:center;
		}
	
		div#recruiters h2 {
			border:medium none;
			color:#e1e1e1;
			font-family:tahoma;
			font-size:160%;
			font-weight:normal;
			text-align:center;
			margin:0;
			padding:2px 0 12px;
			_padding:2px 0 16px;
			*padding:2px 0 16px;
		}
	
		#recruiters div.display img, #recruiters div.semi img {
			margin: 10px 0 0 0;
		}
	
		#recruiters div.display ul, #recruiters div.semi ul {
			list-style-type: none;
			margin:0 !important;
			text-align:center;
			display:block;
			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 {
			display:block;
			font-size:0.8em;
			margin:1em 0 0;
			padding:0 0 1em;
			text-align:center;
			width:100%;
		}
		/*a.matchingVac {
			border-top: 1px dotted #000;
			display: block;
			font-size: 0.8em;
			margin: 1em 5px 0 5px;
			padding: 0.4em 0 0 0;
			text-align: center;
		}*/

	/* *****************************************************************************
		misc
	**************************************************************************** \*/
	 
		body#vacSearch form fieldset {
			border: none;
		}

		body#vacSearch hr, 
		body#vacSearch legend {
			display: none;
		}

		body#vacSearch span {
			font-weight: bold;
		}

		body#vacSearch em {
			/* color: #0D3285; */
			font-style: normal;
			font-weight: bold;
		}

		form#displayPref label {
			float: left;
			margin: 0 !important;
			padding: 0 !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;
		}

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

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

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

	div#pldresults a {
		color: #e1e1e1;
	}

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

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

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

	div#pldresults h3 {
		margin:0;
		padding: 3px 2px 2px 0;
		color: #e1e1e1;
		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 #676869;
		margin: 0;
		padding: 0 0 10px 15px;
		float: left;
		width: 23%;
	}

	div#category, div#subcategory {
		padding: 0 0 10px 15px;
		float:left;
		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;
	}
/**** Sponsors vacancy Start *********/

	div#sponsor-vac {
		background:url(../images/general/sponsorvac-bottom-bg.gif) no-repeat 0 100%;
		clear:both;
		margin:0;
		overflow:hidden;
		padding:0 0 20px 0;
		width:99.9%;
	}
	div.sponsor-vac-hold{
		padding:20px 20px 0 20px;
		background:url(../images/general/sponsorvac-top-bg.gif) no-repeat 0 0;
		width:93%;
	}
	div#sponsor-vac div.sponsor.clearfix{
		margin:0 0 5px 0 !important;
		clear:both;
		padding:0 0 2px 0;
	}

	div#sponsor-vac div.clearfix {
		padding: 0 0 2px 0;
		position:relative;
	}

	div#sponsor-vac div img{
		position:absolute;
		right:0;
	}

	div#sponsor-vac div dl.vacancyDetails {
		/*width:80%;*/
	}

	div#sponsor-vac div.sponsor	{
		border-bottom:1px solid #fff;
		padding:0;
		margin:0 0 5px 0;
	}

	*html div#sponsor-vac div.sponsor, *:first-child+html div#sponsor-vac div.sponsor{
		margin:0;
	}

	div#sponsor-vac div.sponsor img {
	    margin:0 0 0 5px;
		float:right;
	}

	div#sponsor-vac div.sponsor dl.vacancyDetails {
		/*width:80%;*/
	}

/**** Sponsors vacancy End  *********/