/* [%-# @(#)search_apply.css	1.10 10:16:58,09/03/13 (yy/mm/dd) -%] */
/* *****************************************************************************
	Imports
***************************************************************************** */

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



/* *************************************************************************
	Box Styles
************************************************************************* */	
		
div.box6{
		margin: 1em 0 0 1em ;
		position: relative;
}

div.box6 h3{		
		color: #fff;
		margin: 0;
		padding: 2px 9px;
}

div.box6Wrap{
		border: 1px solid #4F80E2;
		padding: 8px;	
		}
		
		
		
div.box7{
			
			margin: 0 0 0 1em ;
			position: relative;
}

div.box7 h3{
			background:#4F80E2 url(/images/general/box7_crnr.gif) top left no-repeat;
			color: #fff;
			margin: 0;
			padding: 2px 9px;
			text-align: left;
}

div.box7Wrap{
			border: 1px solid #4F80E2;
			padding: 8px;
			_padding:8px 7px;
			position: relative;
	}		
		
	/***************************************************************
	Faux column sets
***************************************************************/




div#candidateOptions{					
	float:left;
	margin: 0;
	width: 160px;	
}			


div#vacancyDetails{						
	float:right;
	margin: 0;
	position: relative;
	width: 590px;	
}

div#vacancyDetails h1{						
	margin-top:0;
}

div#candidateOptions p{
	margin: auto 10px;
	}
	
div#vacancyDetails p.right{
	margin-top:1em;
	margin-bottom:1em;
}	

/***************************************************************
	Info boxes
***************************************************************/

div.infoBox1{	
	background: #ECF5FF;
	margin: 1em 0 .8em 0;
	padding: 8px;
	width: auto;
}

div.infoBox1 h4{
	color:#000;
	}

/*******************************************************************************/		




	form fieldset.top {
		border: none;
		margin: .2em 0;
		font-size: 95%;
	}
	
	form fieldset p.email input {
		font-weight: bold;
		border: 1px solid #2827DA;
		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 #2827DA;
		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: 50%;
		padding: 1em 0 1em 0;
	}
	
	div.summary form {
		background-color: #fff;
		float: left;
		width: 50%;
		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;
	}

/* *****************************************************************************
	introtext
***************************************************************************** */

	div#local-search div#introtext {
		float: left; 
		margin: 0;
		padding: 0;
		width: 340px;
	}
	
	div#local-search h2 {
		font-size: 100%;
	}

/* *****************************************************************************
	corporate buttons
***************************************************************************** */

	div#local-search div#corpbuts {
		float: right;	
		margin: 0 0 0 10px;
		width: 96px;
		z-index: 2;	
	}
	
	div#local-search div#corpbuts img {
		margin: 0 0 5px 0;
		width: 90px;
		height: 35px;
		border: 0 none;
	}

/* *****************************************************************************
	recruiter box
***************************************************************************** */

	div#local-search a#recruiter {
		float: right;
		border: 1px solid #B7D9FF;
		padding: 3px;
		text-align: left;
		width: 125px;
	}
	
	div#local-search a#recruiter: link, div a#recruiter: visited {
		text-decoration: none;
	}
	
	div#local-search a#recruiter: hover, div a#recruiter: active {
		text-decoration: underline;
		background: #ECF5FF;
	}
	
	div#local-search a#recruiter p {
		padding: 0;
		margin-bottom: 3px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}

/* *****************************************************************************
	Search form
***************************************************************************** */

	div#local-search form {
		background: #ECF5FF;
		border: 1px solid #B7D9FF;
		padding: 5px;
		text-align: right;
		vertical-align: bottom;
		position: relative;
	}
	
	div#local-search form span {
		display: block;
		float: left;
		text-align: left;
	}
	
	div#local-search form span label {
		display: block;
		margin: 0;
		padding: 0 0 3px 0;
		font-weight: bold;
	}
	
	div#local-search form span#search {
		font-size: 90%;
		margin-right: 10px;
		width: 180px;
	}
	
	div#local-search form span#search label {
		font-size: 110%;
		width: 150px;
	}
	
	div#local-search form span#search input {
		width: 170px;
	}
	
	div#local-search form span#searchlong {
		width: 400px;
		margin-right: 10px;
	}
	
	div#local-search form span#searchlong label {
		width: 390px;
	}
	
	div#local-search form span#searchlong input {
		width: 310px;
	}
	
	div#local-search form span#within {
		width: 180px;
	}
	
	div#local-search form span#within label {
		width: 170px;
	}
	
	div#local-search form span#within select {
		width: 160px;
	}
	
	div#local-search form select,
	div#local-search form input {
		font-size: 1em;
	}
	
	
	div#local-search form span#posted {
		width: 90px;
	}
	
	div#local-search form span#posted label {
		width: 80px;
	}
	
	div#local-search form input.submit {
		position: absolute;
		right: 5px;
		bottom: 19px;
	}
	
	div#local-search a#adv {
		display: block;
		text-align: right;
	}
	
	form br {
		clear: left;
	}
	
/* *****************************************************************************
	Page Specifics
***************************************************************************** */

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

	

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

hr{
	display:none;
	}
	
	
h3#extendedInfo{
	display:none;
	}	
	
	
legend{
	display:none;
	}
	
fieldset{
	border:none;
	}	

/*Tes OVP vacancy page*/

body#semi_display div#candidateOptions{
	width: 185px;
}
body#semi_display div#vacancyDetails{
	width: 486px;				
}

body#semi_display div#vacancyContainer{
	border: 2px solid #6f84bc;
	overflow:hidden;
	width:766px;
}
body#semi_display.quickpost div#vacancyContainer{
	border: 2px solid #6f84bc;
}
body#semi_display div#vacancyHeader{
	background: #ECF5FF;
	clear: both;
	overflow:hidden;
	padding: 35px;
	position: relative;
	width: 696px;
}
body#semi_display.quickpost div#vacancyHeader{
	background: #ECF5FF;
}
body#semi_display div#vacancyHeader img#semiLogo{
	bottom: 35px;
	position: absolute;
	right: 35px;
}
body#semi_display div#vacancyMain{
	clear: both;
	padding: 35px;
	overflow:hidden;
	width: 696px;
}			
body#semi_display h1{
	background: 0;
	border: 0;
	color: #000;
	margin: 0;
}
body#semi_display.quickpost h1{
	color: #000;
}
body#semi_display div.vacancyNav{
	border: 0;
	margin: .5em 0;
	padding: 0;
}

body#semi_display div.infoBox1{
	background:#ECF5FF;
	border:2px solid #6f84bc;
	margin: 2em 0 0 0;
}
body#semi_display.quickpost div.infoBox1 {
	background:#ECF5FF;
	border:2px solid #6f84bc;
}
body#semi_display dl#extendedInfo{
	overflow: auto;
	margin: 20px 0 0 0;
	width: 370px;
}
body#semi_display dl#extendedInfo dt{
	background: 0;
	border: 0;				
	margin: 0;
	padding: 0.1em 0;
	text-align: left;
	width: 100px;
}	
body#semi_display dl#extendedInfo dd{
	background: 0;
	border: 0;
	padding: 0.1em 0;
	width: 270px;				
}

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

/* 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 3px;
}
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: #ececec url(/images/templates/vacplacedbox_btm_graphic.png) 
repeat-x scroll left bottom;
}

/*End vacPlacedBy*/

/************************************/

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

html body#vacDetails a.button, html body#vacDetails form input.submit, html body#vacDetails form input.button, html body#vacDetails a.shortlist{
		background: #7AB1FF url(/images/general/button_bg.gif) top left repeat-x;
		border: 1px solid #2827DA;		
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		margin: 0 auto 1em auto !important;	
		padding: .2em !important;				
		text-decoration: none;
		width: 120px !important;
}


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

html body#vacDetails div.colSet1-b div.infoBox1 p.right a.button{	
	padding:0.3em 10px !important;
	width:120px !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.box7Wrap form{
	margin:2em 0 0 0;
	}	
	
 body#vacDetails div.box7Wrap form fieldset{
 	 	padding:1em 0 0 0;
	}	

body#vacDetails div.box7 input{	
	width: 128px;
}

body#vacDetails div.box7 a img, body#vacDetails div.box7 input{
	margin:0.5em 0 1em 0;
	}

body#vacDetails div.box7Wrap div{	
	margin: 1em 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 #2827DA;
	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;
}

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

div#automatch{
	border:solid #2827DA;
	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.vacancyNav{
			border: solid #2827DA;
			border-width:  0 0 1px 0;	
			clear:both;
			margin:0 0 1em 0;
			padding: 5px;
			overflow:hidden;
}

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

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 #2827DA;
	padding: 5px 0;
}

	
	
input#email{
	float:none;
	margin:0;
	padding:0;
	}	
		
	
dl#extendedInfo{
	
	margin:1em 0;
	}	
		
dl#extendedInfo dt{
	background:#fff;
	border-bottom:1px solid #ECF5FF;
	clear:both;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0.3em 10px 0.3em 0;
	text-align:right;
	width:160px
}

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

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

			
		
		
	/* *************************************************************************
		=Lucky Dip
	************************************************************************* */
	
		div.luckyDip {
			padding:  0 5px 5px 5px;
		}
		
		div.luckyDip div.luckyDipNav {
			border-bottom: 1px dotted #2827DA;
			margin: .5em 0;
			padding: 7px 5px;
		}
		
		div.luckyDip div.luckyDipNav span {	
			margin: 0 3em 0 0;
		}
		
		div.luckyDip div.luckyDipNav div {
			float: right;
		}
	
/* *****************************************************************************
	Patches
***************************************************************************** */

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

body#ins_vac dl.dlList1{
	margin: 0 0 1em 0;
	padding: .3em;
	position: relative;
	background: #ECF5FF;
	border: 1px solid #0C2D83;
}
body#ins_vac dl.dlList1 dt{
	padding: 3px;
    clear:both;
	width: 120px;
}
body#ins_vac dl.dlList1 dd{
	position: relative;
	left: 5em;
	margin: -1.65em 5em .3em 0;
	padding: 2px 2px 2px 30px;
}