/* %W% %T%,%D% (yy/mm/dd) */
/* *****************************************************
	Imports
*****************************************************/

@import url(global.css);

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

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


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 #676767;
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 #f69528;
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 #b29a7d;
padding: 5px 0;
}

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

html body#vacDetails a.button, html body#vacDetails form input.submit {
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		padding:0;
		border: 1px solid #b29a7d;
		background: #f69528 ;
		margin:0;
		font-size:90% !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;
}

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 #mainContainer{
width:708px !important;
}

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




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

body#vacSearch div#topSearch{
margin: 0 0 1em 0;
background:#dfe9eb url(/images/general/topsearchbg.gif) 0 0 repeat-x;
}

body#vacSearch div#topSearch form{
padding:6px 0;
}


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

}

/**
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;		
		}
		
		body#vacSearch form#Search fieldset input{
			margin:0;	
			width: 200px;
		}
		body#vacSearch form#Search fieldset input.submit{
			float:left;
			margin:1.4em 0 0 5px;
		}
		
		body#vacSearch form#Search fieldset select{
			width: 147px;
		}
				
		body#vacSearch form#Search fieldset div{
			float:left;
			margin: 0 10px;
			position:relative;
		}
		body#vacSearch[id] form#Search fieldset div{ /* Deliver width for FF, IE 7, Safari and Opera */
			margin: 0 0 0 20px;
		}
		
		body#vacSearch form#Search fieldset div span {
			display:block;
			font-size: 85%;
			font-weight: normal;	
			padding: 0.2em 5px 0 0;
		}
		


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

div#results{
margin:0 0 10px 0;
padding:.8em 0 .8em 0 ;

}



/**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 #f69528;
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 #f69528;
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{
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 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:44%;
}



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: 4px solid #cedbde;
margin:5px 0;
}

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:4px solid #638284;
margin:2px 0;
}

div.display div{
border:4px solid #ce0c00;
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;
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:#ce0c00 url(/images/general/circlebg.gif) 0 0 no-repeat;
clear:both;
margin:0.4em 0 0.2em 0;
padding:5px 0 .8em 0;
text-align: center;
border:1px solid #ce0c00;
}

div.loggedin{
background-color: #ce0c00;
}


div.jbe form{
margin:0 auto;
padding:0;
position:relative;
width:100%;
}

div.loggedin form{
	background-color:none;
}

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

div.bottom{
background-color:#ce0c00;
clear:both;
margin-bottom:1.5em  !important;
padding:0 0 0.8em 0;
}

.bottom form{
margin:0;
padding:0;
position:relative;
}

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

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

div.jbe form span{
background:#fff;
display: block;
font-size: 85%;	
left:440px;
top:32px;
padding: 0 5px 0.5em 5px;
position:absolute;
text-align:center;	
}

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

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

#recruiters div.semi{
background:#fff;
border: solid 2px #efdeca;
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 #ce0c00;
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;
width:90%;
margin:0;
padding:2px 0 10px;
_padding:2px 0 16px;
*padding:2px 0 16px;
}
#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:#000;
}

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

body#vacSearch a:hover {
color:#f69528;
}	 
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:#CEDBDE;
		color: #51918c;
		margin:0;
		padding:0;
		float: left;
		width: 705px;
	}

	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;
		background:#CEDBDE;
		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;
	}
/**** Sponsors vacancy Start *********/

	div#sponsor-vac {
		background-color:#d9e4e7;
		border:4px solid #638285;
		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 #1d1d1d;
		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  *********/