/* Logged in menu*/
#nav li span{
    background-image: url("../img/arrow_nav_down_white.gif");
	background-color: #a23479;
    border-bottom: 1px solid white;
    color: #FFFFFF;
    background-position: 6px 9px;
    background-repeat: no-repeat;
    display: block;
    font-weight: normal;
    padding: 3px 15px;
    width: 134px;
}


input.submit, input.reset, input.cancel, input.button{
	border:1px solid #a23479; 

	color:#FFF; 
	cursor:pointer; 
	overflow:visible; 
	font-weight:bold; 
	padding:5px; 
	
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #a23479;
}

input.submit:hover, input.reset:hover, input.cancel:hover, input.button:hover{
	background-color:#666 !important; 
}
.radio.radio_h label, 
.radio.radio_h input[type="radio"]{ display:inline-block!important;} 
.radio.radio_h label{margin-right:8px; margin-left:3px;}
/* table sorter 
#icams_inserted input#refine {background:none;border:0;padding:0;}
*/
#icams_inserted .detail div.x-form-field-wrap {float:left;margin-right:5px;margin-bottom:1rem;}
#icams_inserted  .joblist {width:100% !important;}

#icams_inserted .head {

}
#icams_inserted  .head h3 {
  font-size:13px;
}
#icams_inserted table tr,
#icams_inserted table tr td,
#icams_inserted table th{border:0;}

#icams_inserted  table thead th,
#icams_inserted  table thead th a{color: #000000 !important;font-weight:bold;cursor:pointer; text-decoration: underline;}

#icams_inserted table.tbl th a, 
#icams_inserted  table.tbl th a:visited {text-decoration:none !important;}

#icams_inserted div.resultsNav {width:auto !important;}
/*
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #0071bc;
	border: 1px solid #333333;
	font-size: 8pt;
	padding: 4px;
}
*/
#icams_inserted table thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#icams_inserted table thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
#icams_inserted table thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}


/* paging */

#icams_inserted #paging {margin:20px auto 0 auto !important;width:180px;padding-left:20px;}
#icams_inserted #paging form  ul {float:left;list-style:none outside none !important;margin:0;padding:0;}
#icams_inserted #paging form ul li {float:left;padding:0 5px;}

#icams_inserted #paging form  ul a{text-indent:-9999px;display:block;}

#icams_inserted #paging input.pagedisplay{
  background:none;
  border:0;
  font-weight:normal;
  height:14px;
  line-height:14px;
  padding:0;  
  width:25px;
}
  
#icams_inserted #paging form ul .prev a,
#icams_inserted #paging form ul .next a {
  background:url("../img/arrows1.gif") no-repeat scroll 0 0 transparent;
  height:8px;
  margin:4px 0 0;
  overflow:hidden;
  text-indent:-9999px;
  width:4px;
}
#icams_inserted #paging form ul .prev a{background-position:0 0;}
#icams_inserted #paging form ul .prev a:hover{background-position:0 -8px;}

#icams_inserted #paging form ul .next a {background-position:-4px 0;}
#icams_inserted #paging form ul .next a:hover{background-position:-4px -8px;}

#icams_inserted #paging form ul .first a,
#icams_inserted #paging form ul .last a{
  background:url("../img/arrows1_double.gif") no-repeat scroll 0 0 transparent;
  height:8px;
  margin:4px 0 0;
  overflow:hidden;
  text-indent:-9999px;
  width:8px;
}

#icams_inserted #paging form ul .first a{background-position:0 0;}
#icams_inserted #paging form ul .first a:hover{background-position:0 -8px;}

#icams_inserted #paging form ul .last a {background-position:-8px 0;}
#icams_inserted #paging form ul .last a:hover{background-position:-8px -8px;}



#icams_inserted table.tbl {
	border: 0px;
}

#icams_inserted table.tbl tr {
	border: 0px;
}
#icams_inserted table.tbl tr.even {
	background-color: #F0F0F0;
}

#icams_inserted table.tbl th {
	background-color: #A8B8BE;
	color: #000000;
	padding-bottom: 5px;
    padding-top: 5px;
	font-weight: bold;
}

#icams_inserted table.tbl th, table.tbl td {
	border: 0px;
	font-size: 90%;
}

#icams_inserted p.records {
	font-size: 100%;
}
/*
#icams_inserted #paging form ul li.first,
#icams_inserted #paging form ul li.prev,
#icams_inserted #paging form ul li.next,
#icams_inserted #paging form ul li.last {
	padding-top: 2px;
}




/*
.search-form{padding:4px 0 28px;}
.search-form fieldset{
	border:1px solid #d7d7d7;
	padding:4px 3px 4px 4px;
}*/
.search-form .row{
	height:1%;
	overflow:hidden;
	background:#F0F0F0;
	padding:11px 0 12px 10px;
	
}
.search-form .text{
	float:left;
	background:url(../images/bg-text.gif) no-repeat;
	width:147px;
	height:16px;
	padding:4px 6px;
	margin:0 12px 0 0;
}
.search-form .text input{
	float:left;
	margin:0;
	padding:0;
	width:147px;
	border:0;
	font-style:italic;
	color:#636363;
}
.search-form .middle{
	background:url(../images/bg-text1.gif) no-repeat;
	width:170px;
}
.search-form .middle input{width:170px;}

.search-form .long{
	background:url(../images/bg-text2.gif) no-repeat;
	width:322px;
	margin:0 14px 0 0;
}
.search-form .long input{width:410px;}

.search-form .long1{
	background:url(../images/bg-text3.gif) no-repeat;
	width:522px;
	margin:0 15px 0 0;
}
.search-form .long1 input{width:522px;}

.search-form label{
	float:left;
	font-size:12px;
	line-height:23px;
	font-weight:bold;
	margin:0 9px 0 0;
}
.search-form select{
	width:105px;
	margin:0 11px 0 0;
	float:left;
	color:#636363;
}

.search-form .btn{
	height:1%;
	overflow:hidden;
	display: none;
}

/*
.search-form .btn input{
	cursor:pointer;
	text-align:left;
	background:url(../images/bg-btn-search.gif) no-repeat;
	border:0;
	float:left;

	line-height:22px;
	width:77px;
	height:24px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
.search-form .btn input:hover,
.search-form .btn input.hover{background-position:0 -24px;}
.search-form .toon{width:97px;}
*/



.search-form-small fieldset {
	width: 290px;
}
.search-form-small label {
	display: none;
}

table.section_summary {
	width: 100%;
}

div.job_classifications {
	border: 0px;
	background-color: #f1f1f1;
	float:left;
	margin:7.5px 0;
	padding:6px 0;
}

div.job_classifications div.classification {
	font-size: 100%;
	width: 450px;
	xpadding-top: 4px;
	xpadding-bottom: 4px;
}

div.job_classifications div.class_value {
	width: 280px;
	float: left;
	xbackground-color: white;
	padding:3px 0;
	float:left;
}

div.job_classifications .classification.x_22585, div.job_classifications .classification.x_22586 {
	display: none;
}

div.job_classifications div.class_type {
	color: #000000 !important;
	margin-left: 15px;
	font-weight:bold;
	width:150px;
	float:left;
}


div.job_classifications div.classification div.docs {
	    margin-left: -20px;
    display: inline-block;
    margin-top: -15px;
}
.job_description .job_classifications .docs ul{ list-style: none;} 


div.job_description table {
	width: 100% !important;
	border: 0px;
	background-color: #E1E1E1;
}

/* NEW STYLES */




#icams_inserted  {
	/* width: 505px;*/
}

img.inserted_image {
	padding-bottom: 15px !important;
}

#icams_inserted .boxout.department-intro {
	background-color: #a23479;
	border-color: #a23479;
	color: #fff;
}

#icams_inserted .boxout.department-intro h2 {
	font-size: 1.5em !important;
	padding: 10px 0;
	background-color: transparent;
}

#icams_inserted .boxout.department-intro a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

#icams_inserted #dept-filter {
	width: 50%;
	margin: 0 1rem 1rem 0;
	float: left;
}

#icams_inserted h2 {
	background-color: #0f3d4c;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 0px;
	font-size: 16px !important;
	line-height: 19px !important;
	color: #fff !important;
	margin: 0px;
	margin-bottom: 15px;
	overflow: hidden;
}

#icams_inserted .searchresults { 
	overflow: hidden;
}

#icams_inserted .jobpost_body {
	overflow: hidden;
		padding: 0px;
	margin: 0px;
}

#icams_inserted .jobpost_body h2 {
	background-color: transparent;
	height: none;
}

#icams_inserted .jobpost_body h2 a{
	padding: 0px;
	margin: 0px;
}

#icams_inserted .jobpost_body h2 a:hover{
	text-decoration: none !important;
}

p.records.found {
	display: none;
}

#login h3{
	font-size: 16px;
	margin-top: 15px;
	padding-bottom: 0px;
}

#login div.field, #login div.button {
	background-image: url("../img/arrow_nav.gif");
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
}

div#error_message {
	padding: 0px;
	margin: 0px;
}

div#rhcolumn p.forgot{
	margin: 0px !important;
}

#login div.button {
	margin-top: 10px;
	padding-bottom: 14px;
}


form.searchright input.submit{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	margin: 2px; 
}

div.job_classifications {
	width: 505px;
}

/* Frontpage */

div#mdcolumn.frontpage {
	width: 720px !important;
}


div#mdcolumn.frontpage .col-half {
width: 350px;
}


div#mdcolumn.frontpage div.col-half .boxout, div.wide div#mdcolumn div.col-half .boxoutAlt {
width: 348px;
}

div#mdcolumn.frontpage #login p{
	overflow: hidden;
}

div#mdcolumn.frontpage #login label {
	float: left;
	width: 95px;
}


div#mdcolumn.frontpage #login input {
	float: left;
}

div#mdcolumn.frontpage #login input.submit {
	margin-left: 95px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#mdcolumn.frontpage #loggedin h3 {
	color: white;
	background-color: #0F3D4C;	
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: 10px;
	width: 326px;
}
div.jobpost_body h2{
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

span.jobclass.role_type {
	position: relative;
}

span.jobclass.hours_of_work {
	position: relative;
	margin-left:-1px;
}

div.jobpost_body {
	margin-left: 2.5% !important;
	width: 97.5%;
	border-bottom: 1px solid #D1D1D1;
}

/*Put a bullet before all but the first .jobclass
.jobclass:not(:first-child):before{
	content:"\2219";
}*/


span.jobclass.department  span.jobvalue{
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-top: -23px;
	margin-left:-1px;
	font-size: 13px;
	color: #000;
	width: 400px;
	background-image: none;
}

span.jobclass.contract_status span.jobvalue:before{
	content:"\2219";
}

span.jobclass.salary span.jobvalue:before{
	content:"\2219";
}


html.ie7 h2 a,
html.ie7 span.jobclass.department  span.jobvalue  {
		padding-left: 4px !important;
}

html.ie7 p span.date_off{
	margin-top: -20px;
}


#listbyroletype ul li label {
	display: none;
}

#listbyroletype div,
#listbyroletype ul,
#listbyroletype ul li {
	background-image: none !important;
	padding: 0px !important;
	margin: 0px !important;
}

#listbyroletype ul li a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-decoration: none !important;
	font-weight: bold;
	border-bottom: #D7D7D7 solid 1px;
}

#listbyroletype ul li a:hover {
	background-color: #E7E7E7;
}

#listbyroletype a {
	overflow: hidden;
}

#listbyroletype a span.sum {
	float: right;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #DDD;
	color: black;
	font-size: 85%;
	font-weight: normal;
	padding: 1px 7px 2px 7px;
	margin-right: 10px;
}

#listbyroletype a:hover  span.sum {
	background-color: #a23479;
	color: #FFF;
}


div.apply_now a,
div.send_a_friend a {
	border: 1px solid #0F3D4C;
	background-color: #0F3D4C; 
	color: white;
	cursor: pointer;
	overflow: visible;
	font-weight: bold;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none !important;
}
/*
div.apply_now a:hover,
div.send_a_friend a:hover {
	background-color: #095E2D;
}
*/
div.label label.mandatory {
	background-image: none !important;
}

/* Hoogte instellen voor exjs forms */
input.text, input.search, input.file, textarea, .textarea, select.select, input[type="text"], input[type="password"] {
	padding: 1px 0px !important;
	width: 100% !important;
}
input[id^="ext-"] {
width: calc(100% - 13px) !important;
}

/* IE6 Fixes */

html.ie6 #login p{
	display: block !important;
	overflow:hidden !important;
	padding: 0 12px 12px !important;
	margin: 0px !important; 
	height: 20px !important;
}

html.ie6 #login label{
	display: block !important;
	overflow:hidden !important;
}

html.ie6 #login input{
	display: block !important;
	overflow:hidden !important;
}

html.ie6 div#mdcolumn.frontpage #login input.submit {
	margin-left: 48px;
}

html.ie6 #listbyroletype a {
	margin-top: -18px;
}

html.ie6 #listbyroletype a span.sum {
	margin-top: -30px;
}

html.ie6 #listbyroletype div.all_jobs a {
	margin-top: -38px;
}

html.ie6 div#search-jobs input#p_text {
	padding: 8px;
}

/* Job list */
html.ie6 #rhcolumn{
}

html.ie6 #rhcolumn #icams_inserted {
	width: 100px;
}


html.ie6 div#login p {
	padding: 2px !important;
	margin: 0px !important;
	height: 45px !important;
}

html.ie6 div#login p.forgot {
	font-size: 12px;
}

html.ie6 #icams_inserted  .jobpost_body .date_off {
	margin-top: -18px;
}


html.ie6 h2 a,
html.ie6 span.jobclass.role_type  span.jobvalue  {
		padding-left: 5px !important;
}

html.ie6 div.bottomlinks div {
	height: 40px;
}
 
/* listjobsimage */
div.listjobsimage {
	height: 185px;
	width: 505px;
}

div.addthis_toolbox.addthis_default_style{
    border-top: 1px solid #D3DCDE;
    clear: both;
    margin-top: 50px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

div.addthis_toolbox.addthis_default_style span{
   float: left
}
.col-half #login label.desc{     
	float: left;
	width: 90px;
}
.col-half #login input.desc{ 
	float: left;
    width: 220px;}
div.job_detail div.links {
    position: relative;
}
div.job_detail div.links {
    float: left;
    width: 100% !important;
}
div.links {
    clear: both;
    margin: 12px 0;
    width: 100%;
}
div.apply_now { 
    float: left;
}
div.send_a_friend {
    float: right;
}
div#mdcolumn.full-width{  width: 720px;}
div#mdcolumn.frontpage #listbyroletype .current_vac ul {list-style: none!important;}
.search.advancedcheckbox label{ display:inline-block;} 
#section2662 #ext-gen6.x-form-field-wrap{float:none;}
#section2670 div.formdetails.p_4{margin-top:26px;} 
/*

#ext-gen28,
#ext-gen29,
#ext-gen30{
    width: auto!important;
        min-width: 300px!important;
}

.section select{  
      width: auto!important;
        min-width: 300px!important;
}*/

div#slotsdiv .error {
	border: 1px solid red;
	padding: 5px;
	color: red;
}