/* [%-# @(#)new_search.css	1.2 16:46:33,08/11/25 (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: #fff;
}

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 {
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:none;
	padding: 0.5em 0 10px 0;
	margin: 0;
}



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: #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:908px !important;
	}

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

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

		
		body#vacSearch div#topSearch {
/*  */		background: #020202 url(../images/general/topsearch_bg.gif) 0 0 no-repeat;
			color: #FFF;
			margin:0 0 0 -74px;
			width:736px;
			padding:0 0 0 184px;
			clear:both;
			/*display:none;*/
			overflow:hidden;
			border-bottom:20px solid #e5e5e5;
	
		}

		*html #topSearch {margin: -20px 0 0 -74px !important;}
		*:first-child+html #topSearch {margin: -20px 0 0 -74px !important;}

				

		body#vacSearch form#Search {
/*  */		/* background: url(/images/general/search_top_bg.gif) top no-repeat; */	
			margin: 0;
			padding: 0;

			width: 708px;
		}

		body#vacSearch form#Search fieldset label {		
			float: left;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0;
			padding:0 0 5px 0;
			text-align:left;	
		
		}
		
		body#vacSearch form#Search fieldset label.far{
		width:111px !important;
		}

		body#vacSearch form#Search fieldset input {
			border:none;
			margin: 0;
			padding:1px 0 2px 0;
			width: 140px;
		}

		
		

		body#vacSearch form#Search fieldset input.button {
background:transparent url(/images/home/searchButton.gif) no-repeat scroll 0 0;
border:medium none;
color:transparent;
cursor:pointer;
float:left;
font-size:0;
height:51px;
margin-left:14px;
margin-top:24px;
padding:0;
text-indent:-9999px;
width:52px;
}
		
		form#Search fieldset label#channel_page_code_label{
		width:190px !important;
		}
		
		
		body#vacSearch form#Search fieldset input.submit {
			background:transparent url(/images/home/search_results.gif) no-repeat scroll 0 0;
border:none;
color:transparent;
cursor:pointer;
float:left;
height:91px !important;
margin-left:22px;
margin-top:0px;
padding:0 0 0 79px !important;
text-indent: -9999px;
width:79px !important;
overflow:hidden !important;
display:inline !important;
		}




/**:first-child+html body#vacSearch form#Search fieldset input.submit{
background:transparent url(/images/home/search_results.gif) no-repeat scroll 0 3px;

height:82px !important;

}
*html body#vacSearch form#Search fieldset input.submit{
background:transparent url(/images/home/search_results.gif) no-repeat scroll 0 5px;
height:84px !important;
} */ 
		
		body#vacSearch form#Search fieldset select#channel_page_code{
		width:185px;
		}

	

		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;
			width:170px;
			padding:21px 0;
		}


				body#vacSearch form#Search fieldset div.posted{

			float: left;
			margin: 0 0 0 5px;
			position: relative;
			width:120px !important;
			padding:21px 0;

		}

		body#vacSearch form#Search fieldset  label span {
			display: block;
			font-size: 90%;				
			bottom: -1.4em;
			padding: 0.2em 0 0.5em 5px;			
			text-align:right;	
		}

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

		div#results {
/* 		border: 1px solid #0b4499;  */
/* 				background: #ebf0f7; */
			margin: -1px 0 20px 0;
			padding: .8em 0 0 0 ;
		}
		
		/* Holly Hack */
		* html body div#results {
			height: 1%;
		}
	
	/* *****************************************************************************
		vacsearch_error.template
	**************************************************************************** \*/
	
		.error {
		color:#000;
		padding: 1em 0 3em 10px !important;
		}	
		
		.error div {
		float:left;
		width:40%;
		}
		
		.error form{
		border-left:1px solid #0B4499;
		float:right;
		margin-right:10px;
		padding:0 0 0 10px;
		width:55%;
		}
	
		.error form  input.submit{
			margin:0 20px 0 0;
			}
	
		div#results p.intro {
			float:left;
			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 !important;	
		}

		#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; 
		}
		*:first-child+html #searches{display:block;margin:0 0 10px 0;}
		#searches .float-right {
			margin:0;
		}
		#searches .float-right a{padding: 0 10px 0 0;}
		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 10px 2em 0;
			width:75%;
		}
		div#vacs div a p {color:#333;text-decoration:none;}
		div#vacs div p a{color:#333;text-decoration:none;}
		div#vacs dd {
			float: left;
		}

		div.lineage, 
		div.semi, 
		div.display {
/*  */		border-bottom:none;
		}



		div.lineage		{
			border-bottom:2px solid #E3E1E1;
			overflow:hidden;
		}


		div.lineage div, 
		div.semi div, 
		div.display div {
			margin: 0;
			padding: .4em 10px !important;
			clear: both;
			overflow:hidden;
		}

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

		div.semi div {
			background:#e5e5e5 none repeat scroll 0 0;
			margin:0 0 1em;
		}
		div.display div {
			background:#e0f0c1 none repeat scroll 0 0;
			margin:0 0 1em;
		}

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

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


div.lineage h3 a, div.semi h3 a
					{
					color:#333;
					text-decoration:none;
					}
div.display h3 a
					{
					color:#333;
					text-decoration:none;
					}
		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;
			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;
		}

		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:#141414 url(../images/general/jbe-bg.gif) repeat-x 0 0;
			clear: both;
			margin:0;
			padding: 10px 0 15px 0;
			width:772px;
		}

		div.jbe form {
			/* background: url(/images/general/jbe_top.gif) top no-repeat; */
			margin: 0;
			padding: 0;
			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, 
		div.jbe form input {
			float: left !important;
		}


		div.jbe form label
		{
		color:#fff;
		font-size:140%;
		padding-left:15px;
		}

		div.jbe form input {
			margin: 0 5px;
			width: 190px;
			border:1px solid #c2c2c2;
			height:20px;
			font-size:110%;
		}

		div.jbe input.submit {
			margin: 0 0 0 20px!important;
			padding: 5px 0 8px !important;
			background:url(../images/general/savenow-button.gif) no-repeat 0 0;
			width: 102px !important;
			height:auto !important;
			font-size:110%;
			border:none;

		}

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

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

		#recruiters {
			float: left;
			font-size: 1em;
			margin: 0.4em 0 2em 0;
			width: 23%;
		}
	
		#recruiters div.semi {
			background:#e5e5e5 none repeat scroll 0 0;
			font-size:1em;
			margin:0 0 1em;
			padding:0 0 1em !important;
			width:99%;
		}
	
		#recruiters div.display {
			background:#e0f0c1 none repeat scroll 0 0;
			font-size:1em;
			margin:0 0 1em;
			padding:0 0 1em !important;
			width:99%;
		}
	
		#recruiters div.display h3, 
		#recruiters div.semi h3 {
			font-size:100%;
			margin: .5em 5px;
		}
		#recruiters div.lineage h3{font-size:100%;}
										#recruiters div.display h3 a
										{
										color:#333;
										font-family:arial;
										text-decoration:none;
										
										}

										#recruiters div.semi h3 a
										{
											font-family:arial;
											color:#333;
											text-decoration:none;
										
										}

	
		#recruiters div.display a, 
		#recruiters div.semi a {
			font-weight:bold;
			margin-top: 5px;
		}
	

#recruiters div.display a
{
color:#333;
}

#recruiters div.semi a 
{
color:#333;
}

		div#recruiters h2 {
			border: none;
/*  */		/* color: #0D3285; */
			font-size: 1.6em;
			font-weight:normal;
			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 solid #fff;
			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;
			margin:0;
			padding:0;
		}

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

		body#vacSearch span {
			font-weight:none;
			clear:both;
			display:block;
			font-size:0.9em;
		}

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

		form#displayPref label {
			float: left;
			margin: 0 !important;
			padding: 0 !important;
		}

		h1 {
			margin:0 !important;
			padding:1px 0 0 0;
		}
		
		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;
		}
		
		
/* *****************************************************************************
	SEO page styling
**************************************************************************** \*/

	body#vacSearch h1 {
			border-bottom: 0 !important;
			/*float:left;*/
			width:770px;
			/*overflow:hidden;*/
			padding:20px 0 0 0 !important;
			margin:0;
			clear:both;
		}





#content h1 {
padding:20px 0 0 0 !important;
*padding:0 !important;
}
	div#pldresults {
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #666666;
		color: #51918c;
		margin:0;
		float: left;
	}

	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: #fff !important;
		font-size: 110%;
		margin: 0;
		background: #666666;
		padding:3px 15px;
	}

	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: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;
	}
		
		body#rightCandidate img.thumbnailLeft {
float:left;
margin:0 10px;
}

body#rightCandidate img.thumbnail {
float:right;
margin:0 10px 1em 15px;
}