/* [%-# @(#)new_search.css	1.7 09:41:36,09/01/27 (yy/mm/dd) -%] */
/* *****************************************************
	Imports
*****************************************************/
@import url(global.css);

/* *****************************************************
	Form Fields
***************************************************** */
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:53%;
}


div.sortby p {
margin:0 ;
padding: 0 0 0 0;
}
div.sortby p strong{color:#3ab54a;}
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{
padding:0.5em 0 0 0;
margin:0.5em 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 #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:901px !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;
padding:30px 0 45px 72px;
display:none;
}
*html body#vacSearch div#topSearch{padding:20px 0 45px 72px;}
body#vacSearch div#topSearch form{
padding:10px 0;
color:#fff !important;
}


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

}

/**
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 0 8px 0;
			text-align:left;	
			font-size:15px;
			color:#fff;
		}
		
		body#vacSearch form#Search fieldset input{
			margin:0;	
			width:188px;
			border:1px solid #fff;
		}
		body#vacSearch form#Search fieldset input.submit{
			float:left;
			margin:1.4em 0 0 5px;
			background:none !important;
			border:none !important;
			padding:10px 5px 3px 0 !important;
		}
		
		body#vacSearch form#Search fieldset select{
			width: 110px;
		}
				
		body#vacSearch form#Search fieldset div{
			float:left;
			margin:0 25px 0 0;
			position:relative;
		}
	/*	body#vacSearch[id] form#Search fieldset div{ /* Deliver width for FF, IE 7, Safari and Opera 
			margin:0;
		}*/
		
		body#vacSearch form#Search fieldset div span {
			display:block;
			font-size: 85%;
			font-weight: normal;	
			padding: 0.8em 5px 0 0;
		}
		


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

div#results{
background:url(/images/general/results_grad_bg.gif) no-repeat bottom;
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 #51B848;
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 .8em 10px;
padding: 0;
}


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



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 7px 2em 0;
width:75%;
}



div#vacs dd{
float:left;
}

div.lineage{
background:url(../images/general/lineage-bottom.gif) no-repeat 0 100%;
}

div.semi, div.display, div.lineage{
	border-bottom: solid 2px #fff;
	padding:0 0 12px 0;
	margin:0 0 5px 0;
}
div.semi{
	background:url(../images/general/semi-bottom.gif) no-repeat 0 100%;

}
div.display{
	background:url(../images/general/display-bottom.gif) no-repeat 0 100%;
}
div.lineage div , div.semi div, div.display div{
margin: 0;
padding: 1em 10px 0.4em !important;
}
div.lineage div{
background:url(../images/general/lineage-top.gif) no-repeat 0 0;
margin:0;
}

div.semi div{
background:#ebebeb url(../images/general/semi-top.gif) no-repeat 0 0;
margin:0;
}

div.display div{
background:#d0e8c4 url(../images/general/display-top.gif) no-repeat 0 0;
margin: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%;
}
#vacsMatching div.semi {
background: url(../images/general/semi-top-bg_770.gif) no-repeat scroll 0 0;
padding:12px 0 0 0;
}
#vacsMatching div.semi div {
background:url(../images/general/semi-bottom-bg_770.gif) no-repeat scroll 0 100%;
padding:0 10px 12px !important;
}
#vacsMatching div.display {
background:url(../images/general/display-top-bg_770.gif) no-repeat scroll 0 0;
padding:12px 0 0 0;
}
#vacsMatching div.display div {
background:url(../images/general/display-bottom-bg_770.gif) no-repeat scroll 0 100%;
padding:0 10px 12px !important;
}
#vacsMatching div.lineage {
background: url(../images/general/lineage-top-bg_770.gif) no-repeat scroll 0 0;
padding:12px 0 0 0;
}
#vacsMatching div.lineage div {
background:url(../images/general/lineage-bottom-bg_770.gif) no-repeat scroll 0 100%;
padding:0 10px 12px !important;
}
#vacsMatching div.sortby {width:auto !important;}
div#vacsMatching div.semi div dl.vacancyDetails dd,
div#vacsMatching div.display div dl.vacancyDetails dd
{
width: 70%;
}

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: #3ab54a url(/images/general/jbe-bottom-bg.gif) 0 100% no-repeat;
clear:both;
margin:0.4em 0 0.2em 0;
padding:0 0 0.5em 0;
text-align: center;
}

/*
div.loggedin{
background: #90a8c1 url(/images/general/advsearchbg.gif) 0 0 repeat-x;
}

div.loggedin form{
background: #90a8c1 url(/images/general/advsearchbg.gif) 0 0 repeat-x;
}

*/

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

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

div.bottom{
background: #3ab54a url(/images/general/jbe-bottom-bg.gif) 0 100% no-repeat;
clear:both;
margin-bottom:1.5em  !important;
padding:0 0 0.5em 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;
border:1px solid #fff;
width:170px;
}

div.jbe input.submit{
color: #fff;
background:url(../images/general/jbe-button.gif) no-repeat !important;
margin:.2em 0 0 5px !important;
border:none !important;
padding:4px 0 !important;
width:67px !important;
}

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

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

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

#recruiters div.semi{
background:url(../images/general/recsemi-top.gif) no-repeat 0 0;
color:#000;
font-size:1em;	 
margin:0 0 1em 0;
padding:6px 0 0 !important;
width:180px;

}	

#recruiters div.display {
background:url(../images/general/recdisplay-top.gif) no-repeat 0 0;
color:#000;
font-size:1em;	 
margin:0 0 1em 0;
padding:6px 0 0 !important;
width:180px;

}

#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%;
}
#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{
display:block;
font-size:0.8em;
margin:0;
padding:0.4em 0 1em 0;
text-align:center;
width:100%;
}
#recruiters div.semi a.matchingVac{
	background:url(../images/general/recsemi-bottom.gif) no-repeat left bottom;
}
#recruiters div.display a.matchingVac{
	background:url(../images/general/recdisplay-bottom.gif) no-repeat left bottom;
}
/**misc****/

body#vacSearch a {
color:#000;
}

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

body#vacSearch p.findjobs {
margin:0;
}

body#vacSearch h2 {
color:#000;
font-size:100%;
font-weight:normal;
margin:0.5em 0pt;
}

body#vacSearch a:hover {
color:#272324;
}	 
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-top: 1px solid #3AB54A;
			margin:0;
			padding:0;
			float: left;
			width: 768px;
			border:1px solid #3AB54A;
			/*background: url(/images/general/uc_bg.gif) left bottom no-repeat;*/
		}

		div#pldresults h2 {
			background: #487B2F !important;
			font-size: 110%;
			font-weight: bold;
			color:#fff;
			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%;
			border-right:1px solid #3AB54A;
		}

		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;
			font-size: 90%;
			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;
			font-size: 90%;
			width: 163px;
			float: left;
			display: block;
		}

/**** Sponsors vacancy Start *********/

	div#sponsor-vac {
		background-color:#AFDF97;
		border:1px solid #333333;
		clear:both;
		margin:0;
		overflow:hidden;
		padding:10px 10px 0;
	}
	div.sponsor.clearfix{margin:0 0 5px 0 !important;clear:both;padding:0 0 2px 0 !important;}

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

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

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

	div#sponsor-vac div.sponsor	{
		border-bottom:1px solid #333333;
		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  *********/