/* [%-# @(#)search_apply.css	1.27 15:13:02,11/10/24 (yy/mm/dd) -%] */
/***************************************************************
	Imports
***************************************************************/

	@import url(global.css);

/***************************************************************
	General Forms
***************************************************************/

	form fieldset.top {
		border: none;
		margin: .2em 0;
		font-size: 95%;
	}
	
	form fieldset p.email input {
		font-weight: bold;
		border: 1px solid #4274a9;
		background-color: #FEA814;
		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 #4274a9;
		background-color: #FEA814;
		padding: 0 10px;
		text-transform:lowercase;
		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: 49%;
		padding: 1em 0 1em 0;
	}
	
	div.summary form {
		background-color: #fff;
		float: left;
		width: 49%;
		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 #4274a9;
			text-align: center;
		}
		
		div.sortby p label {
			padding: 0 0 0 1.5em;
		}

	
/*************************************************************************
	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;
}
	
body#vacDetails fieldset{
	border:none;
}	
	
body#vacDetails .caption{
	height:0;
	text-indent:-5000em;
}	
	
/**containers**/

div#candidateOptions{					
	float: left;
	margin: 0 0 0 0;
	width: 160px;	
}	
body#semi_display div#candidateOptions{
	width: 185px;
	-moz-border-radius: 8px 8px 8px 8px;
	 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	 -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);
	 box-shadow:0 2px 5px rgba(0,0,0,0.25);
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	background-color: #77979F;
	background-image: -moz-linear-gradient(center top , #9FB9BF, #4A727B);
	border: 1px solid #527880;
	color: #FFFFFF;
	min-height: 1px;
	padding: 10px;
}
div#vacancyDetails{						
	float: right;
	position: relative;
	width: 605px;
}
body#vacDetails div#vacancyDetails p{float:left;width:100%;}
body#vacDetails div#vacancyDetails p a.clickhere{
background: url("../images/general/bullet.gif") no-repeat scroll 0 50% transparent !important;
padding:0 0 0 17px;
}
div#vacancyDetails p.right {
	margin:1em 0 0 0;
}
body#semi_display div#vacancyDetails{
	width: 500px;
	margin:0 15px 0 0;
}
body#semi_display div#vacancyContainer{
	border: 2px solid #D6E3E9;
	width: 100%;
	overflow:hidden;
	width:776px;
}
body#semi_display.quickpost div#vacancyContainer{
	border: 2px solid #D6E3E9;
}
body#semi_display div#vacancyContainer{float:left;margin:20px 0 0 0;}
body#semi_display div#vacancyHeader{
	background: #E3EBF0;
	clear: both;
	overflow: auto;
	padding: 35px;
	position:relative;
	width:706px;
}
body#semi_display dl#extendedInfo{
	margin:20px 0 0 0 !important;
	width:700px;
	float:left;
}
body#semi_display dl#extendedInfo dt {
	background:none !important;
	border-bottom:none !important;
	clear:both;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0.15em 10px 0.15em 0;
	text-align:left;
	width:100px;
}
body#semi_display dl#extendedInfo dd {
	background:none !important;
	border-bottom:none !important;
	float:left;
	margin:0;
	padding:0.15em 10px 0.15em 0;
	text-align:left;
	width:320px;
}
/* Start vacPlacedBy*/
body#semi_display div#vacPlacedBy{
	text-align: center;
	border: 1px solid #ccc;
	width: 183px;
	margin:10px 0 0 0;
}
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;
	color:#000000;
}

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

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: #E3EBF0;
}
body#semi_display div#vacancyHeader img#semiLogo{
	bottom: 35px;
	position: absolute;
	right: 35px;
}
body#semi_display div.addthis {width:776px !important;margin:0px;padding:0px;}

body#semi_display div#vacancyMain{
	clear: both;
	padding: 35px;
	overflow:hidden;
	float:left;
	margin:0;
	width:746px;
}			
body#semi_display h1{
	background: 0;
	border: 0;
	color: #000;
	margin: 0;
}
body#semi_display.quickpost h1{
	color: #000;
}
		
html body#vacDetails a.button, html body#vacDetails form input.submit, html body#vacDetails form input.button, html body#vacDetails a.shortlist{
	text-decoration:none;
		font-weight:bold;
		-moz-border-radius: 10px 10px 10px 10px;
		 -webkit-border-radius:10px;
		 -moz-border-radius:10px;
		 border-radius:10px;
    background: url(../images/general/arrow-m-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #D6D6D6 100%) repeat scroll 0 0 transparent;
    background:url(../images/general/buttons/arrow-s-r-teal.png) center right no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F6F6),color-stop(0.5,#D6D6D6),color-stop(0.5,#CACACA),color-stop(1.0,#D6D6D6)) !important;
	background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,linear-gradient(center top,#F6F6F6,#DCDCDC 50%,#CACACA 50%,#D6D6D6 100%) !important;
	background-color:#eee;
	border: 1px solid #999999;
		font-size:14px;
		font-family: Trebuchet MS,arial,helvetica,sans-serif;
		background-position: -10000px 0 !important;
		color: #47646c;
		padding:3px 8px;
		cursor:pointer;
		margin:.5em 0;
		text-transform:lowercase;
		width:120px;
		vertical-align:middle;
}
html body#vacDetails form input.submit:hover{background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	background-position: -10000px 0 !important;}
html body#vacDetails a.button:hover{background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	background-position: -10000px 0 !important;}
html body#vacDetails form input.button:hover{background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	background-position: -10000px 0 !important;}
html body#vacDetails a.shortlist:hover{background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	background-position: -10000px 0 !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;
	text-transform:lowercase;
	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,
body#semi_display div#vacancyDetails span a.button{
	 -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
	
    background:url(../images/general/arrow-m-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #D6D6D6 100%) repeat scroll 0 0 transparent;
    background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F6F6),color-stop(0.5,#D6D6D6),color-stop(0.5,#CACACA),color-stop(1.0,#D6D6D6));
	background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,linear-gradient(center top,#F6F6F6,#DCDCDC 50%,#CACACA 50%,#D6D6D6 100%);
	background-color:#eee;
    border: 1px solid #999999;
    color: #49717A !important;
    cursor: pointer;
    display: inline-block;
	text-transform:lowercase;
    font-size:14px;
    font-weight:bold;
    line-height: 20px ;
	width:157px;
    padding:3px 14px !important;
	margin:10px 0 0 0px !important;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #EEEEEE;
}
body#semi_display div#vacancyDetails span a.button:hover{
	 background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
}
html body#semi_display a.button:hover{
	 background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
}
html body#semi_display form input.submit:hover{
	 background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
}
html body#semi_display form input.button:hover{
	 background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
}
html body#semi_display a.shortlist:hover{
	 background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
}
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{
	 -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
	
    background:url(../images/general/arrow-m-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #D6D6D6 100%) repeat scroll 0 0 transparent;
    background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F6F6),color-stop(0.5,#D6D6D6),color-stop(0.5,#CACACA),color-stop(1.0,#D6D6D6));
	background:url(../images/general/arrow-s-r-teal.png) center right no-repeat,linear-gradient(center top,#F6F6F6,#DCDCDC 50%,#CACACA 50%,#D6D6D6 100%);
	background-color:#eee;
    border: 1px solid #999999;
    color: #49717A !important;
    cursor: pointer;
    display: inline-block;
	text-transform:lowercase;
    font-size:14px;
	width:157px;
    font-weight:bold;
    line-height: 20px;
    padding:3px 14px !important;
	margin:0 !important;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #EEEEEE;
}
body#semi_display div#candidateOptions span a.button:hover{
	 background: url(../images/general/arrow-s-r-teal.png) no-repeat scroll right center, -moz-linear-gradient(center top , #F6F6F6, #DCDCDC 50%, #CACACA 50%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
}

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: 1em 0;
}

body#vacDetails div.box7 p{	
	margin: 0;
	padding: 0;
}

body#vacDetails div.box7 a img{
	margin:0.5em 0 1em 0;
}
 body#vacDetails div.box7 input {
	margin:0.5em 0 1em 0;
	width:130px;
}	
body#vacDetails div.box7Wrap form {
	margin: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;
	/*background:#ffffff;*/
}
body#vacDetails div.box7Wrap br{display:none;}
body#vacDetails div#candidateOptions div.box6{
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 10px solid #2474BE;
	border-right:0px none;
	border-top:0px none;
	border-bottom:0px none;
	padding:5px 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);
}
body#vacDetails .recruiterInfo {	
	background:#fff;
	color: #898989;
	border:0px none;
	padding:0px;
}
/*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%;
	float:left;
	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 #3f6894;
	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: dotted #4274a9;
		border-width:  0 0 1px 0;	
		clear:both;
		margin:0 0 1em 0;
		padding: 5px;
	}
	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;
	}	

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

	p.left {
		text-align:center;
	}	
		
	body#vacDetails legend {
		display:none;
	}
			
	address {
		font-style:normal;
	}		
		
	input#email {
		float:none;
		margin:0;
		padding:0;
	}
	body#vacDetails dl#extendedInfo {
		border:1px solid #000000;
		float:left;
	}
	body#vacDetails dl#extendedInfo dt {
		/*border:1px solid #000000;*/
	}
	body#vacDetails dl#extendedInfo dd {
		/*border:1px solid #000000;*/
		width:373px;
	}	
	body#vacDetails dl#extendedInfo dt {
		/*border:1px solid #000000;*/
	}
	body#vacDetails dl#extendedInfo dd {
		/*border:1px solid #000000;*/
	}
	dl#extendedInfo dt {
		background:#fff;
		border-bottom:1px dotted #DFE0E2;
		clear:both;
		float:left;
		font-weight:bold;
		margin:0;
		padding:0.3em 10px 0.3em 0;
		text-align:right;
		width:208px
	}

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

	body#vacDetails hr {
		display:none;
	}
		
	h3#extendedInfo {
		display:none;
	}				

/***************************************************************
	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;
	border: 1px solid #4274a9;
	 -moz-border-radius: 8px 8px 8px 8px;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);
    background: none repeat scroll 0 0 #DAE7EA;
}
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 20px;
}

/* *************************************************************************
	IFRAME - Vacancy Description
************************************************************************* */
	
	body#vacDesc {
		font-size: 80%;
	}
div.moreoptions div.any {    float: left;    padding-left: 50px;}