/* === Formtastic =============================== */
fieldset.formtastic ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
fieldset.formtastic ol li {
    margin: 0 0 2px 0;
}
fieldset.formtastic ol li .left {
    float: left;
    width: 155px;
}
fieldset.formtastic ol li .right {
    float: left;
    width: 170px;
}
fieldset.formtastic ol li .form_row_left label, fieldset.formtastic ol li .form_row_right label {
    padding: 4px 3px 0 0;
}
fieldset.formtastic ol li input {
    margin: 0 0 2px !important;
}

/* === Portal Box =============================== */
#portal-box {
    background: url('/images/newstyle/portal_box_bg_wn.gif') no-repeat top right;
    height: 217px;
    padding: 15px 0;
    position: relative;
    width: 838px;
}
#portal-box .left {
    padding: 0 0 0 90px;
    width: 350px;
}
#portal-box .right {
    width: 250px;
}
#portal-box .right p {
    color: #fff;
    margin: 0;
    width: 235px;
}
#portal-box h1 {
    color: #fff;
    font-size: 24px;
    margin: 0 0 12px;
}
#portal-box .portal-box-buttons {
    bottom: 15px;
    height: 40px;
    position: absolute;
    width: 350px;
    z-index: 100;
}
#anonymous_element_1 {
    z-index: 101; // higher than z-index of .portal-box-buttons to put the autocomplete box on top of the 'Zoeken' button
}
#portal-box .portal-box-buttons .portal-button-box-extra {
    float: right;
    padding: 0 30px 0 0px;
}
#portal-box .portal-box-buttons .portal-button-box-extra a {
    color: #fff;
}
#portal-box ul.portal-box-bullets {
    list-style-type: disc;
    margin: 8px 0 0;
    padding: 0 0 0 16px;
}
#portal-box ul.portal-box-bullets li {
    color: #fff;
}
#portal-box #ac-options {
    left: 0px;
    margin: 0 0 0 1px;
    position: absolute;
    top: 20px;
    z-index: 150;
}
#portal-box #ac-options .ac_normal {
    margin: 0 0 1px;
    padding: 1px 3px;
}
#portal-box #content_home_person {
    height: 244px;
    position: absolute;
    left: 446px;
    top: 3px;
    width: 130px;
}
/* IE6 needs 2 separate divs, making sure image inherits right size */
#portal-box #content_home_person div {
    height: 244px;
    width: 130px;
}
#portal-box #content_home_person .content_home_person_1
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person1.gif) top left no-repeat;
}
#portal-box #content_home_person .content_home_person_2
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person2.gif) top left no-repeat;
}
#portal-box #content_home_person .content_home_person_3
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person3.gif) top left no-repeat;
}
#portal-box #content_home_person .content_home_person_4
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person4.gif) top left no-repeat;
}
#portal-box #content_home_person .content_home_person_5
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person5.gif) top left no-repeat;
}
#plaats_cv_button
{
    display: block;
    width: 166px;
    height: 40px;
    background: url('/images/newstyle/buttons/cvplaatsen.gif') no-repeat bottom left;
}
#plaats_cv_button:hover
{
    background:url('/images/newstyle/buttons/cvplaatsen_hvr.gif') no-repeat bottom left;
}
#plaats_vacature_button
{
    display: block;
    width: 186px;
    height: 40px;
    background: url('/images/newstyle/buttons/vacatureplaatsen.gif') no-repeat bottom left;
}
#plaats_vacature_button:hover
{
    background:url('/images/newstyle/buttons/vacatureplaatsen_hvr.gif') no-repeat bottom left;
}
#zoeken
{
    display: block;
    background:url(/images/newstyle/buttons/zoeken.gif) top left no-repeat;
    width: 116px;
    height: 40px;
}
#zoeken:hover
{
    background:url(/images/newstyle/buttons/zoeken_hover.gif) top left no-repeat;
}
/* === Formtastic markup for portal-box ========= */
#portal-box fieldset.formtastic ol li label {
    color: #fff;
    float: left;
    font-weight: bold;
}
#portal-box fieldset.formtastic ol li input.trefwoord {
    width: 314px;
}
#portal-box fieldset.formtastic ol li .form_row_left {
    float: left;
    width: 150px;
}
#portal-box fieldset.formtastic ol li .form_row_right {
    float: right;
    width: 216px;
}
#portal-box fieldset.formtastic ol li select.portal-box-select-wide {
    width: 322px;
}
#portal-box fieldset.formtastic ol li label.postcode_center {
    width: 66px;
}
#portal-box fieldset.formtastic ol li input.postcode_center {
    width: 60px;
}
#portal-box fieldset.formtastic ol li label.postcode_radius {
    float: left;
    width: 43px;
}
#portal-box fieldset.formtastic ol li select.postcode_radius {
    float: left;
    width: 121px;
}
#portal-box fieldset.formtastic ol li #snelzoeken {
    height: auto;
    z-index: 500;
    width: 340px;
}

/* === Portal Box - Werkgever =================== */
body.werkgevers #portal-box {
    background: url('/images/newstyle/portal_box_bg_wg.gif') no-repeat top right;
}
body.werkgevers #portal-box #content_home_person {
    left: 320px;
}
body.werkgevers #portal-box #content_home_person .content_home_person_1
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person6.gif) top left no-repeat;
}
body.werkgevers #portal-box #content_home_person .content_home_person_2
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person7.gif) top left no-repeat;
}
body.werkgevers #portal-box #content_home_person .content_home_person_3
{
    background:url(http://cms.nationalevacaturebank.nl/sites/default/files/content_home_person8.gif) top left no-repeat;
}
body.werkgevers #portal-box .left {
    padding: 0 0 0 90px;
    width: 260px;
}
body.werkgevers #portal-box .left p {
    color: #fff;
    width: 210px;
}
body.werkgevers #portal-box .left ul {
    width: 230px;
}
body.werkgevers #portal-box .right {
    width: 370px;
}

/* === Portal Box - Studenten =================== */
body.studenten #portal-box {
    background: url('/images/newstyle/portal_box_bg_bs.png') no-repeat top left;
    height: 233px;
    padding: 20px 0 0 0;
    width: 880px;
}
body.studenten #portal-box h1 {
    margin: 0 0 20px;
    text-align: center;
}
body.studenten #portal-box .portal-box-buttons {
    width: 320px;
}
body.studenten #portal-box .portal-button-box-extra {
    padding: 8px 0 0;
}
body.studenten #portal-box .left {
    padding: 0 0 0 60px;
    width: 322px;
}
body.studenten #portal-box .left p {
    color: #fff;
    width: 210px;
}
body.studenten #portal-box .right {
    padding: 0 50px 0 0;
    width: 322px;
}
body.studenten #portal-box fieldset.formtastic ol li {
    margin: 0 0 12px 0;
}
body.studenten #portal-box .portal-box-buttons {
    bottom: 20px;
}