/* [%-# @(#)search_apply.css	1.21 18:38:11,11/09/27 (yy/mm/dd) -%] */

/* *****************************************************************************
	Imports
***************************************************************************** */

	@import url(global.css);
	
/* *****************************************************************************
	Globals
***************************************************************************** */

	form fieldset.top {
		border: none;
		margin: .2em 0;
		font-size: 95%;
	}
	
	form fieldset p.email input {
		font-weight: bold;
		border: 1px solid #229D8E;
		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 div.column {
		float: left;
	}
	
	form td p input.submit {
		font-weight: bold;
		border: 1px solid #229D8E;
		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;
	}
	
	div.summary p.left {
		float: left;
	}
	
	div.summary p.right {
		float: right;
	}
	
/* *****************************************************************************
	Page Specifics
***************************************************************************** */

	/* *************************************************************************
		Sortby used on searchresult-desc
	************************************************************************* */
	
		div.sortby p {
			padding: 1em 0 0 0;
			border-top: 1px solid #229D8E;
			text-align: center;
		}
		
		div.sortby p label {
			padding: 0 0 0 1.5em;
		}

		
		
/***********************************************************
	Vacancy Display Template
***********************************************************/	
	
		
/********** Elements ************/
				
				
address{
	font-style:normal;
}	

hr{
	display:none;
}
	

legend{
	display:none;
}
	
fieldset{
	border:none;
}		
	
	
p.left{
	text-align:center;
}	
	
	
/********** Containers ************/
	
	
div#candidateOptions{
	float: left;
	margin: 0 10px 0 0;
	width: 160px;	
}

div#vacancyDetails{	
	float: right;
	position: relative;
	width: 580px;
}


/********** Navigation ************/


div.vacancyNav{
	clear:both;
	margin:0 0 1em 0;
	padding: 5px;
}

div.vacancyNav ul{
	float: right;
	list-style-type:none;
	margin:0;
	padding:0;
}

div.vacancyNav ul li{
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
	}
	
div.vacancyNav ul li a span{
	display:none;
	}	

div.vacancyNav span.backToSearch a{
	background: url(/images/general/arrow_new.gif) top left no-repeat;
	padding: 0 0 0 15px;
	font-weight:bold;
	text-decoration:none;
}
div.vacancyNav a.next{
	background: url(/images/general/next_icon.gif) right 50% no-repeat;
	margin:  0 5px;
	padding: 0 25px 0 0;
	font-weight:bold;
	text-decoration:none;
}
div.vacancyNav a.previous{
	background: url(/images/general/previous_icon.gif) 0% 50% no-repeat;
	margin:  0 5px;
	padding: 0 0 0 25px;
	font-weight:bold;
	text-decoration:none;
}

/*************************************************************************
	Vacancy Display Template
	includes standard Semi Display and OVP Semi Display template styles.
	
	Styles for default semi-display (#semi_display) and OVP semi-display (#semi_display.quickpost) template. 
	
	Changing any of the default layout styles on #semi_display will directly affect the quickpost template.
	Justin Perry - 23/09/08
*************************************************************************/	
	
	
/************elements************/	
	
html body#vacDetails legend{
	display:none;
}

body#vacDetails form fieldset{
	border:none;
}	

body#vacDetails hr{
	display:none;
}

body#vacDetails address{
	font-style:normal;
}	
h3#extendedInfo{
	display:none;
}	




/********** Containers ************/
	
	
div#candidateOptions{
	float: left;
	margin: 0 10px 0 0;
	width: 160px;	
}
body#semi_display div#candidateOptions{
	width: 185px;
}
div#vacancyDetails{	
	float: right;
	position: relative;
	width: 580px;
}
body#semi_display div#vacancyDetails{
	width:530px;
}
body#semi_display div#vacancyContainer{
	border: 1px solid #a4a4a4;
	width: 100%;
	overflow:hidden;
}
body#semi_display.quickpost div#vacancyContainer{
	border: 1px solid #a4a4a4;
}
body#semi_display div#vacancyHeader{
	background: #f0f0f0;
	clear: both;
	overflow:hidden;
	padding: 35px;
	float:left;
	width:750px;
	margin:0;
	position: relative;
}

body#semi_display div.infoBox1 {
	background:#E0F1EF;
	border:1px solid #4FB47C;
}

body#semi_display.quickpost div.infoBox1 {
	background:#f0f0f0;
	border:1px solid #a4a4a4;
}

body#semi_display dl#extendedInfo{margin:20px 0 0 0 !important;}
body#semi_display dl#extendedInfo dt {
	background:none !important;
	border-bottom:none !important;
	clear:both;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0.3em 10px 0.3em 0;
	text-align:left;
	width:100px;
}
body#semi_display dl#extendedInfo dd{
	background:none !important;
	border-bottom:none !important;
	width:380px;
}
*html body#semi_display dl#extendedInfo dd{	
	float:none;
}
/* Start vacPlacedBy*/
body#semi_display div#vacPlacedBy{
	text-align: center;
	border: 1px solid #ccc;
	width: 185px;
}
body#semi_display div#vacPlacedBy p{
	margin: 0;
	padding: .4em 0;
}
body#semi_display div#vacPlacedBy p.toprow{
	background: #fff url(/images/templates/vacplacedbox_top_graphic.png) repeat-x scroll left top;
}

body#semi_display div#vacPlacedBy p.btmrow{
	 background: #E3E3E3 url(/images/templates/vacplacedbox_btm_graphic.png) repeat-x scroll left bottom;
}

body#semi_display #vacPlacedBy img{
	display: block;
	margin: 0 auto .5em auto;
}

body#semi_display #vacPlacedBy img.logoBtn{
	margin: .5em auto 0 auto;
}
/*End vacPlacedBy*/
body#semi_display.quickpost div#vacancyHeader{
	background: #f0f0f0;
}
body#semi_display div#vacancyHeader img#semiLogo{
	bottom: 35px;
	position: absolute;
	right: 35px;
}
body#semi_display div#vacancyMain{
	clear: both;
	padding: 35px;
	overflow:hidden;
	float:left;
	margin:0;
	width:750px;
}			
body#semi_display h1{
	background: 0;
	border: 0;
	color: #000;
	margin: 0;
}
body#semi_display.quickpost h1{
	color: #000;
}


div.vacancyNav{
	clear:both;
	margin:0 0 1em 0;
	padding: 5px;
}
div.vacancyNav div{
	float: right;
}
body#semi_display div.vacancyNav{
	border: 0;
	padding: 0;
	margin:0.5em 0 1em 0 !important;
}

div.vacancyNav ul{
	float: right;
	list-style-type:none;
	margin:0;
	padding:0;
}

div.vacancyNav ul li{
	float:left;
	margin:0;
	padding:0;
	}
	
div.vacancyNav ul li a span{
	display:none;
	}	



/* Format left-hand options menu and remove borders and backgrounds from links wiht a.button classes */

div.box7Wrap div {
	border-top: solid 1px #b2b2d1;
	padding: 5px 0;
}


/********** Buttons ************/

html body#vacDetails a.button, html body#vacDetails form input.submit,
html body#vacDetails form input.button, html body#vacDetails a.shortlist{
	background:#f4a403 url(../images/general/button_bg.gif) 0 top repeat-x;
	border: 1px solid #fea814;
	color: #fff;		
	font-weight: bold;
	margin: 0 auto 1em auto !important;		
	padding: 0.2em 0 !important;			
	text-decoration:none;
	width: 140px !important;
}
html body#vacDetails div#vacancyDetails div.infoBox1 p.right a.button{	
	padding:0.3em 10px !important;
	width:120px !important;
}
html body#semi_display a.button, 
html body#semi_display form input.submit, 
html body#semi_display form input.button, 
html body#semi_display a.shortlist{
	background: #fff;
	border: 1px solid #ccc;
	color: #000 !important;
	cursor: hand;
	display: block;
	font-weight: bold;
	margin: 0 auto .7em auto !important;
	padding: .4em 0 !important;
	text-align: center;
	text-decoration: none;				
}
html body#semi_display a.button, 
html body#semi_display form input.submit, 
html body#semi_display form input.button, 
html body#semi_display a.shortlist{
	background: #fff url(/images/templates/sd_btn_bg.gif) repeat-x scroll 0 top;
	border: 1px solid #ccc;
	color: #000 !important;
}
html body#semi_display form input.submit, 
html body#semi_display form input.button{
	width: 185px !important;
}
body#semi_display div#candidateOptions form fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}
body#semi_display div#candidateOptions form legend{
	display: none;
}
body#semi_display div#candidateOptions span a.button{
	background: #aaa;
	color: #000;
}
body#semi_display div#candidateOptions span a.button{
	background: #e8e8ea url(/images/templates/sd_prominent_btn_bg.gif) bottom left repeat-x;
	border: 1px solid #bababa;
}

/********** Buttons ************/

html body#vacDetails a.button, html body#vacDetails form input.submit,
html body#vacDetails form input.button, html body#vacDetails a.shortlist{
	background: #903000;
	color: #ffffff;
	border:none;
	font-weight: bold;
	margin: 0 auto 1em auto !important;		
	padding: 0.5em 0 !important;			
	text-decoration:none;
	width: 140px !important;
	text-transform:none;
}

html body#vacDetails div#vacancyDetails div.infoBox1 p.right a.button{	
	padding:0.3em 10px !important;
	width:120px !important;
	}
	
/* *************************************************************************
	Box Styles
************************************************************************* */		

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.box7 a img, body#vacDetails div.box7 input{
	margin:0.5em 0 1em 0;
	}
	
body#vacDetails div.box7Wrap form{
	margin:2em 0 0 0;
	}	
	
 body#vacDetails div.box7Wrap form fieldset{
 	 	padding:1em 0 0 0;
	}	

body#vacDetails div.box7Wrap div{	
	margin: 0 0 .7em 0;
}

body#vacDetails div.box7Wrap{	
	text-align: center;
}

body#vacDetails .recruiterInfo{	
	background:#fff;
	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.box7 div.box7Wrap form fieldset{
	border-top:1px solid #229D8E;
	margin-top:1.2em;
	padding-top:1em;
	}

html body#vacDetails div.box7Wrap div#basketLink a img {
	width: 126px !important;
	height: 20px !important;	
	margin: .3em 0;
}

div#candidateOptions span a.button, body#vacDetails div.infoBox1 p.right a.button{
	font-size: 120%;
}

body#vacDetails div.infoBox1 .smaller{
	border-top: 1px dotted #D6D6D6;
	font-size: 90%;
	clear: both;
}

body#vacDetails div.infoBox1 .smaller h4{
	margin: .5em 0 .1em 0;
	padding: 0;
}

body#vacDetails div.infoBox1 .smaller p{
	margin: 0;
}

body#vacDetails div.infoBox1 p.right{
	margin: 0 0 0.7em 0;
	overflow: hidden;
	padding: 0;
	height: 100%;
}

body#vacDetails div.infoBox1 p.right a.button{
	display: block;
	float: right !important;
	margin: 0 !important;
	text-align: center;
}

div#automatch{
	border:solid #229D8E;
	border-width:1px 0;
	margin:1em 0;
	}
	
div#automatch ul{
	list-style-type:none;
	margin:1em 0 !important;
	padding:0;
	}
	
div#automatch ul li{
	margin:0;
	padding:0;
	}
		
div#automatch ul li a{
	margin:0;
	padding:0;
	}			
		
		
/***************************************************************
	=Vacancy details
***************************************************************/



div.box7Wrap div {
	border-top: solid 1px #229D8E;
	padding: 5px 0;
}

p.left{
	text-align:center;
	}	
	
	
legend{
	display:none;
	}
	
	
	
	
address{
	font-style:normal;
	}		
	
input#email{
	float:none;
	margin:0;
	padding:0;
	}	
	
		
dl#extendedInfo dt{
	background:#fff;
	border-bottom:1px dotted #DAF6F3;
	clear:both;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0.3em 10px 0.3em 0;
	text-align:right;
	width:280px;
}

dl#extendedInfo dt.noBorder{
	border:0 !important;
	}

dl#extendedInfo dd{
	background:#f0f0f0;
	border-bottom:1px solid #fff;
	float:left;
	margin:0;
	padding:0.3em 0 0.3em 10px;
	text-align:left;
	width:280px;
}

hr{
	display:none;
	}
	
	
h3#extendedInfo{
	display:none;
	}				
		
	
/* *****************************************************************************
	Patches
***************************************************************************** */

	/* Hide from Mac IE5 - submit button*/
	/* \*/
	div form fieldset p.apply input.submit {
		float:  none;
	}
	/* */

/* 
>>>>>>>>>>  I've commented the block out below as I'm not sure if it's actually 
used on the site anywhere - we'll soon find out!!

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


/*****************************************************************
	styles for new vacsearch results
	
*************************************************************/

/*#wrapper{
width:750px !important;
}*/


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


form#Search{
padding:0 0 1em 0;
}
form#Search fieldset{
padding-bottom:1.3em;
}

form#Search fieldset label{
font-weight:bold;
}


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


form#Search fieldset input.submit{
float:left;
margin:1.6em 10px;
width:80px !important;
}

form#Search fieldset select{
width:110px;
}

form#Search fieldset{
border:none;
}

form#Search fieldset div{
float:left;
margin:0 5px;
}

form#Search span {
font-size: 75%;
display: block;
}


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

div#results{
background:#DAF6F3;
padding:1.2em 0 0 0 ;
width:750px;
}

#results dl{
float:left;
margin:2px 0 0 10px;
width:340px;
}

#results dt, dd{
float:left;
margin:0;
padding:0;
} 

#results dl dt{
clear:left;
width:90px;
}

#results dd{
margin-left:5px;
width:200px;
}

#results form{
float:right;
margin:0 10px 0 0;
padding:0 !important;
width:200px;
}

#results form fieldset select{
width:auto;
}

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


div#sort, div#display {
margin:0 0 .5em 0 !important;
padding:0 !important;
text-align:right;
}	


#sort label, #display label{
font-size:0.9em;
font-weight:bold;
margin:0;
padding:0;
vertical-align:middle;
}


#searches {
clear:both;
padding: .5em 0; 
}

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

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


#recruiter_details{
clear:both;
margin:1em 0;
padding:0.5em 0;
}





/****************main vacancy display********************/

div#vacs {
color:#000;
float: left;
font-size:1em;
margin:0 10px 2em 0 ;
width: 400px;
}

div#vacs a.button, #vacs_matching a.button{
background:transparent;
border:none;
color:#0c2d83;
float:none !important;
margin:0 0 1em 100px;
padding:0;
text-align:left;
text-decoration:underline;
}

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

div.lineage div , div.semi div, div.display div{
margin:0.5em 0;
padding:1em 10px !important;
}

div.lineage div{
background-color:#ffffff;
}

div.semi div{
background-color: #229D8E;
}

div.display div{
background-color: #FF8500;
}

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


div#vacs h3, #vacs_matching h3{
border:none;
font-size:1.2em;
margin:0 0 0.5em 0;
padding:0;
}

dl.vacancy_details{
margin:0 0 0.2em 0 ;
padding:0;
width:420px;
}

dl.vacancy_details dt {
float:left;
font-weight:bold;
width:100px;
}


dl.vacancy_details  dd{
float:left;
width:300px;
}


p.job_desc{  
clear:both;
margin:1em 0 0 0;
text-align:left;
}

body#semi_display div.addthis{
	padding: 0 35px !important;
    width: 750px !important;
}


/**********Jobs by email ************/


div.jbe{
border:1px solid #DAF6F3;
clear:both;
margin:1em 0;
padding:0.5em 20px;
text-align:center;
}

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

div.jbe form label{
font-weight:bold;
}

div.jbe form input{
margin:.5em 10px;
width:90px;
}


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

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

#recruiters div.box {
background:#fff;
border: solid 2px #DAF6F3;
color:#000;
font-size:1em;	 
margin:0 0 1em 0;
padding:0 0 1em 0 !important;
width:150px;
}	

#recruiters div.box h3{
margin: .5em 5px;
}

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

div#recruiters h2{
border:none;
color:#000;
font-size:1.1em;
text-align:center;
width:130px;
}

#recruiters div.box img{
margin:5px 0 0 5px;
}


#recruiters div.box ul{
list-style-type:none;
margin:0 5px;
padding:0;
}

#recruiters div.box ul li{
margin:0 5px;
padding:0;
}


a.matching_vac{
border-top:1px dotted #DAF6F3;
display:block;
font-size:0.8em;
margin:1em 5px 0 5px;
padding:0.4em 0 0 0;
text-align:center;
}


/**misc****/


a {
color:#000;
}	 

form fieldset{
border:none;
}


hr,legend{
display:none;
}


em{
font-style:normal;
font-weight:bold;
}

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

.clearfix {display: inline-table;}

/**posting confirmed styled box****/
body#ins_vac dl.dlList1{
	margin: 0 0 1em 0;
	padding: .3em;
	position: relative;
	clear:both;
	overflow:hidden;
	background:#f0f0f0;
	border: 1px solid #229D8E;
}
body#ins_vac dl.dlList1 dt{
	padding: 3px;
    clear:both;
	width: 140px;
}
body#ins_vac dl.dlList1 dd{
	left: 5em;
	margin: 0 2em .3em 0;
	padding: 2px 2px 2px 20px;
	width: 540px;
}

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