/* [%-# @(#)new_search.css	1.11 15:12:08,09/04/27 (yy/mm/dd) -%] */
@import url(global.css);


div#container{
		text-align:center;
		}
		
	div#container *{
		text-align:left;
		}	

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;
padding:0;
width:53%
}


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

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

div.sortby label input{
margin:0 0 0 1px;
padding:0.7em 0 0 0;
}


div#sort2{
border-bottom:1px solid #000;
font-size:0.9em;
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: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: #000 !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;
	
}


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

body#vacSearch #wrapper{
	
}

body#vacSearch #resultsBanner{
	height:60px;
	text-align: center;
}

div#resultsBanner{
margin:0.8em 0 1em 0;
}


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

div#topSearch{	
	color:#000;	
	}

body#prereg div#topSearch	{
	background:url(/images/general/grad_pink.gif) repeat-x top;
	border-top:1px solid #2827DA;
	}

	
body#prereg div#topSearch legend{
	display:none;
	}	
	

body#vacSearch form#Search, body#prereg form#Search{
	margin:0;
	padding:0.5em 0 .2em 10px;
	position:relative;	
	
}


body#vacSearch form#Search fieldset label, body#prereg form#Search fieldset label {
	display:inline;
	font-size:0.9em;
	font-weight:normal;
	margin:0 4px 0 0;
	padding:0;
	text-align:left;	
	}

body#vacSearch form#Search fieldset input{
	margin:0;	
	width:150px;
}

 body#prereg form#Search fieldset input{
 	margin:0;	
	width:120px
	}



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

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

body#vacSearch form#Search fieldset select, body#prereg form#Search fieldset select{
	width:110px;
}

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

body#vacSearch form#Search fieldset div, 
body#prereg form#Search fieldset div{
	float:left;
	margin: 0 0 0 5px;
	position:relative;
	text-align: center;
}


body#vacSearch form#Search fieldset div span, body#prereg form#Search fieldset div span {	
	display: block;
	font-size: 75%;		
	padding: 0.2em 0 0.5em 0;	
	text-align:right;	
}


/**************Search criteria summary*******************/

div#results{
	background:url(/images/general/grad_pink.gif) repeat-x top;
	margin:0;
	padding:.8em 0 0 0 ;	
	}
	
	

	
/**this is purely for the vacsearch_error.template****/
	
.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 #E01737;
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{
color:#000;
display:block;
margin:0.5em 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;	
	margin: 0;
	padding: .5em 0; 
}

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

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

form#displayPref label{
	float:none;
	margin:0 10px 0 0;
	padding:0 !important;
	width:120px;
}

form#displayPref label 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{	
	color:#000;
	float: left;
	font-size: 1em;
	margin:0 10px 2em 0;
	width:73%;
}



div#vacs dd{
float:left;
}

div.lineage, div.semi, div.display{
	border-bottom: solid 1px #336633;
}

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

div.semi div h3, div.display div h3{
	width:330px;
}

div.display img.logo, div.semi img.logo{
	margin:0;
	position:absolute;
	right:5px;
	top: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,dl.vacancyDetails dd.posted a{
	background: url(/images/general/shortlist_icon.gif) 0 50% no-repeat;
	border:none;
	color:#0c2d83 !important;
	font-weight: normal;
	margin:0 0 0 10px !important;
	padding:0 0 0 15px !important;
	text-decoration:underline !important;
}

html body div.display dl.vacancyDetails dd.posted a.button{
	color:#fff !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#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,
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:url(/images/general/jbe_bottom.gif) bottom no-repeat;
clear:both;
margin:0.4em 0 0.2em 0;
padding:0 0 0.5em 0;
text-align: center;

}

div.loggedin{
background:url(/images/general/jbe_bottom_loggedin.gif) bottom no-repeat;
}


div.jbe form{
background:url(/images/general/jbe_top.gif) top no-repeat;
margin:0 auto;
padding:0;
position:relative;
width: 620px;
}

div.jbe form fieldset{
padding:0.5em 0 0 45px;
}

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

div.jbe form input{

margin:0 5px;
width:170px;
}

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



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

div.loggedin form{
background:url(/images/general/jbe_top_loggedin.gif) top no-repeat;
width: 436px;
}

div.jbe form label{
float:left;
font-weight: bold;
margin: .2em 0 0 0;
}	

div.jbe a{
	color:#2827DA;
	font-weight:bold;
	text-decoration:none;
	}
	
div.jbe a:hover{
	text-decoration:underline;
	}

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

	#recruiters{
	float: left;
	font-size:1em;
	margin:1em 0 2em 0;
	width:23%;
	}
	
	#recruiters div.semi{
	background:#fff;
	border: solid 2px #91C1F6;
	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 #febac9;
	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;
	}
	#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;
	padding:2px 0 8px;
	_padding:5px 0 8px;
	*padding:5px 0 8px;
	width:100%;
	margin:0;
	}
	#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 #results a {
	color:#000;
}	 
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 !important;
}


h1{
margin-bottom:0 !important;
}

/***header & footer**/

div#header. #footer{
margin:0 auto;
width:610px;
}

div.clear, span.clear {
	clear: both !important;
	visibility: hidden !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	float: none !important;
}


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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


	/***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 {
		color: #51918c;
		margin:0;
		padding:0 7px;
		float: left;
		width: 706px;
	}

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

	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: 160px;
		float: left;
		display: block;
	}
/**** Sponsors vacancy Start *********/

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

		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  *********/