#x input[type=text], #x input[type=file], #x input[type=password] { background:url(/images/background-input.gif); height:17px; padding:5px; border-right:1px solid #c3c8ca; width:auto}
#x #btnSubmit { background:url(/images/background-button-add-jobs.gif) no-repeat; width:151px; height:32px; text-align:center; color:#000000; font-weight:bold; text-align:center;padding:6px 0px}
.gr-block #x #btnSubmit { background:url(/images/background-button-submit-jobalert.gif) no-repeat; width:84px; height:30px; text-align:center; color:#000000; font-weight:bold; text-align:center;padding:6px 0px; font-size:12px; margin-right:10px}

		#links-listings { display:block; clear:both; padding:12px 20px; margin-bottom:0px; font-size:11px; height:16px; }
			#links-listings ul { margin:0; padding:0;}
				#links-listings ul li { float:left; list-style:none}
					#links-listings ul li a { display:block;padding :0px 7px; border-right: 1px solid #ccc; color:#999; text-decoration:none ; line-height:11px}			
					#links-listings ul li a:hover { color:#666; text-decoration:underline }								
					#links-listings ul li a.first {padding-left:0px}		
					#links-listings ul li a.last { border-right:none}	


/*  Home */
#searchterms { width:241px;; height:17px; margin-right:12px; background:#fff;padding:5px 8px; border:0; background:url(/images/background-input-search.gif);margin-top:8px; float:left}
#location { width:190px; margin-right:12px; margin-top:11px}

.option { float:left; width:180px;  margin-right:12px;; margin-bottom:12px}
.option select {width:180px;}

.option.branche, .option.branche select { width:257px}
.option.experience, .option.experience select { width:257px}

#home_partners {display:block; padding:0px 10px }
#home_partners ul { margin:10px 0px; padding:0px;}
#home_partners ul li { padding:4px ;background: url(/images/background_partner.gif) no-repeat; width:90px; height:50px;; float:left; list-style:none; text-align:center; margin-right:14px;}
#home_partners ul li.last { margin-right:0px}

#home_search { background:#006784; padding:10px; margin-bottom:15px; color:#FFFFFF}
#home_search label, #home_search h1 { display:none}
#home_search h2 { color:#fff; font-size:14px ;  margin: 10px 0px 10px 0px; width:525px; text-align:left; padding:0px; text-transform:uppercase}
#home_search h4 { font-size:12px}
#home_search h2 span  { font-size:11px; font-weight:normal; color:#fff; text-transform:none} 
#home_search #btnSubmit {background: url(/images/background-button-search.gif) no-repeat; border:0px; font-size:12px ;color:#000; font-weight:bold; padding:2px 2px 2px 2px; cursor: pointer; width:67px; height:30px;text-align:center; margin-top:6px}
#home_search a#expand { clear:both; color:#FFFFFF}
#home_search a#expand img { margin-top:4px}
#home_search a#expand span { padding:2px; margin-top:-1px}

.seperator {; border-bottom:1px dotted #cbcbcb; clear:both;margin-top:5px;	}

#home_advertorials {padding:18px 0px; }
#home_advertorials .ad_block_1 {float:left; width:305px;}
#home_advertorials .ad_block_2 {float:right;width:315px;}

ul.bullet-list  { margin:0; padding:0}
ul.bullet-list  li { list-style:none; background:url(/images/bullet_blue.gif) no-repeat 0px 4px; padding-left:12px; display:block; font-size:12px; color:#37a6d8; }

#topjobs {}
#topjobs .topjob {clear:both; display:block; padding:5px 10px;}
#topjobs .topjob .topjob_logo {float:left; width:60px; height:30px; border:1px solid #c1cbe4; background-color:#FFF; overflow:hidden}
#topjobs .topjob .topjob_logo img { }
#topjobs .topjob .topjob_position { float:left; width:200px; color:#3a91c7;margin-left:10px;padding-top:3px; font-size:12px; }
#topjobs .topjob .topjob_position a { color:#3a91c7; text-decoration:none}
#topjobs .topjob .topjob_position a:hover { color:#c3493a; text-decoration:none}		
#topjobs .topjob .topjob_position a span { color:#989898; display:block}


/* Homepage blokken nieuw */

.promo-block  {width:280px; }
.promo-block.full,.promo-block.full .container,.promo-block.full .container .text  {width:98%} 
.promo-block.x-left {margin-left:0px; float:left}
.promo-block.x-right {pading-right:0px; float:right}
.promo-block  h2 { font-size:10px ; color:#aaaaaa; margin:0px; font-weight:normal; padding:0px 12px 4px 12px} 
.promo-block .container {border:1px solid #f0f0f0; background: #fafafa ; width:257px; height:160px; padding:8px 9px 8px 12px; font-family:Arial, Helvetica, sans-serif; } 
.promo-block .container .image { width:78px; height:58px; border:1px solid #e1e1e1; float:left; margin-right:8px; margin-top:4px; overflow:hidden}
.promo-block .container .text { float:left; color:#444; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; width:165px}
.promo-block .container .text p {  font-family:Arial, Helvetica, sans-serif;; margin:4px 0px}
.promo-block .container .text h3, .promo-block .container .text h3 a { font-size:14px; color:#000; margin:0px; padding:0; text-transform:uppercase}
.promo-block .container .text ul li { background:url(http://www.henw.org/images/list-bullet.gif) no-repeat 0px 4px; padding-left:14px; }
.promo-block .container .text ul li a span { color:#666; text-align:right; float:right; display:inline}
 .more { float:right; font-size:11px}

#advertisement { clear:both}

.information dl {margin:0;padding:0; line-height:11px; font-family: Georgia, "Times New Roman", Times, serif; color:#555}
.information dd {float:left;font-weight:normal;margin:0;padding:0 4px; padding-right:10px; border-right:1px solid #000;  line-height:11px}
.information dd.last {border-right:0}
.information dt {float:left;font-weight:normal;margin:0;padding:0;display:block;padding-left:10px;line-height:11px }
.information dt.first, .information dd.first { padding-left:0px;}
.information dt.none { display:none}
.date				{float:right; font-size:11px;margin-top:9px; font-family: Georgia, "Times New Roman", Times, serif; color:#555 }
.location		 {float:right;  font-size:11px; display:block; width:160px; text-align:left; margin-top:9px; font-family: Georgia, "Times New Roman", Times, serif; color:#555}

/* Vacancy Detail Page */
/*---------------------------------------------------------------------------*/
#classification {padding:10px 12px;}
#classification dl {margin:0;padding:0;float:left; width:270px;padding-bottom:5px; }
#classification dl.c2 {width:270px;}
#classification dl.c3 {width:208px;}
#classification dt { float:left; background:url(http://www.henw.org/images/list-bullet.gif) no-repeat 0px 2px; padding-left:14px;  font-size:11px; color:#666666; height:20px; }
#classification dd { font-size:11px; color:#666666; height:20px;padding-left:4px;}
#classification dd div {}

#logos { margin-left:12px; margin-right:12px}

.description { padding:0px 12px}
.source { margin:12px 0px;}

.content { padding:0px 12px 0px 14px}
.paging { margin-top:6px; font-size:11px}
.paging a, .paging a:visited, .paging a:link { text-decoration:none}
.paging a:hover { color:#c3493a; text-decoration:none}

.respond {float:left;margin-top:12px;margin-left:12px; width:100px;}
.respond a {width:74px; height:25px; display:block;background: url(/images/background-button-special.gif) no-repeat; padding-top:5px; text-align:center}
.respond a span { color:#FFFFFF; font-weight:bold}

.respond-links { float:right;margin-top:12px;margin-right:12px; width:300px;}
.respond-links ul { margin:0; padding:0}
.respond-links ul li {float:right; list-style:none; margin-left:6px}
.respond-links #btnSave a, .respond-links #btnPrint a, .respond-links #btnMail a {width:79px; height:25px; display:block;text-align:center; padding-top:5px }
.respond-links #btnSave a span, .respond-links #btnPrint a span, .respond-links #btnMail a span { color:#000000; font-weight:bold;  }
.respond-links #btnSave a { background: url(/images/background-button-option.gif) no-repeat}
.respond-links #btnPrint a { background: url(/images/background-button-option.gif) no-repeat}
.respond-links #btnMail a { background: url(/images/background-button-option.gif) no-repeat}

/*  My Jobs*/
.btn_remove { float:right;margin-top:20px;margin-right:12px;margin-left:12px;}

a.button { background:url(/images/background-button-add-jobs.gif) no-repeat; width:151px; height:25px; text-align:center; color:#000000; font-weight:bold; text-align:center;padding-top:6px}

/*  Paging Styles */
a.pg {}
span.pgs {font-weight:bold}
.btn_previous {float:left}
.btn_next {float:right}
.pages {text-align:center}

/*  Forms */
.form_container {}
.form_container .row {display:block; clear:both; padding:10px 0px}
.form_container .row label {float:left; width:80px;padding:3px 0px; font-weight:bold}
.form_add_vacancy {}
.form_add_vacancy .row {display:block; clear:both; padding:1px 0px}
.form_add_vacancy .row label {float:left; width:125px; clear:both; padding:5px 0px; display:block}
.form_jobalert {}
.form_jobalert .row {display:block; clear:both; padding:1px 0px}
.form_jobalert .row label {float:left; width:120px; clear:both; padding:5px 0px; display:block}
#fldContent___Frame { width:100%;height:360px;}

/* Datepicker Classes */

.dpDiv {	}
.dpTable {font-size: 12px;	text-align: center;	color: #82027a;	background-color: #eee;	border: 1px solid #AAAAAA;	width:200px;}
.dpTR {	}
.dpTitleTR {	}
.dpDayTR {	}
.dpTodayButtonTR {	}
.dpTD {	cursor: pointer;	}
.dpDayHighlightTD {	background-color: #fff;	border: 1px solid #82027a;	cursor: pointer;	color: #FFFFFF;	}
.dpTitleTD {	}
.dpButtonTD {text-align: center;		}
.dpTodayButtonTD {	text-align: center;	}
.dpDayTD {	background-color: #CCCCCC;	border: 1px solid #AAAAAA;	color: white;	}
.dpTitleText {	font-size: 12px;	color: #82027a;	font-weight: bold;text-align: center;		}
.dpDayHighlight {	color: #82027a;	font-weight: bold;	}
.dpButton, .dpTodayButton  {	font-size: 10px;	color: #fff;	background: #82027a;	font-weight: bold;	padding: 0px;	}
.dpButton {	padding: 0px;}

/*  Message Styles */
.message	{ text-align: center;  font-weight: bold; padding: 10px; border: 1px solid #000; background-color: #fff;}
.warning 	{ background-color: #EEE; border-color: #F00; color: #F00;}
.success 	{ background-color: #9C9; border-color: #3C0; color: #060;}
.error		{ background-color: #EEE; border-color: #F00; color: #F00;}

/*  Job Alert */
.category_column { float:left; width:200px;}
fieldset { border:1px solid #ddd; padding:8px;margin-bottom:3px;margin-top:3px;}
legend { font-weight:bold; color:#000; padding-bottom:6px;}
fieldset label {float:left; width:125px; clear:both; padding:5px 0px; display:block}
fieldset div.field { width:420px;padding:1px 0px;display:block}
fieldsetdiv.field input {padding:0px;margin:0px; padding:2px}
fieldset { border:0; padding:0px;margin:0px;margin-bottom:3px;margin-top:3px;}
legend { font-weight:bold; color:#000; padding:0px;padding-bottom:6px;margin:0px; margin-left:-4px}

/* Details 5.0 */
.classification {text-align:left;font-weight:bold;padding:5px;border:1px dotted #cbcbcb;background:none}
.classification th { font-weight:bold}
.classification td.c { font-weight:normal }
.reageer {	background-color: #eee;	text-align: center;	padding: 10px;	border: 1px solid #c80512;}

/* Listing 5.0 */
#vacancies { clear:both; display:block}
#vacancies .vacancy { display:block; float:none;margin-top:8px;; padding:5px 12px;}
#vacancies .odd { background-color:#f8f8f8}
#vacancies .topjob { border:2px solid #006784; background:#edf8fb url(/images/logo_topjob_henw.gif) no-repeat bottom right}
#vacancies .henw {  background: url(/images/henw.gif) no-repeat bottom right}
#vacancies .vacancy h3 { display:block; padding:3px;margin:0px; }
#vacancies .vacancy h3 a { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#006784; text-decoration:none; font-weight:normal}
#vacancies .vacancy h3 a:hover { font-size:16px; color:#006784; text-decoration:none}
#vacancies .vacancy h3.odd { }
#vacancies .vacancy .description {display:block;padding:3px; font-size:12px}
#vacancies .vacancy .description a { color:#000000; text-decoration:none}
#vacancies .vacancy .information {display:block; height:16px;padding:3px;  font-size:11px; color:#2f3740}

#vacancy-description h3 {font-size:14px;margin-bottom:10px}
#vacancy-description h4 {font-size:13px;margin-bottom:10px}
#vacancy-description p {margin-bottom:10px}
#vacancy-description a { color:#3893c8; text-decoration:none}
#vacancy-description a:hover { color:#c34a37; text-decoration:none}
#vacancy-description ul { margin:10px;padding:10px; list-style:disc}
#vacancy-description ul li {padding-left:10px;; list-style:disc}

.overview { padding:0px 20px 20px 20px}
.overview ul { margin:10px;padding:10px; list-style:disc}
.overview ul li {padding-left:10px;; list-style:disc}


/* ToolTips */
div#qTip { padding: 5px;  border: 1px solid #ccc;  border-right-width: 2px;  border-bottom-width: 2px;  display: none;  background: #FFFFDD;  color: #000;  font-size: 10px ;  text-align: left;  position: absolute;  z-index: 1000;}

/* General 5.0 */
.guide {float:none;clear:both}
.hideme {display:none}

/* Recruiter table */
.vacancies { background-color:#CCCCCC}
.vacancies th { background-color:#DDDDDD; text-align:left; font-weight:bold}
.vacancies td { background-color:#FFFFFF}


/* Scroller */
#cycle-left-container, #cycle-right-container { width:28px;padding-top:26px}
#cycle-left-container{ float:left; }
#cycle-right-container{ float:right; text-align:right}
#partners{ float:left; width:560px}

#homepage-text { padding:10px}
#home_partners h2, #homepage-text h2 { font-size:14px; text-transform:uppercase}
#home_partners h2 span { font-size:11px; text-transform:none; color:#aaaaaa}
h1, h2 { font-size:14px; text-transform:uppercase}

/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:179px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:181px; color:#000; height:23px; padding:4px 0 0 6px; float:left; background:url(/images/background-select-search.gif) no-repeat; margin-top:8px}
.newListSelected span {width:284px; display:block;}
ul.newList li {padding:1px 8px;}
.selectedTxt {width:179px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#006784!important; color:#fff!important;}
.newListHover {background:#edf8fb!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}