/* [%-# @(#)new_search.css	1.2 15:14:47,11/09/12 (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 #17355b;
	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: #fff;
}

form fieldset div.column {
	float: left;
}

form td p input.submit {
	font-weight: bold;
	border: 1px solid #17355b;
	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%;
text-align:right;
}


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 #333333;*/	
	padding: 0.5em 0 0 0;
	margin: 0;
	width:100%;
}



div#total {
	float: left;
	margin:0;
	padding: 0 !important;
	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 #17355b;
	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 #A3A3A3;
	padding: 5px 0;
}

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

html body#vacDetails a.button, html body#vacDetails form input.submit {
	border: none !important;
	background: none !important;
	color: #17355b !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: #fff;
	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;
	}


	/* *************************************************************************
		Top Search Box
	************************************************************************ \*/
		body#vacSearch div#topSearch {
			background:#669ACC;
			color: #000;
			padding:0px 0 15px 0;
			margin:0;
			border:1px solid #4B7DB0;
			width:768px;
		}

		body#vacSearch form#Search {
/*  		background: url(../images/general/topSearch-top-bg.gif) no-repeat 0 0;	*/
			margin:0;
			padding:18px 15px 5px 15px;
			width:738px;
		}

		body#vacSearch form#Search fieldset label {
			margin: 0;
			padding: 0 0 2px;
			display:block;
			color:#000;
		}

		body#vacSearch form#Search fieldset input {
			margin: 0;
			width:198px;
			padding:1px;
		}

		body#vacSearch form#Search fieldset input.submit {
			background:url(../images/general/searchBtn.gif) no-repeat scroll 0 0;
			border:none;
			color:#fff;
			float:left;
			font-size:14px;
			font-weight:bold;
			margin:8px 0 0;
			clear:none;
			padding:10px 0 10px 0 !important;
			text-align:center;
			width:121px !important;
		}

		body#vacSearch form#Search fieldset select {
			width: 145px;
		}

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

		body#vacSearch form#Search fieldset div {
			float: left;
			margin:0;
			padding:0;
			width:218px;
		}
		body#vacSearch form#Search fieldset div.posted{width:160px !important; padding-bottom:15px;}
		body#vacSearch form#Search fieldset div input{
			border:1px solid #fff;
		}

		body#vacSearch form#Search fieldset div span {
			display: block;
			font-size: 75%;	
			color:#000;
			padding:2px 0 0 0;
		}
		#daysback{
			margin:0;
			padding:0;
	}

	/* *****************************************************************************
		Select box styling
	**************************************************************************** \*/



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

		div#results {
			margin:0 0 20px 0;
			padding: .8em 0 .4em 0 ;
			float:left;
			width:770px;
		}
		
		/* Holly Hack */
		* html body div#results {
			height: 1%;
		}
	
	/* *****************************************************************************
		vacsearch_error.template
	**************************************************************************** \*/
	
		.error {
		color:#333333;
		padding: 1em 0 3em 10px !important;
		}	
		
		.error div {
		float:left;
		width:100%;
		}
		.error div p{
		display: block;
		}
		
		
		.error form{
		border-left:1px solid #333333;
		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; 
		}

		#searches .float-right {
			margin: 0 ;
		}
		#searches .float-right a{padding:0 0 0 10px;}
		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;
			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 5px 2em 0;
			width: 75%;
		}

		div#vacs dd {
			float: left;
			margin:0;
			padding:0;
		}
		
		div.lineage, 
		div.semi, 
		div.display {
		border-bottom: solid 5px #fff;
		margin:0;
		padding:0;
		}

		div#vacs div.lineage.clearfix, 
		div#vacs div.semi.clearfix, 
		div#vacs div.display.clearfix {
			padding:0;
			margin:0;
		}

		div#vacs div.lineage div.clearfix, 
		div#vacs div.semi div.clearfix, 
		div#vacs div.display div.clearfix {
			margin: 0 0 5px 0 !important;
			padding:10px !important;
			clear: both;
		}
		div#vacsMatching div.lineage div.clearfix, 
		div#vacsMatching div.semi div.clearfix, 
		div#vacsMatching div.display div.clearfix{
			margin: 0 0 5px 0 !important;
			padding:10px !important;
			clear: both;
		}
		div.display div h3 a, div.lineage div h3 a, div.semi div h3 a{color:#333 !important;} 
		
		div.semi div {
			background:#EFF5FA;
			border:2px solid #333;
			}
	
		div.display div {
			background:#D0E0F0;
			border:2px solid #669ACC;
		}
		div.lineage div{border:2px solid #C2D6EB;}
		div.display img.logo, div.semi img.logo, div.lineage img.logo {
			float: right;
			margin: 0;
		}

		div#vacs h3, 
		#vacsMatching h3 {
			border: none;
			font-size: 110%;
			margin: 0 0 0.5em 0;
			font-weight:normal;
			padding: 0;
			font-size:18px;
		}

		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;
			font-weight: normal;
			margin: 0 0 0 10px;
			padding: 0 0 0 15px !important;
			color:#000 !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:25% !important;
			
		}

		dl.vacancyDetails dd{
		width:74% !important;
		margin:0;
		padding:0;
		/*float:left;*/
		}

		div.semi div dl.vacancyDetails dd,
		div.display div dl.vacancyDetails dd,
		div.lineage div dl.vacancyDetails dd {
			/*float: left;*/
			margin:0;padding:0;

		}

		div.semi div dl.vacancyDetails dt ,
		div.display div dl.vacancyDetails dt,
		div.lineage div dl.vacancyDetails dt{
			width: 21%;
		}

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

		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:#336699;
			clear:both;
			margin:0.4em 0 0 !important;
			padding:8px 0 12px 0;
			width:768px;
			border:1px solid #669ACC;
		}
		div.jbe form {
			/* background: url(/images/general/jbe_top.gif) top no-repeat; */
			margin: 0;
			padding:0 50px !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.5em 0 0 10px;
			margin: 0;
		}
		div.jbe form label{color:#fff;font-size:110%;}
		div.jbe form label{padding:5px 5px 0 0;float:left;}
		div.jbe form label, div.jbe form input {
			float: left !important;
		}

		div.jbe form input {
			margin: 3px 10px 0px 5px;
			padding:0.1em 4px;
			width: 160px;
		}

		div.jbe input.submit {
			background:#FF3300 none repeat scroll 0 0;
			border:1px solid #669ACC;
			color:#FFFFFF;
			cursor:pointer;
			font-size:11px;
			font-weight:bold;
			margin:3px 3px 0 0;
			padding:3px 5px !important;
			text-align:center;
			text-decoration:none;
			vertical-align:middle;
			width:auto !important;
		}
		div.jbe form span {
			background: #fff;
			display: block;
			font-size: 75%;	
			left: 445px;
			bottom: -1.7em;
			padding: 0 5px 0.5em 5px;
			position: absolute;
			text-align: center;	
		}
		
		*html div.jbe form span {
			bottom: 0.8em;
			left: 395px;
		}

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

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

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

	#recruiters div.semi {
	background:#EFF5FA;
	color:#000000;
	font-size:1em;
	margin:0 0 10px 0;
	border:1px solid #333;
	padding:6px 0 0 0 !important;
	}

	#recruiters div.display {
	background:#D0E0F0;
	border:1px solid #669ACC;
	color:#000000;
	font-size:1em;
	margin:0 0 1em;
	padding:6px 0 0 !important;
	}
	#recruiters div.lineage {
	color:#000000;
	border:1px solid #C2D6EB;
	font-size:1em;
	margin:0pt 0pt 1em;
	padding:6px 0pt 0pt !important;
	width:185px;
	}

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

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

	a.matchingVac {
	border-top:0px dotted #E5E5EF;
	display:block;
	font-size:0.8em;
	margin:1em 0pt 0pt;
	padding:0pt 0pt 1em;
	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;
		}
		
		div#footer{
		font-weight:normal;
		}
		
		.float-right{
		float:right;
		}
		
		
		/***styles for Reaching the right candidate page***/
		
		
		div.productDetails{
		margin:4em 0 0 0;
		width:100%;
		}
		
		
		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;
		}
		
		#resultsBanner {
			margin: 0 auto;
			text-align: center;
		}

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

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

		div#pldresults {
			border-top: 1px solid #669ACC;
			margin:10px 0;
			padding:0 1px;
			float: left;
			width: 768px;
			background: url(/images/general/ee_bg2.gif) left bottom no-repeat;
		}

		div#pldresults h2 {
			background: #336699 !important;
			border-bottom: 1px solid #286B0E;
			color: #fff !important;
			font-size: 110%;
			margin: 0;
			padding: 3px 15px;
		}

		div#pldresults h3 {
			margin:0;
			padding: 3px 2px 2px 0;
			/*font-size: 90%;*/
		}

		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: 90%;
			font-weight: bold;
		}
		
		div#location {
			margin: 0;
			padding: 0 0 10px 15px;
			float: left;
			width: 24%;
		}

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

		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: 80px;
		}

		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: 163px;
			float: left;
			display: block;
		}	
		div#location ul li a, div#category ul li a, div#subcategory ul li  a{color:#333 !important;}
		div#location ul li a:hover, div#category ul li a:hover, div#subcategory ul li  a:hover{color:#cc3300 !important;}
/**** Sponsors vacancy Start *********/

	div#sponsor-vac {
		border:1px solid #CC3300;
		padding:10px 26px 0 26px;
		margin:0;
		clear:both;
		overflow:hidden;
	}
	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;
	}

	div#sponsor-vac div img{
		float:right;
	}

	div#sponsor-vac div dl.vacancyDetails {
		width:77%;
	}

	div#sponsor-vac div.sponsor	{
		border-bottom:1px solid #CC3300;
		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:77%;
	}

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

/**** Search by Salary *********/

		body#vacSearch .salary{width:auto !important;  padding: 5px 0 0 0 !important; font-size:12px;}
		body#vacSearch .salary em{float:left;}
		body#vacSearch #salaryPicker label{display:inline !important; padding:2px 5px 0px 5px !important;}
		body#vacSearch #salaryPicker label input{margin:0 5px 0 5px !important;}
		body#vacSearch #salaryPicker .salaryField {line-height: 12px; float:left; width:auto !important;}
		body#vacSearch #salaryPicker .typeField{padding-top:2px; padding-right:20px;}
		body#vacSearch #salaryPicker .loaderImg{width:auto !important; }
		body#vacSearch #salaryPicker input{width:auto !important;}
		body#vacSearch #salaryPicker .salaryField span{float:left; font-size:100%; font-weight:normal; padding:0px;}
		body#vacSearch #salaryPicker{width:auto !important; padding-top: 5px !important;}