/* General */
html,body {text-align:center;font:12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#6b6a57}
p,td,th {text-align:left;font:12px "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;color:#3e4a57}
body {background:#fefefe;margin:0; }
a,a:link,a:visited {color:#3e4a57;border:0;text-decoration:none}
a:hover,a:active {color:#3e4a57;border:0;text-decoration:underline}
a.high,a.high:link,a.high:visited {color:#336b14 ;border:0;text-decoration:none; font-weight:bold}
a.summary_link:hover,a.summary_link:active {text-decoration:none;}
p {margin-bottom:6px;}
form {margin:0}
h1 {font-size:15px;margin-top:10px; margin-bottom:10px; color:#000}
h1.alt {margin-bottom:4px;}
h2 {font-size:13px;margin-top:8px;margin-bottom:8px; color:#000}
h2 span { font-size:10px; font-weight:normal}
h3 {font-size:12px;margin-top:8px;margin-bottom:6px;padding:0px; color:#000}
h3 a, h3 a:link, h3 a:visited { text-decoration:underline }
h4 {font-size:13px;margin-top:12px;margin-bottom:4px; color:#000}
img {border:0}
#wrapper {background: url(/images/background_canvas.gif) repeat-y center;margin:0; display:block }
#container {width:970px;text-align:left;margin-left:auto;margin-right:auto; padding:0px 0px; background: #fff ; display:block; height:100% }
#header {margin:0;padding:0}
#header h1 { display:none}
#menu_container { background: url(/images/background_menu.gif) repeat-x; height:40px;margin:0px;}
/* Tabs */
#header_menu {margin:0;padding:0;background:url(/images/tabs_back.gif) no-repeat; height:32px;}
#header_tabs {margin:0;padding:0;list-style:none;margin-right:2px;margin-top:3px; margin-left:150px}
#header_tabs ul {margin:0;padding:0;}
#header_tabs li {float:left;list-style:none;}
#header_tabs li a ,#header_tabs li a:link, #header_tabs li a:visited {color:#555446;font-weight:bold;text-decoration:none;float:left;display:block;padding:0 0 0 12px;margin-right:0px; font-size:13px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif; }
#header_tabs li a:hover, #header_tabs li a:active { color:#fe8c08}
#header_tabs li a span {display:block;padding:5px 18px 10px 0px}
#header_tabs li a:hover span, #header_tabs li a:active span {}
#header_tabs li.active {margin-right:10px;}
#header_tabs li.active a ,#header_tabs li.active a:link, #header_tabs li.active a:visited {background:url(/images/tabs_start_selected.gif) no-repeat left top;color:#fe8c08;font-weight:bold;text-decoration:none;float:left;display:block;padding:0 0 0 16px;margin-right:0px; font-size:14px;}
#header_tabs li.active a:hover, #header_tabs li.active a:active { color:#fe8c08}
#header_tabs li.active a span {background: url(/images/tabs_end_selected.gif) no-repeat right top;display:block;padding:9px 18px 6px 0px}
#header_tabs li.active a:hover span, #header_tabs li.active a:active span {}
#header_tabs li.sfhover a ,#header_tabs li.sfhover a:link, #header_tabs li.sfhover a:visited {background:url(/images/tabs_start_selected.gif) no-repeat left top;color:#fe8c08;font-weight:bold;text-decoration:none;float:left;display:block;padding:0 0 0 16px;margin-right:0px; font-size:14px;}
#header_tabs li.sfhover a:hover, #header_tabs li.sfhover a:active { color:#fe8c08}
#header_tabs li.sfhover a span {background: url(/images/tabs_end_selected.gif) no-repeat right top;display:block;padding:9px 18px 6px 0px}
#header_tabs li.sfhover a:hover span, #header_tabs li.sfhover a:active span {}
#header_tabs li ul { position:relative; margin-top:31px; padding-bottom:4px; border:2px solid #efefef; border-top:0; background:#fff; }
#header_tabs li ul#nav-werkzoekenden { margin-left:-139px;; width:156px}
#header_tabs li ul#nav-werkgevers { width:136px}
#header_tabs li ul#nav-nieuwsbrief { width:156px}
#header_tabs li ul li { padding:4px; display:block}
#header_tabs li ul li a, #header_tabs li ul li a:link, #header_tabs li ul li a:visited { font-size:11px;display:block;}
#header_tabs li ul li a span { padding:0px; font-size:11px}
#header_tabs li.sfhover ul li a ,#header_tabs li.sfhover ul li a:link, #header_tabs li.sfhover ul li a:visited {background:none;color:#555446;font-weight:bold;text-decoration:none; float:none;display:block;padding:0 13px 0 13px;margin-right:0px; font-size:11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif; }
#header_tabs li.sfhover ul li a:hover, #header_tabs li.sfhover ul li a:active { color:#fe8c08}
#header_tabs li.sfhover ul li a span {background:none;display:inline;padding:0}
#header_tabs li.sfhover ul li a:hover span, #header_tabs ul li li.sfhover a:active span {}
#columns { border-top:1px solid #fff }
#menu { width:150px; float:left; margin-left:5px; }
#menu .menu_container_standard, #menu .menu_container_newsletter { padding:5px 9px;; height:300px; background:url(/images/background_menu_container.gif) no-repeat; width:112px}
#menu .menu_container_newsletter {background:url(/images/background_menu_newsletter.gif) no-repeat;}
#menu .menu_container_newsletter a, #menu .menu_container_newsletter a:link, #menu .menu_container_newsletter a:visited {color:#ea7f00; font-weight:bold}
#menu h3 { font-size:13px; font-weight:bold; margin-top:0px; color:#000000}
#menu ul { margin:0px; padding:0px; list-style:none}
#menu ul li { margin:0px; padding:0px; list-style:none; font-size:11px; line-height:18px; height:22px;}
.boxbanner { margin-top:8px; text-align:center}
#leaderboard {}
#content { width:623px; float:left; }
#content a, #content a:link, #content a:visited {color:#ea7f00; font-weight:bold}
#content .seperator { background:url(/images/homepage_seperator.gif) no-repeat;; height:15px; margin: 8px 0px; clear:both}
#sidebar {width:180px; float:right;}
#sidebar .heading_container { background: #437fcb url(/images/heading_left.gif) no-repeat; height:27px; padding-left:2px;}
#sidebar .heading_container .heading { background: url(/images/heading_right.gif) no-repeat right;height:27px;}
#sidebar .heading_container .heading h3 { color:#FFFFFF; font-size:12px; margin:0; padding:6px 2px 4px 10px;}
#sidebar ul {margin:0; padding:0}
#sidebar ul li {list-style:none; background:url(/images/bullet_blue.gif) no-repeat 0px 8px; padding:4px 0px 4px 12px }
#sidebar ul li a {color:#336b14 }
#sidebar .listing { padding:8px 12px;}
#guide {clear:both; display:block;height:1px;}
#links_listings { display:block; clear:both; margin-top:12px; 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 #697079; color:#697079 }
#links_listings ul li a.first {padding-left:0px}
#links_listings ul li a.last { border-right:none}
#footer {width:970px;height:54px;text-align:left;margin-left:auto;margin-right:auto; padding:6px 0px; background: #efefea; clear:both; font-size:11px }
#reed_business_logo { float:left;margin:16px 30px 12px 20px;}
#copyright { padding:2px 6px;; color:#3e4a57}
#footer p { margin:0; padding:0;font-size:11px }
/* Home */
#searchterms { width:300px; margin-right:12px}
#location { width:200px; margin-right:12px}
#searchlinks {display:block; background-color:#006666; margin-top:4px;}
#searchlinks a, #searchlinks span { padding:1px 6px 4px 0px; display:block; float:left}
#searchlinks a#rss_link { background:url(/images/button_rss.gif) no-repeat top right; padding-right: 22px;}
.homepage_list { width:310px; float:left}
.homepage_list ul { list-style:none; margin:0; padding:0}
.homepage_list ul li { list-style:none; margin:0; padding:0}
.homepage_list ul li span { width:65px; float:left; font-size:11px}
#btnSearch { background:url(/images/button_zoeken.gif) no-repeat; font-weight:bold; height:26px; width:61px; border:0px; font:12px "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif}
#home_partners {padding:0px 12px 0px 14px}
#home_partners ul { margin: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:5px;}
#home_search { background: url(/images/background_search.gif) no-repeat; padding:15px 0px;}
#home_search label { display:none}
#home_categories { padding:15px ; display:block; }
#home_categories ul { margin:0; padding:0}
#home_categories ul li { list-style:none; background:url(/images/bullet_green.gif) no-repeat 0px 4px; padding-left:12px; width:190px; height:20px; float:left; display:block; font-size:12px; color:#336b14}
#home_categories ul li a {color:#336b14}
#home_advertorials {padding:18px 0px; }
#home_advertorials .ad_block_1 {float:left; width:305px;}
#home_advertorials .ad_block_2 {float:right;width:315px;}
#bib_container { background:url(/images/bib_background.gif) no-repeat left bottom}
#bib_content { padding:6px; background:url(/images/bib_header.gif) no-repeat top left; text-align:center}
#bib_content hr {width:120px;border:1px solid #ccc;height:1px;color:#ccc;margin-left:auto;margin-right:auto;padding:0}
#topjobs {}
#topjobs .topjob {clear:both; display:block; padding:5px 10px;}
#topjobs .topjob .topjob_logo {float:left; width:60px; height:30px; border:2px solid #d7d7d7; background-color:#FFF; overflow:hidden}
#topjobs .topjob .topjob_logo img { }
#topjobs .topjob .topjob_position { float:left; width:200px; color:#336b14;margin-left:10px;padding-top:3px; }
#topjobs .topjob .topjob_position a { color:#336b14}
#topjobs .topjob .topjob_position a span { color:#827f7f; display:block}
.overview { padding:15px ; display:block; width:170px; float:left }
.overview ul { margin:0; padding:0}
.overview ul li { list-style:none; background:url(/images/bullet_green.gif) no-repeat 0px 4px; padding-left:12px;display:block; font-size:11px; color:#336b14; padding-bottom:6px}
.overview ul li.none { width:100%; float:none; display:block; font-size:12px; color:#336b14}
.overview ul li a {color:#336b14}
.guide { clear:both}
#advertisement { clear:both}
.information dl {margin:0;padding:0;}
.information dd {float:left;font-weight:bold;margin:0;padding:0 4px; padding-right:10px; border-right:1px solid #eee}
.information dd.last {border-right:0}
.information dt {float:left;font-weight:normal;margin:0;padding:0;display:block;padding-left:10px; }
.information dt.first { padding-left:0px;}
.date {float:right; font-size:11px;margin-top:4px; }
.location {float:right; font-size:11px; display:block; width:160px; text-align:left; margin-top:4px;}
/* Vacancy Detail Page */
/*---------------------------------------------------------------------------*/
#classification {padding:10px 12px;}
#classification dl {margin:0;padding:0;float:left; width:228px;padding-bottom:5px; }
#classification dl.c2 {width:182px;}
#classification dl.c3 {width:208px;}
#classification dt { float:left; background:url(/images/bullet_blue.gif) no-repeat 0px 4px; padding-left:12px; font-size:11px; color:#29548c; height:20px; }
#classification dd { font-size:11px; color:#29548c; 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;}
.respond {float:left;margin-top:12px;margin-left:12px; width:100px;}
.respond a {width:74px; height:24px; display:block;background: url(/images/but_respond.gif) no-repeat }
.respond a span {display:none}
.links { float:right;margin-top:12px;margin-right:12px; width:300px;}
.links ul { margin:0; padding:0}
.links ul li {float:right; list-style:none}
.links #btnSave a, .links #btnPrint a, .links #btnMail a {width:63px; height:22px; display:block; }
.links #btnSave a span, .links #btnPrint a span, .links #btnMail a span { display:none}
.links #btnSave a { background: url(/images/but_save.gif) no-repeat}
.links #btnPrint a { background: url(/images/but_print.gif) no-repeat}
.links #btnMail a { background: url(/images/but_email.gif) no-repeat}
/* My Jobs*/
.btn_remove { float:right;margin-top:20px;margin-right:12px;margin-left:12px;}
/* Paging Styles */
a.pg {color:#386e19}
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: #336b14; background-color: #eee; border: 1px solid #AAAAAA; width:200px;}
.dpTR { }
.dpTitleTR { }
.dpDayTR { }
.dpTodayButtonTR { }
.dpTD { cursor: pointer; }
.dpDayHighlightTD { background-color: #fff; border: 1px solid #336b14; 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: #336b14; font-weight: bold;text-align: center; }
.dpDayHighlight { color: #336b14; font-weight: bold; }
.dpButton, .dpTodayButton { font-size: 10px; color: #fff; background: #336b14; font-weight: bold; padding: 0px; }
.dpButton { padding: 0px;}
/* Message Styles */
.message { text-align: center; font-weight: bold; padding: 6px; 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:460px;padding:1px 0px;display:block; height:26px}
fieldset div.field input {padding:0px;margin:0px; padding:2px}
legend { font-weight:bold; color:#000; padding:6px;padding-bottom:6px;margin:0px; margin-left:-4px}
/* Details 5.0 */
.classification {text-align:left;font-weight:bold;padding:5px;border:1px solid #999;background:#EEE}
.classification th { font-weight:bold}
.classification td.c { font-weight:normal }
.reageer { background-color: #ffc779; text-align: center; padding: 10px; border: 1px solid #ea7f00;}
#content .reageer a{color:#333; font-weight:bold}
/* 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}
.rss {float:right}
.hideme {display:none}
#rss {float:right}
/* Recruiter table */
.vacancies { background-color:#CCCCCC}
.vacancies th { background-color:#DDDDDD; text-align:left; font-weight:bold}
.vacancies td { background-color:#FFFFFF}
/* Unsorted */
.addbasket, .add2basket {float:right}
.add2basket {padding-right:2px;; padding-top:6px;}
.divided {margin-top:-5px}
.guide {float:none;clear:both}
.rss {float:right}
#vacancies { display:block; clear:both; margin-top:4px;}
#vacancies .vacancy { display:block; float:none;margin-top:8px;}
#vacancies .vacancy h3 { display:block; padding:3px 0px;margin:0px; color:#000; font-size:16px;}
#content #vacancies .vacancy h3 a { color:#000; font-size:15px; text-decoration:none }
#content #vacancies .vacancy h3 a:hover, #content #vacancies .vacancy h3 a:active { background-color:#fae3c7}
#vacancies .vacancy h3.odd { }
#vacancies .vacancy .description {display:block;padding:3px 0px;; font-size:12px}
#vacancies .vacancy .information {display:block; height:16px;padding:3px 0px 8px; 0px; border-bottom: 1px solid #eee; margin-bottom:24px; font-size:11px}
dl {margin:0;padding:0;}
dd {float:left;margin:0;padding:0 4px; font-variant:normal}
dt {float:left;font-weight:normal;margin:0;padding:0}
.paging {margin-top:8px;margin-bottom:8px}
#rss {float:right}
.data {text-align:left;font-weight:bold;padding:10px;border:1px solid #CCC;background:#EFEFEF}
.data td.c {font-weight:normal}
#listing { background-color:#CCCCCC}
#listing th { font-weight:bold; text-align:left}
#listing td { background-color:#fff}
#listing td.alt { background-color:#eee}
.DatePicker {background:#EEE}
.DatePickerHdr {background:#ccc;color:#333}
.DatePickerHdrBtn {cursor:pointer}
.DatePickerBtn {cursor:pointer}
.DatePickerBtnSelect {color:#333;cursor:pointer;background:#ccc}
#header_tabs li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#header_tabs li:hover ul, #header_tabs li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
display: block;
width: 10em;
}
#nav li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
position: absolute;
background: orange;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}