/* EXTENDING STYLESHEET
 * ----------------------------------------------------------
 * Extend the layout.css core with youre own stylsheet 
 * only change the layout.css if you have permission.
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/*column*/
div.column_nobg{ width:803px; clear:both; margin-bottom:8px; background:url(none); }
div.dotted{ border-bottom: 1px dotted #a4cfe8; }

/* Home buttons
---------------------------------------------------------- */
a#home_kandidaten { display: block; text-indent: -9000px; float: left; background: transparent url(/design/images/layout/home-sprite.jpg); width: 266px; height: 51px; }
	a#home_kandidaten:hover { background-position: bottom left; }
a#home_werkgevers { display: block; text-indent: -9000px; float: left; background: transparent url(/design/images/layout/home-sprite.jpg); width: 266px; height: 51px; background-position: top right; }
	a#home_werkgevers:hover { background-position: bottom right; }

/* Formulieren
---------------------------------------------------------- */
form.vac{width:750px;}

form#vactures_adv,
form#vactures_simple { font: bold 12px Arial, Helvetica, sans-serif; color: #0163ac; margin-top: 15px; }

form#vactures_adv fieldset { float: left; width: 155px; }
    form#vactures_adv .statuut { width:120px; }
    form#vactures_adv .provincie { width:160px; }
    form#vactures_adv .regime { width:100px; }


form#vactures_adv div.entry{clear:both; overflow:hidden; margin-bottom:15px;}
form#vactures_adv div.entry button{height:30px; float:right; color:#FFF; background:url(../images/layout/niceform/button_submit.png) no-repeat 0 0;}

form#vactures_adv fieldset legend { margin-bottom: 3px; }

form#vactures_adv fieldset li,
form.vac fieldset li { line-height: 26px; }

form#vactures_adv fieldset li label,
form.vac fieldset li label {padding-left: 7px; }

form.vac fieldset li label { font-weight: bold; color: #0163ac; }

form#vactures_simple fieldset legend { margin-bottom: 8px; }
form#vactures_simple div.entry {overflow:hidden; margin-bottom:15px;}
    form#vactures_simple div.entry input{width:190px; padding:2px 3px 0; height:20px; border:1px solid #d2d2d2;}
    form#vactures_simple div.entry button {height:30px; float:right; color:#FFF; background:url(../images/layout/niceform/button_submit.png) no-repeat 0 0;}

form#vactures_simple span.error{display:block; clear:both; float:left; margin-top:5px; color:#e64040; padding-left:20px; background:url(../images/layout/niceform/error.png) no-repeat 0 0;}
form#vactures_simple span.info{display:block; clear:both; float:left; margin:5px 0px 5px 0px; padding-left:20px; background:url(../images/layout/niceform/information.png) no-repeat 0 0;}
form#vactures_simple div.errorMessage{border:1px solid #e6b0b0;background:#f6eaea url(../images/layout/niceform/error.png) no-repeat 5px 2px; padding:5px; padding-left:35px; color:#e64040; margin:0 0 35px;}

form#vactures_qty p.blauw {color: #0163ac; margin: 0px; padding: 0px 0px 15px; }
.blauw {color: #0163ac; margin: 0px; padding: 0px 0px 15px; }

.categorie {margin-left:445px}
.submit_vac {margin-right:346px}

/* flashMessage
-----------------------------------------------------------*/
div#content span.flashSuccess{ color:#fff; line-height:18px; display: block; margin-bottom: 15px; background: #99CC66 url(../images/layout/information.png) no-repeat 15px center; padding-top: 15px; padding-bottom: 15px; padding-left: 40px; }
div#content span.flashFail{ color:#fff; line-height:18px; display: block; margin-bottom: 15px; background: #FF6666 url(../images/layout/error.png) no-repeat 15px center; padding-top: 15px; padding-bottom: 15px; padding-left: 40px; }

/* Vacatures
---------------------------------------------------------- */
div#content .column .search_adv { float: left; width: 535px; border-right: 1px dotted #a4cfe8; padding-right: 15px; }
div#content .column .search_simple { width: 200px; position: absolute; left: 585px; }

div#content .column_nobg ul.vactures_list { color: #0163ac; }
    div#content .column_nobg ul.vactures_list li { background: #fff; padding: 10px 0px 10px 17px; clear: both; height: 75px; }
    div#content .column_nobg ul.vactures_list li.even { background: #f6faff; }

div#content .column_nobg ul.vactures_list li span { font-weight: bold; color: #fd8d42; float: left; }

div#content .column_nobg ul.vactures_list li dl { display: block; border-left: 2px solid #fe7010; margin: 0px 0px 0px 5px; padding-left: 5px; width: 700px; float: left; }
    div#content .column_nobg ul.vactures_list li dl dt span { text-transform: uppercase; color: #0163ac; width: 390px; display: block; }
    div#content .column_nobg ul.vactures_list li dl dd { clear: both; }
    div#content .column_nobg ul.vactures_list li dl dd.link { font-size: 11px; font-style: italic; background: transparent url(../images/layout/bullet_orange_arrow.gif) no-repeat left center; padding-left: 10px; }

/* Vacaturedetail
---------------------------------------------------------- */
div#content .column ul.tools  { margin: 0px 0px 25px; }
    div#content .column ul.tools li { display: inline; margin: 0px 10px 0px 0px; }
        div#content .column ul.tools li a { display: inline; text-decoration: none; padding: 3px 0px 3px 20px; }
        div#content .column ul.tools li a.printer { background: transparent url(../images/layout/printer.png) no-repeat left center; }
        div#content .column ul.tools li a.stuurdoor { background: transparent url(../images/layout/email_go.png) no-repeat left center; }
        div#content .column ul.tools li a.contacteerons { background: transparent url(../images/layout/email.png) no-repeat left center; }

div#content .column .vacaturelogo  { float: right; background: #FFFFFF; }
div#content .column .vac_details p  { color: black; margin: 0px 0px 20px; }

/* pagination
-----------------------------------------------------------*/
div.pagination ul { margin: 10px 0px 0px; }
    div.pagination ul li { display: inline; }
    div.pagination ul li.noFocus { color: #888; text-decoration: none; font-weight: bold; border: 1px solid #dedede; padding: 3px 5px; background: #fff; }
        div.pagination ul li.current { color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #9aafe5; padding: 3px 5px; background: #518ac0; }
        div.pagination ul li a { color: #0e509e; text-decoration: none; font-weight: bold; border: 1px solid #9aafe5; padding: 3px 5px; }
        div.pagination ul li a:hover { color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #9aafe5; padding: 3px 5px; background: #F6FAFF; }