/* [%-# @(#)new_search.css	1.22 08:58:32,10/05/05 (yy/mm/dd) -%] */

@import url(global.css);

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

/* .clearfix {display: inline-table;} */

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

/***************************************************************
	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: ##EBEBEB;
	border: 1px solid #A6A6A6;
}
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 #banner {
		text-align: center;
	}
	
	body#vacSearch #resultsBanner{
		height:60px;
		margin:0.8em 0 1em 0;
		text-align: center;
}

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

/* *************************************************************************
	Top Search Box
************************************************************************ \*/
		
		div#topSearch{
			color: #fff;
			margin: 0;
			padding: .5em 0 0 0;
		}
		body#network #topSearch{
			width: 772px;
		}	
		body#vacSearch form#Search,
		body#network form#Search{
			background: url(/images/general/bg_btmshadow.gif) left bottom repeat-x;
			margin: 0;
			padding: .2em 0 13px 0;
		}
		
		body#vacSearch form#Search fieldset label,
		body#network form#Search fieldset label{
			font-weight:normal;
			margin:0 4px 0 0;
			padding:0;
			text-align:left;		
		}
		
		body#vacSearch form#Search fieldset input,
		body#network form#Search fieldset input{
			margin:0;	
			width: 212px;
		}
		body#vacSearch form#Search fieldset input.submit,
		body#network form#Search fieldset input.submit{
			float:left;
			margin:1.2em 0 0 20px;
		}
		
		body#vacSearch form#Search fieldset select,
		body#network form#Search fieldset select{
			width: 147px;
		}
				
		body#vacSearch form#Search fieldset div,
		body#network form#Search fieldset div{
			float:left;
			margin: 0 10px;
			position:relative;
		}
		body#vacSearch[id] form#Search fieldset div,
		body#network[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,
		body#network form#Search fieldset div span{
			display:block;
			font-size: 85%;
			font-weight: normal;	
			padding: 0.2em 5px 0 0;
		}
		
	/* *****************************************************************************
		Search Criteria Summary
	**************************************************************************** \*/

		div#results {
			font-size: 100%;
			margin: 0;
			padding: 10px 0 0 0;
		}
		
		/* Holly Hack */
		* html body div#results {
			height: 1%;
		}
		
		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 !important;	
		}

		#results form fieldset select {
			width: auto;
		}

		#results form fieldset option {
			padding: 0 0.5em 0 0;
		}

		#results p {
			display: inline;
			margin: 0 10px 0 0;
		}
		
		div#total {
			float: left;
			margin: 10px 0 0 0;
			padding: 0 0 0 10px !important;
			padding: 0.	4em 0 0 0;
			width: 270px;
		}
		
		div#vacsMatching div#total {
			width: auto;
		}
		
		#searches {	
			clear: both;	
		}

		#searches .float-right {
			margin: 10px 10px 0 0;
		}
		
		#searches .float-right a {
			margin: 0 0 0 5px;
		}
		
		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: 1px solid #0F1272;
			padding: 0.5em 0 0 0;
			margin: 0 0 0.5em 0;
			width:100%;
		}

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

		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 #0F1272;
			clear:both;
			font-size: 130%;
			margin: 1em 0 0 0;
			padding: .5em 0 0 0;
			text-align: center;
		}
		
		
	/* *****************************************************************************
		vacsearch_error.template
	**************************************************************************** \*/
	
		.error {
			color:#000;
			padding: 1em 0 3em 10px !important;
		}	
		
		.error div {
			/*float:left;
			width:40%;*/
		}
		
		
		.error form{
			border-left:1px solid #4274a9;
			float:right;
			margin-right:10px;
			padding:0 0 0 10px;
			width:55%;
		}

	/* *****************************************************************************
		Main Vacancy Display
	**************************************************************************** \*/
	
		div#vacs {
			float: left;
			font-size: 1em;
			margin: 0 10px 2em 0;
			width: 75%;
		}

		div#vacs dd {
			float: left;
			margin:0 0 0.5em 0;
		}

		div.semi,
		div.display {
			margin: 0 0 .5em 0;
		}
		div.lineage{
			border-bottom: solid 2px #ccc;
		}
		
		div.semi {
			border: solid 3px #A2A3C8;
		}	
	
		div.display {
			background:#EAEBF3;
			border: solid 3px #0F1272;
		}
		
		div.semi div, 
		div.display div {
			background: url(/images/general/feature_job_bg.gif) 2px 2px no-repeat;
			margin: 0;
			padding: 1em 14px !important;
			clear: both;
		}
		
		div#vacs div.display div{
			background: url(/images/general/main_feature_job_bg.gif) 2px 2px no-repeat #EAEBF3;
			}
		
		div.lineage div, 
		div.semi div, 
		div.display div {
			margin: 0;
			padding: 1em 14px !important;
			clear: both;
		}

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

		div#vacs h3, 
		#vacsMatching h3 {
			border: none;
			font-size: 110%;
			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: #17355b;
			font-weight: normal;
			margin: 0 0 0 10px;
			padding: 0 0 0 15px;
			text-decoration: underline !important;
		}

		dl.vacancyDetails {
			margin: 0 0 .5em 0 ;
			padding: 0;
			width:100%;
		}

		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 {
			clear: left;
			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%;
			overflow:hidden;
		}

		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{
			border: 2px solid;
			border-top-color: #EDEDED;
			border-right-color: #D0D0D0;
			border-bottom-color: #D0D0D0;
			border-left-color: #EDEDED;
			background: #E0E0E0;
			clear: both;
			font-size: 85%;
			margin:	1em auto .5em auto;			
			padding: .6em 0 1.2em 0;
			position: relative;
			width: 650px;
		}	
		
		div.jbe form{			
			margin: 0;
			padding: 0;
		}
		
		div.jbe form label{
			font-weight: bold;
			margin: .2em 10px 0 0;
		}
		
		div.jbe form fieldset{
			margin: 0;
			overflow: hidden;
			padding: 0 15px;
		}
		
		div.jbe form label, div.jbe form input{
			float: left !important;
		}
		
		div.jbe form input{
			margin: 0 5px;
			width: 180px;
		}
		
		div.jbe form span{
			bottom: 0;
			display: block;
			font-weight: normal !important;
			left: 337px;
			padding: 0;
			position: absolute;
			text-align: center;	
			width: 170px;
		}
		/*
		* html div.jbe form span {
			bottom: -.7em;			
		}*/

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

		#recruiters {
			background: #F2F2F2;
			float: left;
			font-size: 1em;
			margin: 0 0 2em 0;
			padding: 0 0 1em 0;
			width: 23%;
		}
		div#recruiters h2 {
			background: #7A7A7A;			
			border: 2px solid;
			border-top-color: #B3B3B3;
			border-right-color: #333333;
			border-bottom-color: #333333;
			border-left-color: #B3B3B3;
			color: #fff;
			font-size: 1.1em;
			margin: 0 0 .7em 0;
			padding: .3em 10px;
		}
		
		#recruiters div.semi,
		#recruiters div.display {
			background: #fff url(/images/general/feature_job_bg.gif) 2px 2px no-repeat;
			font-size: 1em;	 
			margin: 0 8px 1em 8px;
			padding: 6px 4px;
		}
		#recruiters div.semi {
			border: solid 3px #A2A3C8;
		}	
	
		#recruiters div.display {
			border: solid 3px #0F1272;
		}
	
		#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;
		}
	
		#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;
			padding: 0;
		}

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

		a.matchingVac {
			border-top: 1px dotted #A2A3C8;
			display: block;
			font-size: .8em;
			margin: 1em 5px 0 5px;
			padding: .4em 0 0 0;
			text-align: center;
		}

	/* *****************************************************************************
		misc
	**************************************************************************** \*/
	 
		body#vacSearch form fieldset,
		body#network form fieldset{
			border: none;
		}

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

		body#vacSearch span,
		body#network span{
			font-weight: bold;
		}

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

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

		body#vacSearch h2 {
			margin:0 0 0.5em 0;
			font-weight: normal;
			font-size: 110%;
		}

		body#vacSearch h2 strong a{
			font-weight: bold;
		}

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

		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;
		}
		
		body#rightCandidate img.thumbnail{
			border:1px solid #eee;
			float:right;
			margin: 0 10px 1em 15px;
		}
		
		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 {
			background: #fff url(/images/general/cj_bg.gif) left bottom no-repeat;
			border-top: 1px solid #cfcfcf;
			color: #000;
			margin:10px 0;
			padding:0;
			float: left;
			width: 736px;
		}

		div#pldresults a {
			color: #000;
		}

		div#pldresults a:hover {
			color:#F0047F;
			text-decoration:none;
		}

		div#pldresults h1 {
			border-bottom: 0 !important;
			color: #fff !important;
		}

		div#pldresults h2 {
			color: #171c5c !important;
			background: #ededed !important;
			border-left: 1px solid #CFCFCF;
			border-right: 1px solid #CFCFCF;
			font-size: 110%;
			margin: 0;
			padding: 3px 15px;
			font-weight: bold;
		}

		div#pldresults h3 {
			margin:0;
			padding: 3px 2px 2px 0;
			color: #000;
			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: 80%;
			font-weight: bold;
		}
		
		div#location {
			margin: 0;
			padding: 0 0 10px 15px;
			float: left;
			width: 23%;
		}

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

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

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

	div#sponsor-vac {
		background-color:#e0e0e0;
		border:3px solid #F0037F;
		padding:10px 10px 0 10px;
		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;
		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 #F0037F;
		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  *********/