/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2010 */

@font-face {
    font-family: 'Hagrid';
    src: url('/Content/fonts/komikap_-webfont.eot');
    src: local('☺'), url('/Content/fonts/komikap_-webfont.woff') format('woff'), url('/Content/fonts/komikap_-webfont.ttf') format('truetype'), url('/Content/fonts/komikap_-webfont.svg#webfontYhXU2Vec') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WhitneyBook';
    src: url('/Content/fonts/whitney-book-webfont.eot');
    src: local('☺'), url('/Content/fonts/whitney-book-webfont.woff') format('woff'), url('/Content/fonts/whitney-book-webfont.ttf') format('truetype'), url('/Content/fonts/whitney-book-webfont.svg#webfontSd2i6idU') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WhitneyMedium';
    src: url('/Content/fonts/whitney-medium-webfont.eot');
    src: local('☺'), url('/Content/fonts/whitney-medium-webfont.woff') format('woff'), url('/Content/fonts/whitney-medium-webfont.ttf') format('truetype'), url('/Content/fonts/whitney-medium-webfont.svg#webfontYQRdrA9i') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WhitneyBold';
    src: url('/Content/fonts/whitney-bold-webfont.eot');
    src: local('☺'), url('/Content/fonts/whitney-bold-webfont.woff') format('woff'), url('/Content/fonts/whitney-bold-webfont.ttf') format('truetype'), url('/Content/fonts/whitney-bold-webfont.svg#webfontzt6PbRjx') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'beehire';
    src: url('/Content/fonts/beehire.eot');
    src: url('/Content/fonts/beehire.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/beehire.woff') format('woff'), url('/Content/fonts/beehire.ttf') format('truetype'), url('/Content/fonts/beehire.svg#custom-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'topExemption';
    src: url('/Content/fonts/beehire.eot');
    src: url('/Content/fonts/topExemption.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/topExemption.woff') format('woff'), url('/Content/fonts/topExemption.ttf') format('truetype'), url('/Content/fonts/topExemption.svg#custom-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #333;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    background-color: #f7f7f7;
}

h1 {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    font-family: Open Sans, sans-serif;
    font-size-adjust: 0.8;
    font-size: 2em;
    line-height: normal;
}

    h1.pagename.smaller {
        font-size: 1.4em;
    }

h2 {
    color: #000;
    font-weight: normal;
    font-style: normal;
    font-family: 'WhitneyMedium', sans-serif;
    font-size-adjust: 0.48;
    font-size: 1.333em;
    line-height: normal;
}

h3 {
    color: #00566B;
    font-weight: bold;
    font-size: 1.333em;
    line-height: 1.2em;
    text-decoration: none;
}

h5 {
    color: #666;
    font-weight: normal;
    font-style: normal;
    font-family: 'WhitneyMedium', sans-serif;
    font-size-adjust: 0.48;
    font-size: 1.333em;
    line-height: normal;
}

h6 {
    color: #000;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1.333em;
    font-weight: bold;
}

#myselorcontent .item h6 {
    border-bottom-color: #333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #333;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 0.917em;
    font-weight: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#myselorcontent .pb_regio h6 {
    color: #333;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 0.917em;
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    margin: 0;
}

.diplomaitem h4 {
    color: #222;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
}

strong {
    /* color      :  #000;*/
    font-weight: bold;
}

a {
    color: #85357e;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

    a.active {
        color: #666;
        text-decoration: none;
    }

    a.button {
        color: #fff;
        text-decoration: none;
        font-size: 1.333em;
        text-align: center;
        text-transform: uppercase;
    }

input:focus, select:focus, textarea:focus,
input:focus-visible, select:focus-visible, textarea:focus-visible {
    border: 1px solid #337889;
    outline: none;
}

.cat,
.purple, .gray {
    color: #fff;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 0.833em;
    text-transform: uppercase;
}

    .gray .padding {
        text-transform: none;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }

#content .col_content .content .jobshort a.xsltsearch_subtitle {
    color: #333;
    font-weight: normal;
}

.newsdate,
.eventdate,
.lightgray,
#content .col_content .content a.lightgray {
    color: #999;
}

a.lightgray {
    text-decoration: none;
}

.tags {
    line-height: 150%;
}

.tag3x {
    text-decoration: none;
    font-size: 1.167em;
    font-weight: bold;
}

.tag2x {
    text-decoration: none;
    font-weight: bold;
}

.tag1x {
    text-decoration: none;
}

/*** TOP NAVIGATION ***/

#topnav {
    font-size: 0.833em;
    text-transform: uppercase;
}

    #topnav ul {
        line-height: 1em;
    }

        #topnav ul li a:hover {
            text-decoration: underline;
        }

#werkgevers {
    font-family: "Trebuchet MS",Helvetica,sans-serif;
}

    #werkgevers a {
        color: #fff;
        text-decoration: none;
    }

/*** END TOP NAVIGATION ***/

/*** NAVIGATION ***/
#nav ul li a:hover,
#nav ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active a {
    color: #85357e;
}

#nav ul li a,
#nav ul li.active ul li a {
    color: #666;
    font-size: 1.167em;
    text-decoration: none;
}

/*** END NAVIGATION ***/

/*** INTRO ***/
ul.breadcrumb li,
ul.breadcrumb li a,
ul#login li,
ul#login li a {
    color: #fff;
    font-size: 0.917em;
}

    ul.breadcrumb li a,
    ul#login li a {
        text-decoration: underline;
    }

        ul.breadcrumb li a:hover,
        ul#login li a:hover {
            text-decoration: none;
        }

#myselor a,
#myselor_nav a,
#myselor_nav,
#myselorbartop .item a {
    color: #fff;
    font-size: 0.917em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}

#myselorbartop .active a,
#myselorbarleft .active a span {
    color: #00579c;
}

#myselorbartop .item,
#myselor_nav,
#myselorbarleft .item {
    text-align: center;
}

    #myselorbartop .item a,
    #myselorbarleft .item a {
        text-decoration: none;
    }

    #myselorbartop .item .title {
        font-size: 30px;
    }

    #myselorbarleft .item a {
        color: #999;
        text-transform: uppercase;
        display: block;
        height: 114px;
    }

#jobbar h6 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

#jobbar .item .title {
    color: #fff;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 0.833em;
    text-transform: uppercase;
    text-align: center;
}

#jobbar .item .value {
    color: #fff;
    font-size: 0.917em;
    font-weight: bold;
    text-align: center;
}

#jobbar .item .places {
    font-size: 2.5em;
    line-height: 1em;
}

#jobbar .item .jobcode {
    font-size: 1.167em;
}

#currentjoboffers h6 {
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
}

#myselorbartop #currentjoboffers,
#currentjoboffers div {
    text-align: center;
}

#currentjoboffers span {
    color: #333;
}

    #currentjoboffers span.jobnumber {
        color: #582053;
        font-size: 2.5em;
    }

        #currentjoboffers span.jobnumber.smaller {
            font-size: 1.8em;
            padding-top: 5px;
        }

#jobsearch h6,
#jobsearch_small h6 {
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
}

#jobsearch_small h6 {
    text-align: center;
}

#jobsearch,
#jobsearch a,
#advancedsearch a,
#jobsearch_small a,
#jobsearch_small {
    color: #fff;
}

    #jobsearch a,
    #jobsearch_small a.search {
        font-size: 1.5em;
        text-transform: uppercase;
        text-decoration: none;
    }

#txt_jobsearch {
    color: #999;
    vertical-align: baseline;
}

/*** END INTRO ***/

/*** SLIDER ***/

#slider .slideritem .slidertitle,
#slider .slideritem .slidertitle a {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    font-family: 'Hagrid', sans-serif !important;
    font-size-adjust: 0.8;
    line-height: normal;
    text-decoration: none;
}

    #slider .slideritem .slidertitle h1 {
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'Hagrid', sans-serif;
        font-size-adjust: 0.8;
        font-size: 3em;
        line-height: normal;
    }

    #slider .slideritem .slidertitle h2 {
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'Hagrid', sans-serif;
        font-size-adjust: 0.8;
        font-size: 2.5em;
        line-height: normal;
    }

    #slider .slideritem .slidertitle h3 {
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'Hagrid', sans-serif;
        font-size-adjust: 0.8;
        font-size: 2em;
        line-height: normal;
    }

#content .col_content .content h3 a {
    color: #000;
    font-weight: bold;
    font-size: 1.333em;
    line-height: 1.2em;
    text-decoration: none;
}

    #content .col_content .content h3 a.xsltsearch_title {
        color: #85357e;
    }

#slider .slideritem .slidersubtitle1 {
    font-size: 3em;
}

    #slider .slideritem .slidersubtitle1,
    #slider .slideritem .slidersubtitle1 a,
    #slider .slideritem .slidersubtitle2,
    #slider .slideritem .slidersubtitle2 a {
        color: #000;
        text-decoration: none;
    }

#slider .slideritem .slidersubtitle2 {
    font-size: 2em;
}

#slider .slideritem .slidersubtitle1,
#slider .slideritem .slidersubtitle2 {
    text-align: right;
}

#slider .slidernav a {
    color: #ccc;
    font-size: 1.333em;
    text-decoration: none;
}

/*** END SLIDER ***/

/*** CONTENT ***/

#content h5 {
    color: #000;
}

p.nomargin {
    margin: 0px;
}

.purpleTitle,
p.purpleTitle,
h5.purpleTitle {
    color: #84357e;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#content .block .news .item h2.title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-top: 2px;
}

#content .block .news .item a {
    color: #333;
    text-decoration: none;
}

#content .block .news .item h2.title a:hover {
    text-decoration: underline;
}

#content #sidebar {
    color: #666;
}

#content .block_content div a,
#content .col_content .content a {
    color: #00579c;
}

#content .tags a:hover {
    text-decoration: none;
}

#content .col #myselorcontent {
    text-align: left;
}

/*** COLS ***/
#content .col {
    text-align: justify;
}

#content .tags {
    text-align: left;
}

#content .col .xsltsearch_result {
    text-align: left;
}

/*#content .col_content .content a.readmore
  {
    color      :  #85357e;
    text-decoration    :  underline;
  }

   #content .col_content .content a.readmore:hover {
	text-decoration:none;
}*/

#content .col_content .content a.disabled {
    color: #666;
    text-decoration: none;
}

#content .two_cols p {
    text-align: left;
}

/*** END COLS ***/

/*** SEARCH ***/
#searchterm {
    color: #666;
    font-size: 1.5em;
}

    #searchterm span {
        color: #000;
    }

/*** END SEARCH ***/

/*** JOBSEARCH ***/
#jobsexpected h4 {
    color: #fff;
    font-size: 1.333em;
    font-weight: bold;
}

#jobs_search_result .button,
#content #jobs_search_result .button a,
#job_detail .button,
#content .overzicht .button,
#content .overzicht .button a,
#content #job_detail .button a,
#content #registerForm .button,
#content #registerForm #registerButtons .button a,
#content #loginForm .button,
#content #loginForm #loginButtons .button a, #content #loginForm .loginButtons .button a,
#content .poll .button,
#content .col_content .content a.button,
#content #myselorcontent #saveButtonsBottom .button,
#content #myselorcontent #saveButtonsBottom .button a,
#content #myselorcontent #saveButtonsTop .button,
#content #myselorcontent #saveButtonsTop .button a,
#content #myselorcontent .button.basicaction,
#content #myselorcontent .button.basicaction a,
#content #apply .button,
#content #apply .button a, #content #apply .purplebuttonbig a,
#facebox .content .button,
#facebox .content .button a,
#content #newsletter .button,
#content #newsletter .button a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
}

#content #apply .purplebuttonbig {
    text-align: center;
}

.overzicht .button a {
    line-height: normal;
}
/*.overzicht a {line-height:2.2em;}*/
#content .job_detail_item h5 {
    color: #666;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 1.167em;
    text-transform: uppercase;
}

#content .job_detail_item h1 {
    color: #000;
    font-weight: normal;
    font-style: normal;
    font-family: 'WhitneyBold', sans-serif;
    font-size: 1.2em;
    line-height: normal;
}

.job_detail_item .close,
.job_detail_item .open,
#openall,
#closeall {
    color: #333;
}

/*** END JOBSEARCH ***/

/*** INFO ***/

#info strong {
    color: #666;
}

#info .block p,
#info .block a {
    color: #666;
}

/*** END INFO ***/

/*** EMPLOYER ***/

/*#werkgevers a:hover
{
  text-decoration    :  underline;
}*/

#employerselect h6 {
    margin-bottom: 10px;
}

#employerselect span {
    text-transform: uppercase;
}

#employerspotlight p {
    text-align: left;
}

#employerselect .employer .btngray,
#employerselect .employer .btnblack a {
    font-size: 1.187em;
}

    #employerselect .employer .btngray,
    #employerselect .employer .btngray a,
    #employerselect .employer .btnblack,
    #employerselect .employer .btnblack a {
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

/*** END EMPLOYER ***/

/*** END CONTENT ***/

/*** FOOTER ***/
#footer strong {
    color: #666;
}

#footer ul li {
    line-height: 1.167em;
}

    #footer ul li a,
    #footer ul li {
        color: #666;
    }

/*** FONTS ***/

.KomikaParch {
    font-weight: normal;
    font-style: normal;
    font-family: 'Hagrid', sans-serif;
    font-size-adjust: 0.8;
    line-height: normal;
}

.Whitney-Book {
    font-weight: normal;
    font-style: normal;
    font-family: 'WhitneyBook', sans-serif;
    font-size-adjust: 0.48;
    line-height: normal;
}

.Whitney-Medium {
    font-weight: normal;
    font-style: normal;
    font-family: 'WhitneyMedium', sans-serif;
    font-size-adjust: 0.48;
    line-height: normal;
}

.Whitney-Bold {
    font-weight: normal;
    font-style: normal;
    font-family: 'WhitneyBold', sans-serif;
    font-size-adjust: 0.5;
    line-height: normal;
}

#jobsearch_error {
    color: #ed1c24;
}

.paging a {
    text-decoration: none;
}

#content .col_content .content a.xsltsearch_subtitle {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.purpletext,
span.purpletext,
strong.purpletext,
span.purpletext strong {
    color: #85357e;
}

#content #registerForm #registerButtons,
#content #registerForm #registerButtons a,
#content #loginForm #loginButtons,
#content #loginForm #loginButtons a,
#content #loginForm .loginButtons,
#content #loginForm .loginButtons a,
#content #myselorcontent #saveButtonsBottom,
#content #myselorcontent #saveButtonsBottom a,
#content #myselorcontent #saveButtonsTop,
#content #myselorcontent #saveButtonsTop a,
#content #myselorcontent .actionbuttons,
#content #myselorcontent .actionbuttons a,
#content #myselorcontent .messagebuttons,
#content #myselorcontent .messagebuttons a {
    color: #999;
    text-decoration: none;
}

.print a {
    color: #999;
    text-decoration: underline;
}

#registerForm,
#loginForm,
#myselorcontent {
    color: #666;
}

    #newsletter label,
    #registerForm label,
    #loginForm label,
    #myselorcontent label,
    .overzicht thead, .list thead /*tog*/ {
        font-family: "Trebuchet MS", Helvetica,sans-serif;
        font-size: 0.833em;
        text-transform: uppercase;
        color: #666666;
    }

.textbox,
.ddl, textarea {
    color: #666;
}

#myselorcontent .driverspermit label,
#myselorcontent .handicap label {
    font-size: 1em;
    text-transform: none;
}

.lightgray {
    color: #ccc;
}

#myselorcontent .gray {
    color: #333;
    font-size: 1em;
}

#myselorcontent h5 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: none;
}

#myselorcontent .gray p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 0.917em;
    text-transform: none;
}

.diplomaAchieved label {
    text-transform: none;
}

.blackbuttonsmall,
.blackbutton {
    text-align: center;
}

#content .col_content .content .blackbutton a,
#content .col_content .content .blackbuttonsmall a,
#content #myselorcontent .blackbutton a,
#content #myselorcontent .actionbuttons .blackbutton a {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#content #myselorcontent .actionbuttons,
#content #myselorcontent .blackbutton,
#content #myselorcontent .blackbuttonsmall {
    text-transform: none;
}

.fileitem {
    color: #000;
    font-size: 1.167em;
}

    .fileitem div {
        font-size: 0.833em;
    }

#myselorcontent .infolabelcontent {
    text-transform: none;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.codehint {
    color: #999999;
    font-size: 0.9em;
}
/*table - overzicht*/
table.overzicht td, table.list td {
    font-size: 0.9em;
}

.new {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.small {
    font-size: 0.917em;
}

p {
    word-wrap: break-word;
}

textarea {
    font-family: "Open Sans", Arial,Helvetica,sans-serif;
}

.charCounter {
    font-size: 80%;
    float: right;
    color: #666;
}

#jobs_search_result .button, #content #jobs_search_result .button a, #job_detail .button, #content .overzicht .button, #content .overzicht .button a, #content #job_detail .button a, #content #registerForm .button, #content #registerForm #registerButtons .button a, #content #loginForm .button, #content #loginForm #loginButtons .button a, #content #loginForm .loginButtons .button a, #content .poll .button, #content .col_content .content a.button, #content #myselorcontent #saveButtonsBottom .button, #content #myselorcontent #saveButtonsBottom .button a, #content #myselorcontent #saveButtonsTop .button, #content #myselorcontent #saveButtonsTop .button a, #content #myselorcontent .button.basicaction, #content #myselorcontent .button.basicaction a, #content #apply .button, #content #apply .button a, #content #apply .purplebuttonbig a, #facebox .content .button, #facebox .content .button a, #content #newsletter .button, #content #newsletter .button a {
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.blackbutton a {
    color: white;
    text-decoration: none;
    font-family: 'WhitneyBold';
    font-size: 1.2em;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
    #nav div.wrapper {
        position: relative;
    }

        #nav div.wrapper #search {
            position: absolute;
            top: 9px;
            right: 0;
        }
}

/*============================================================================================
 CLIENT RECRUITEMENTS CSS
============================================================================================*/

/*============================================================================================
  RESET - HTML5 READY
============================================================================================*/

/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*============================================================================================
  FONT NORMALISATION
============================================================================================*/

/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
Please refer to developer.yahoo.com/yui/Content/fonts/ for font sizing percentages
*/
body {
    font: 13px/1.4 sans-serif;
    *font-size: small;
    *font: x-small;
    line-height: 1.4;
    background-color: #f7f7f7;
}


table {
    font-size: inherit;
    font: 100%;
}

select, input, textarea {
    font-size: 99%;
}

pre, code {
    *font-size: 100%;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/*============================================================================================
  CLEARFIX 2011
============================================================================================*/
/* For modern browsers */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

/*============================================================================================
  TYPO
============================================================================================*/

/*
FONTSIZE CONVERSION
13/100 fontsize px x 100 / 13

08  >  61.5                    19 > 146.2
09  >  69.2                    20 > 153.8
10  >  76.9                    21 > 161.5
11  >  84.6                    22 > 169.2
12  >  92.3                    23 > 177
13  >  100
14  >  107.7
15  >  115.4
16  >  123
17  >  130.7
18  >  138.5

*/

body *, body {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #333;
}

h1 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

h2, h3, h4, h5 {
    font-family: "WhitneyMedium", Arial, Helvetica, sans-serif !important;
}

h1 {
    font-size: 200%;
    color: #fff !important;
}

h2 {
    font-size: 161.5%;
}

h3 {
    font-size: 138.5%;
}

h4 {
    font-size: 123%;
}

h5 {
    font-size: 107.7%;
}

h6 {
    font-size: 103.5%;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}

#myselorcontentblock h1 {
    position: absolute;
    top: -55px;
    left: 40px;
    font-size: 125%;
    font-weight: 700;
    letter-spacing: 1px;
}

h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #00566B;
}

.formField ul li h2,
.formField ul li h3,
.formField ul li h4,
.formField ul li h5,
.formField ul li h6 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

h1 strong,
#title h1 strong {
    display: block;
    padding-top: 3px;
    font-size: 58.1%;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    color: #fff !important;
}

#title h1, #title h2 {
    padding-bottom: 0;
    margin-bottom: 5px;
    color: #fff !important;
}

.ui-dialog .ui-dialog-title {
    color: #333333 !important;
    font-weight: bold;
    font-size: 161.5%;
    text-decoration: none;
}

fieldset h3 {
    font-size: 115.4%;
    margin-bottom: 5px;
}

h3 a {
    vertical-align: middle;
    color: #00566B;
}

.profileBox h3,
.profileBox h4 {
    margin-bottom: 0;
    padding: 0;
}

.profileBox h4 {
    font-size: 100%;
}

#info h5, #info h6 {
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}

p, td, li {
    margin-bottom: 10px;
}

td, li, div.description p {
    margin-bottom: 0;
}

p + h2, p + h3, p + h4, p + h5, p + h6 {
    padding-top: 15px;
}

em, strong {
    font-style: normal;
}

label em {
    padding-left: 10px;
    font-size: 92.3%;
    font-style: italic;
    color: #666;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#bigcolumn, input, select, textarea, button,
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 100% !important;
    accent-color: #00566B;
}

label {
    font-style: normal;
    color: #333;
    padding-bottom: 3px;
    text-align: left;
}

input[type="text"][disabled], input[disabled='disabled'] {
    color: #333;
}

strong {
    font-weight: bold;
    font-size: inherit;
}

span {
    font-size: inherit;
}

a:link {
    color: #00566B;
}

a:visited {
    color: #00566B;
}

a:hover {
    color: #333;
    background: none;
}

p a:link, td a:link, #content li a {
    text-decoration: underline;
}

    p a:hover, td a:hover, #content li a:hover {
        text-decoration: none;
    }

button .button {
    cursor: pointer;
}

.content ol, .content ul, #content .content ol, #content .content ul {
    margin-bottom: 20px;
    list-style: none;
}

.content ol, #content ol {
    list-style: decimal outside;
    padding-left: 2%;
}

    .content ol li, #content ol li {
        padding-left: 0;
    }

/*----------------------------------------------
  FOCUS
----------------------------------------------*/
/*a:focus, #contentwrapper input:focus, select:focus, textarea:focus {
    outline: none !important;
    background-color: #f5e9f4;
}*/

#myselorcontentblock a:focus, #myselorcontentblock a.button:focus, #nav a:focus, #topnav a:focus, #mainNav a:focus, ul.mySelorNavList li a:focus, #info a:focus, #footer a:focus {
    outline: none;
    border: none;
    background-color: #DCE9EC;
}

ul.mySelorNavList li a:focus {
    border-width: 1px;
}

#mainNav a:focus, #topnav a:focus, #myselorbarleft a:focus,
#loginButtons input:focus {
    color: #00566B;
}

#mijn_selor a:focus, #werkgevers a:focus {
    outline: none;
    border: none;
    color: #333;
    background-color: #d8e3ec !important;
}

#myselor a:focus {
    background-color: transparent !important;
}

#login a:focus {
    background-color: #b5d9da !important;
}

table th, table td, table th div span, table td a {
    word-wrap: break-word !important;
}

/*----------------------------------------------
  OVERRULING COLORS GENERAL FONT.CSS
----------------------------------------------*/
#content .col {
    text-align: left;
}

a, #content .col_content .content h3 a.xsltsearch_title, #nav ul li a:hover, #nav ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a, #content .col_content .content a.readmore, .purpletext, span.purpletext, strong.purpletext, span.purpletext strong, .ui-widget-content td a {
    color: #00566B;
}

/*a:focus,*/ /*input:focus, select:focus, textarea:focus {
    outline: 2px solid #a20075;
}*/

#myselorbartop .active a, #content .block_content div a, #content .col_content .content a {
    color: #00566B;
    text-decoration: underline;
}

    #myselorbartop .active a:hover, #content .block_content div a:hover, #content .col_content .content a:hover {
        color: #333;
        text-decoration: none;
    }

/*============================================================================================
  SHOW - HIDE - CLEAR - FLOAT - MARGIN _ PADDING
============================================================================================*/

#contentwrapper .clear {
    clear: both;
    height: 0px;
}

/*TABLES*/
#contentwrapper div.top .clear {
    clear: none !important;
    display: none !important;
    height: 0px;
}

#contentwrapper .hide {
    display: none;
}

#contentwrapper .show {
    display: block;
}

.floatLeft, .image_float_left {
    float: left;
    margin-right: 10px;
}

.floatRight, .image_float_right {
    float: right;
    margin-left: 10px;
}

.image_float_left, .image_float_right {
    margin: 0;
}

.image_float_left {
    padding: 20px 20px 20px 0;
}

.image_float_right {
    padding: 20px 0 20px 20px;
}

.display-item {
    display: block;
    font-weight: bold;
    padding: 3px 0;
}

.inset-item, #myselorcontentblock .inset-item {
    padding-left: 25px;
}

.border-top {
    border-top: 1px solid #ccc;
}

#content .borderBottom {
    margin-bottom: 10px;
    /*padding-bottom:10px;*/
    border-bottom: 1px solid #D4D4D4 !important;
}

#content .nomargin {
    margin: 0px;
}

#content .marginLeft {
    margin-left: 20px;
}

#content .marginTop {
    margin-top: 20px;
}

#preview .marginBottom,
#content .marginBottom {
    margin-bottom: 20px;
}

#content .txtCenter {
    text-align: center;
}

#content .blockItem {
    display: block;
}

/*----------------------------------------------
  PUNISH FOR OLD/NON SEMANTIC TAG
----------------------------------------------*/
u {
    text-decoration: none;
}

/*============================================================================================
  MAIN STRUCTURE
============================================================================================*/

.wrapper, body .wrapper, body div.wrapper, #mijn_selor.wrapper, #content .wrapper {
    min-width: 960px !important;
    max-width: 1250px !important;
    padding: 0;
    margin: 0 auto;
}

div#contentwrapper {
    width: 100%;
    background-color: #f7f7f7;
}

#content {
    display: flex;
    max-width: 1250px !important;
    min-width: 960px !important;
    margin: 0 auto;
}

    #content #sidebar {
        width: 34%;
        float: left;
    }

#myselorbarleft {
    z-index: 999 !important;
    width: 190px;
}

div#myselorcontentblock {
    width:100%
}

div.mvc {
    position: relative;
    width: 100%;
    padding: 0 0 6px 7px;
    /*SCOPE HEIGHT OF MIDCOLUMN & RIGHTCOLUMN*/
    float: left;
}

/*============================================================================================
  MAIN BOX - CONTENT - BLOCKS - LIQUID
============================================================================================*/

#content .block220,
#content .block300,
#content .block460,
#content .col {
    float: left;
    padding-right: 8px;
}

#content .block220 {
    width: 21%;
}

#content #sidebar .block220 {
    width: 98%;
}

#content .block300 {
    width: 32%;
}

#content .block460 {
    width: 45%;
}

#content .block460 {
    width: 45%;
}

#content .col {
    width: 65%;
}

#content .content540 {
    width: 64.5%;
}

#content .block_wrapper,
#content .col_wrapper {
    padding-left: 7px;
    padding-bottom: 6px;
}

#content #list .col_wrapper {
    margin-bottom: 20px;
}

#content .block_subwrapper,
#content .col_subwrapper {
    padding-right: 0;
    background: none;
}

#content .block_content,
#content .col_content {
    overflow: hidden;
    padding: 20px;
    background-color: #FFFFFF;
}

    #content .block_content div {
        width: 78%;
        float: left;
    }

#content .block300 .block_content div {
    width: 70%;
}

#splash #content .block_content div, #content .block_content div div {
    width: 100%;
}

#content .block_bottom,
#content .col_bottom {
    background: none;
    display: none;
}

/* #OVERVIEW OVERRULES .COL > .COL WRONGLY USED IN OVERVIEWPAGE */

#content #overview {
    float: left;
    padding-right: 0;
    background: none;
}

    #content #overview .col_wrapper {
        padding-bottom: 2px;
        padding-right: 8px;
    }

    #content #overview .col_subwrapper {
        padding-bottom: 6px;
        padding-left: 7px;
    }

/*============================================================================================
  LANGUAGE SPLASH
============================================================================================*/

#splash #content {
    background-color: #f3f3f3;
}

    #splash #content .block .block_content {
        padding: 20px;
    }

        #splash #content .block .block_content div {
            height: 260px;
            float: none;
        }

#splash a.button {
    display: block;
    height: 29px;
    margin: 0 auto;
    padding: 7px 15px 0 0 !important;
    width: 125px;
    background: url(/Content/images/img-candidate/splash_button.png) no-repeat top left;
    color: #ffffff;
    font-size: 1.333em;
}

/*============================================================================================
  TOPNAV - SERVICE NAV
============================================================================================*/

#topnav {
    background-color: #fff;
    border-top: 2px solid #009DA2;
    height: 38px;
}

    #topnav ul, #topnav #werkgevers {
        float: right;
    }

    #topnav ul {
        height: 19px;
        margin: 8px 5px 0 0;
        list-style: none;
    }

        #topnav ul li {
            float: left;
            margin-left: 4px;
            padding-left: 4px;
            border-left: 1px solid #666;
        }

            #topnav ul li.first {
                margin-left: 0;
                padding-left: 0;
                border-left: none;
            }

#werkgevers {
    height: 22px;
    padding-left: 32px;
    padding-top: 5px;
    width: 88px;
    background: #fff url(/Content/images/img-candidate/bg_werkgevers-turquoise.png) no-repeat left top;
}

/*============================================================================================
  NAV
============================================================================================*/
#nav {
    background-color: #fff;
    height: 55px;
}

    #nav div.wrapper {
        position: relative;
    }

    #nav ul {
        float: left;
        margin: 10px 0 0 5px;
        position: relative;
        z-index: 1010;
        width: 570px;
        list-style-type: none;
    }

        #nav ul li {
            float: left;
            margin-left: 14px;
            padding-bottom: 27px;
        }

        #nav ul.subnav {
            display: none;
            min-width: 100px;
            width: auto;
        }

        #nav ul.active {
            display: block;
            margin: 26px 0 0 -20px;
            margin: 29px 0 0 -20px;
            padding: 0px;
            position: absolute;
            border: 1px solid #cfcfcf;
            border-width: 0 1px 1px;
            background-color: #fff;
        }

            #nav ul.active li {
                display: block;
                float: none;
                margin: 0px;
                padding: 15px 15px 10px;
                border-top: 1px dotted #cfcfcf;
            }

                #nav ul.active li.first {
                    border-top-width: 0px;
                    border-top-style: none;
                }

#logo {
    float: left;
    padding-top: 9px;
}

#nav #search {
    position: absolute;
    top: 9px;
    right: 0;
}

#txt_search, #ddl_search {
    display: block;
    float: left;
    margin-right: 3px;
    vertical-align: top;
    border: 1px solid #6a6a6a;
    background-color: #f5f5f5;
}

#txt_search {
    height: 18px;
    width: 110px;
}

#ddl_search {
    height: 22px;
}

/*============================================================================================
  MAIN BOX - INTRO 155 - 315 - ....
============================================================================================*/
#intro_410 {
    height: 410px;
    background: #000 url(/Content/images/img-candidate/bg_intro_410-turquoise.jpg) repeat-x top left;
}

    #intro_410.experienceintro {
        height: 320px;
    }

#intro_315 {
    height: 315px;
    background: #000 url(/Content/images/img-candidate/bg_intro_315-turquoise.jpg) repeat-x top left;
}

    #intro_315.experienceintro {
        height: 320px;
    }

/*RESIZED HEIGHT TO 100PX */
#intro_155 {
    background: linear-gradient(45deg, #00566B, #158C7C);
}

    #intro_155 .wrapper {
        height: 81px;
    }

    #intro_155 h1 {
        clear: both;
        margin-left: 2px;
        position: relative;
        top: -92px;
        width: 90%;
    }

#intro_250 {
    height: 250px;
    background: #000 url(/Content/images/img-candidate/bg_intro_250.jpg) repeat-x top left;
}

#intro_155 #topmenuitems h1 {
    top: 0;
    position: relative;
    padding: 40px 0 0 0;
}

#intro_250 h1 {
    clear: both;
    height: 158px;
    margin-left: 2px;
    position: relative;
    top: -70px;
    width: 100%;
}

/*============================================================================================
  HEADER
============================================================================================*/

/*PROVIDE 10px TOP SPACE FOR BREADCRUMB*/
form#contentform, form#loginForm {
    margin-top: 15px;
}

ul.breadcrumb {
    float: left;
    list-style-type: none;
    position: relative;
    z-index: 50;
    overflow: hidden;
    position: absolute;
    bottom: -20px;
    /*Niet aangemeld*/
    left: 25px;
}

#mijn_selor ul.breadcrumb {
    /*Aangemeld*/
    left: 200px;
}

div.errorPage ul.breadcrumb {
    bottom: -25px;
}

ul.breadcrumb li {
    float: left;
    padding-right: 7px;
    color: #444;
}

    ul.breadcrumb li a {
        /**/
        color: #00566B;
        text-decoration: underline;
    }

        ul.breadcrumb li a:hover {
            text-decoration: none;
        }

div#login {
    width: 100%;
    background-color: #00566B;
}

ul#login {
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    min-width: 960px !important;
    max-width: 1250px !important;
    padding: 0;
    margin: 0 auto;
    height: 27px;
    align-items: center;
}

    ul#login li {
        margin-left: 5px;
    }

/*ul#login {
    float: right;
    list-style-type: none;
    margin-left: -100px;
    padding-top: 1px;
    position: relative;
    z-index: 52;
}

div.errorPage ul#login {
    float: none;
    margin-left: 0;
    padding-top: 5px;
    position: absolute;
    z-index: 52;
    right: 140px;
}

ul#login li {
    display: block;
    float: left;
    margin-left: 5px;
}*/

/*============================================================================================
  INTRO - MYSELOR
============================================================================================*/

#myselor {
    float: right;
    position: relative;
    z-index: 53;
    margin-right: -10px;
    margin-top: 0 !important;
    margin-right: 0; /*prevent scroll*/
}

div.errorPage #myselor {
    float: none;
    position: absolute;
    right: -10px;
    margin-right: 0;
}

#myselor a {
    display: block;
    height: 50px;
    padding-top: 70px;
    width: 116px;
    background: url(/Content/images/img-candidate/my_selor-purple.png) no-repeat 0 50% !important;
}

/*--------------------------------------------------------------------------------------------
  MYSELORBARTOP NAV
--------------------------------------------------------------------------------------------*/
#myselorbartop {
    height: 100%;
    display: flex;
    align-items: center;
}

    #myselorbartop img {
        width: 160px;
    }

#topmenuitems {
    width: auto;
    float: left;
    margin-left: 20px;
}

div#contentwrapper #myselorbartop #topmenuitems .item {
    float: left;
    height: 110px;
    padding: 8px;
    width: 92px;
    background: url(/Content/images/img-candidate/mijn_selor_bar_item.png) no-repeat top left;
    color: #fff;
}

div#contentwrapper #mijn_selor #myselorbartop .active {
    background-image: url(/Content/images/img-candidate/mijn_selor_bar_active.jpg);
    margin-right: 1px;
}

    div#contentwrapper #mijn_selor #myselorbartop .active a {
        text-decoration: none;
    }

#myselorbartop .item span {
    display: block;
}

#myselorbartop .item .title {
    padding-top: 15px;
    padding-bottom: 10px;
}

#intro_155 #myselorbartop h1 {
    width: auto;
}

/*--------------------------------------------------------------------------------------------
  SLIDER
--------------------------------------------------------------------------------------------*/

#slider {
    clear: both;
    margin-top: -20px;
    position: relative;
    top: -133px;
    z-index: 1;
}

div.errorPage #slider {
    top: -12px;
    margin-top: 0;
}

body#home #slider {
    margin: -20px auto 0;
}

#slider #sliderwrapper {
    width: 10000px;
}

div.errorPage #slider #sliderwrapper {
    width: 100%;
}

#slider li {
    float: left;
    height: 320px;
    padding-right: 110px;
    width: 830px;
}

#slider .slidertext {
    float: left;
    height: 320px;
    width: 680px;
}

#home #slider .sliderimage {
    float: right;
    height: 320px;
    margin-left: -220px;
}

#slider .sliderimage {
    float: left;
    height: 320px;
    margin-left: -190px;
}

    #slider .sliderimage a {
        display: block;
        height: 320px;
    }

#slider .slideritem .slidertitle {
    margin: 60px 0 0 50px;
    width: 480px;
}

#slider .slidersubtitle2 {
    background: url(/Content/images/img-candidate/bg_slide_subtitle.png) repeat-x top left;
}

#slider .slidersubtitle1, #slider .slidersubtitle2 {
    background-color: #fff;
    bottom: 0px;
    display: inline;
    float: right;
    margin-left: 50px;
    padding: 10px 200px 10px 10px;
}

#slider .slidersubtitle2 {
    padding: 5px 0;
    padding: 10px 200px 10px 10px;
}

#slider ul, #slider ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.errorPage #slider .slidertitle h2 {
    font-size: 2.0em;
    text-align: right;
}

#nextBtn a, #slider1next a,
#prevBtn a, #slider1prev a {
    background: url(/Content/images/img-candidate/slider_prev_btn.jpg) no-repeat scroll 0 0 transparent;
    display: block;
    height: 77px;
    position: relative;
    width: 30px;
}

#nextBtn a, #slider1next a {
    background: url(/Content/images/img-candidate/slider_next_btn.jpg) no-repeat scroll 0 0 transparent;
}

#prevBtn, #nextBtn, #slider1next, #slider1prev {
    display: block;
    height: 27px;
    position: absolute;
    top: 205px; /*300px;*/
    width: 25px;
    z-index: 1000;
}

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
}

#nextBtn, #slider1next {
    right: 0;
}

/*============================================================================================
  NAV MYSELORBARLEFT
============================================================================================*/

#myselorbarleft .first {
    background: url(/Content/images/img-candidate/bg_selorbar_left_first_werkgevers.png) no-repeat 0 0 !important;
}

#myselorbarleft .item {
    cursor: pointer;
    height: 114px;
    width: 140px;
    border: 1px solid #cecece;
    border-width: 0 1px 1px;
    background: url(/Content/images/img-candidate/bg_selorbar_left.jpg) no-repeat top left;
}

#myselorbarleft .first {
    background-image: url(/Content/images/img-candidate/bg_selorbar_left_first.jpg);
}

#myselorbarleft .active {
    border: 1px solid #a20075;
}

    #myselorbarleft .active a, #myselorbarleft .active a span {
        color: #00566B;
    }

#myselorbarleft .item span {
    display: block;
    padding: 0 10px;
    width: 120px;
}

    #myselorbarleft .item span.descr {
        margin-top: 5px;
    }

#myselorbarleft .item a img {
    margin-top: 20px;
}

#myselorbarleft .first a img {
    margin-top: 22px;
}

#myselorbarleft .item span.descr, #myselorbarleft .item span.descr2 {
    cursor: pointer;
    line-height: 1.1em;
}

/*============================================================================================
  MYSELORNAV
============================================================================================*/

#content ul.mySelorNavList li {
    border-top: 3px solid #f7f7f7;
    border-bottom: 3px solid #f7f7f7;
    background-color: #DCE9EC;
}

#content ul.mySelorNavList {
    list-style-type: none;
}

    #content ul.mySelorNavList ul,
    #content ul.mySelorNavList ul ul {
        list-style-type: none;
    }

    #content ul.mySelorNavList li a,
    #content ul.mySelorNavList li strong {
        word-wrap: break-word;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        display: block;
    }

    #content ul.mySelorNavList li strong {
        padding: 6px 28px 6px 10px;
        background: transparent url(/Content/images/img-client/icons/nav_sprite.png) no-repeat right 7px;
        color: #00566B
    }

    #content ul.mySelorNavList li a {
        padding: 6px 10px;
    }

    #content ul.mySelorNavList li.mySelorSubNavList ul li {
        background-color: #FFF;
        border: 0;
        width: 190px;
    }

    #content ul.mySelorNavList li.mySelorSubNavList ul li a {
        background: none;
    }

    #content ul.mySelorNavList ul,
    #content ul.mySelorNavList ul ul {
        display: none;
    }

    #content ul.mySelorNavList li:hover ul,
    #content ul.mySelorNavList li.current ul {
        display: block;
    }

    #content ul.mySelorNavList li.current ul li.current a {
        font-weight: 700;
        color: #09181B;
    }

    div.mySelorNavBox {
        width: 190px;
    }

/*#content ul.mySelorNavList {
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
    background: #fff url("/Content/images/img-client/arrowDown_mySelor.png") no-repeat 49px -12px;
}

    #content ul.mySelorNavList li {
        position: relative;
        z-index: 99;
        width: auto;
        margin: -1px 0 0;
        padding: 0;
        border-top: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        background-color: #DCE9EC;
    }

        #content ul.mySelorNavList li li {
            background-image: none;
        }

    #content ul.mySelorNavList ul,
    #content ul.mySelorNavList ul ul {
        overflow: hidden;
        padding-left: 10px;
        padding-bottom: 10px;
        margin-bottom: -1px;
        border: 1px solid #cecece;
        border-width: 0 0 1px;
        display: none;
    }

        #content ul.mySelorNavList ul li,
        #content ul.mySelorNavList ul ul li {
            border: none;
        }

    #content ul.mySelorNavList li:hover {
        z-index: 100;
    }

        #content ul.mySelorNavList li:hover ul,
        #content ul.mySelorNavList li.current ul {
            display: block !important;
        }

    #content ul.mySelorNavList li.current {
        color: #fff !important;
        background: none;
        background-color: #a20075;
        border-color: #a20075;
    }

    #content ul.mySelorNavList,
    #content ul.mySelorNavList ul,
    #content ul.mySelorNavList ul ul {
        list-style: none;
    }

#content ul.mySelorNavList {
    overflow: visible !important;
}

    #content ul.mySelorNavList li:first-child {
        padding-top: 10px;
        border-top-width: 0;
    }

    #content ul.mySelorNavList ul li:first-child {
        padding-top: 0px;
    }

    #content ul.mySelorNavList li strong,
    #content ul.mySelorNavList li a {
        text-transform: none;
        word-wrap: break-word;
        font-size: 92.3%;
        font-weight: normal;
        text-decoration: none;
        width: 105px;
        display: block;
        padding: 5px 0 5px 15px;
        background: transparent url("/Content/images/img-client/icons/nav_sprite.png") no-repeat 5px 7px;
    }

    #content ul.mySelorNavList li strong,
    #content ul.mySelorNavList li.mySelorSubNavList a {
        background: transparent url("/Content/images/img-client/icons/nav_sprite.png") no-repeat -222px 7px;
    }

    #content ul.mySelorNavList li.mySelorSubNavList ul li a {
        padding: 5px 0 5px 20px;
        background: transparent url("/Content/images/img-client/icons/nav_sprite.png") no-repeat 10px 7px;
    }

    #content ul.mySelorNavList li strong:hover,
    #content ul.mySelorNavList li a:hover {
        color: #a20075;
        text-decoration: underline;
        cursor: pointer;
        border-color: #a20075;
    }

    #content ul.mySelorNavList li strong:hover {
        text-decoration: none;
    }

    #content ul.mySelorNavList li a:hover {
        background: transparent url("/Content/images/img-client/icons/nav_sprite_hover.png") no-repeat 5px 7px;
    }

    #content ul.mySelorNavList li.mySelorSubNavList a:hover,
    #content ul.mySelorNavList li.mySelorSubNavList strong:hover {
        background: transparent url("/Content/images/img-client/icons/nav_sprite_hover.png") no-repeat -222px 7px;
    }

    #content ul.mySelorNavList li.mySelorSubNavList ul li a:hover {
        background: transparent url("/Content/images/img-client/icons/nav_sprite_hover.png") no-repeat 10px 7px;
    }

    #content ul.mySelorNavList li.current strong,
    #content ul.mySelorNavList li.current a {
        color: #fff !important;
    }

        #content ul.mySelorNavList li.current a,
        #content ul.mySelorNavList li.current a:hover {
            background: transparent url("/Content/images/img-client/icons/nav_sprite_current.png") no-repeat 5px 7px;
        }

            #content ul.mySelorNavList li.current a,
            #content ul.mySelorNavList li.current strong,
            #content ul.mySelorNavList li.current a:hover,
            #content ul.mySelorNavList li.current strong:hover {
                background: transparent url("/Content/images/img-client/icons/nav_sprite_current.png") no-repeat -222px 7px;
            }

    #content ul.mySelorNavList li.current ul li a,
    #content ul.mySelorNavList li.current ul li a:hover {
        background: transparent url("/Content/images/img-client/icons/nav_sprite_current.png") no-repeat 10px 7px;
    }

    #content ul.mySelorNavList li.mySelorSubNavList ul li a {
        font-weight: normal !important;
        text-decoration: none;
    }

    #content ul.mySelorNavList li.current a,
    #content ul.mySelorNavList li.current ul li.current a {
        font-weight: bold !important;
        text-decoration: underline;
    }*/

/*============================================================================================
  CONTENT - BLOCKS
============================================================================================*/

#content .contenttop {
    margin-bottom: 10px;
}

#content .contentbottom {
    margin-top: -30px;
}

.block620 {
    width: 620px;
}

#content .block620 {
    width: 634px;
}

.block .news .item {
    margin-bottom: 20px;
}

    .block .news .item span.title {
        display: inline-block;
        padding: 2px 0;
    }

#ddl_taaltest {
    display: block;
    float: left;
    margin-right: 3px;
    vertical-align: top;
    border: 1px solid #6a6a6a;
    background-color: #f5f5f5;
}

#content .block {
    float: left;
    margin: 0 0 10px 5px;
}

#content .first {
    margin-left: 0px;
}

#content div.imu {
    float: left;
    margin: 0 0 10px 10px;
}

#content .block .block_content img {
    float: left;
    margin: 0 10px 0 5px;
}

#content .block_content div {
    float: left;
}

    #content .block_content div.news, #content .block_content div.news div.item {
        float: none;
    }

select.expand[style], select.expand, .ddl.expand, .edititem .ddl.ddllong.expand, .ddllong.expand, .edititem .ddl.expand, .edititem .ddllong.expand, .block300 .block_content select.blockwithdropdown.expand, .block220 .block_content select.blockwithdropdown.expand, #employerselect select.expand {
    width: auto;
}

.block300 .block_content select.blockwithdropdown, .block220 .block_content select.blockwithdropdown {
    width: 200px;
}

/*============================================================================================
  MAIN BOX - CONTENT - COL
============================================================================================*/
.contentLeft440 {
    float: left;
    width: 55%;
}

.contentRight200 {
    float: right;
    width: 35%;
}

.col .nopadding {
    padding: 0px;
}

#content .col_content .item img {
    float: left;
    margin-right: 20px;
}

#content .col_content .item h3 {
    display: inline;
    margin-right: 10px;
}

    #content .col_content .item h3 a {
        vertical-align: middle;
    }

#content #list .col_content .item h3 {
    display: block;
}

/*--------------------------------------------------------------------------------------------
  REPOSITION LAYOUT ELEMENTS
--------------------------------------------------------------------------------------------*/

#title {
    position: absolute;
    top: -115px;
    left: 0;
}

/*============================================================================================
  CONTENT BIGCOLUMN
============================================================================================*/

/*--------------------------------------------------------------------------------------------
  GALLERY
--------------------------------------------------------------------------------------------*/

#gallery {
    margin-top: 20px;
}

    #gallery .picture, #gallery .video {
        margin-bottom: 5px;
    }

    #gallery .picture {
        float: left;
        margin-right: 4px;
        border: 1px solid #ccc;
    }

    #gallery .first {
        float: none;
        margin-right: 0px;
    }

/*--------------------------------------------------------------------------------------------
  EXPERIENCES
--------------------------------------------------------------------------------------------*/

#content .block_content .experience {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

    #content .block_content .experience .experienceimage {
        float: left;
        width: 15%;
        margin-bottom: 10px;
    }

    #content .block_content .experience .experiencetext {
        float: right;
        width: 75%;
    }

#experiences .experience_face {
    float: left;
    margin-right: 2px;
    margin-bottom: 5px;
}

#experiences .experience_face_content {
    margin-top: -10px;
    position: absolute;
    width: 277px;
}

.infolabelcontent {
    margin-top: -5px;
    margin-left: -16px;
    position: absolute;
    width: 277px;
    z-index: 99999;
}

#experiences .experience_face .experience_top, .infolabeltop {
    background: url(/Content/images/img-candidate/bg_experience_top.png) no-repeat top left;
    height: 13px;
    width: 277px;
}

#experiences .experience_face .experience_content, .infolabeltext {
    padding: 10px 5px 0;
    height: 134px;
    border: 1px solid #d2d2d2;
    border-width: 0 1px 1px;
    background: #fff url(/Content/images/img-candidate/bg_experience_content.png) repeat-x bottom left;
}

/*--------------------------------------------------------------------------------------------
  EMPLOYERSSELECT
--------------------------------------------------------------------------------------------*/

#employerselect select {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 440px;
}

#employerselect .employer {
    margin-bottom: 20px;
}

    #employerselect .employer .employertext {
        float: left;
        padding-top: 5px;
    }

    #employerspotlight img, #employerselect .employer img {
        float: left;
        margin: 5px 10px 5px 0;
    }

    #employerselect .employer .btngray, #employerselect .employer .btnblack {
        display: block;
        float: right;
        height: 29px;
        margin-right: 0px;
        padding-top: 5px;
        width: 190px;
        background-repeat: no-repeat;
        background-position: top left;
    }

    #employerselect .employer .btngray {
        background-image: url(/Content/images/img-candidate/btn_showemployer_disabled.png);
    }

    #employerselect .employer .btnblack {
        background-image: url(/Content/images/img-candidate/btn_showemployer.png);
    }

/*--------------------------------------------------------------------------------------------
  CLASSED
--------------------------------------------------------------------------------------------*/

a.readmore {
    display: block;
    float: right;
    margin-right: 10px;
    padding-right: 10px;
    background: url(/Content/images/img-candidate/arrow_purple_7.png) no-repeat center right;
}

span.cat, .purple, .gray {
    display: inline-block;
    padding: 0 3px;
}

span.news, .purple {
    background-color: #a20075;
}

span.event, .gray {
    background-color: #666;
}

body.opera #jobbar {
    margin-top: -132px;
}

.jobshort img {
    vertical-align: middle;
}

#content .col_content .content a.xsltsearch_subtitle {
    display: block;
    margin-bottom: 10px;
}

#loginButtons input.button {
    border: none;
    padding: 0;
}

#registerForm .button, #loginForm .button, .poll .button, #apply .button, #facebox .content .button {
    height: 22px;
    float: left;
    margin-right: 10px;
    padding-top: 4px;
    width: 96px;
    background-image: url(/Content/images/img-candidate/button.png) no-repeat top left;
}

#apply .purplebuttonbig {
    height: 24px;
    margin-right: 10px;
    padding-top: 4px;
    width: 188px;
    background: url(/Content/images/img-candidate/btn_purple_big.png) no-repeat top left;
}

#facebox .content.xlarge {
    width: 800px;
}

#myselorform .button, #newsletter .button {
    height: 28px;
    float: left;
    margin-right: 10px;
    padding-top: 8px;
    width: 88px;
    background: url(/Content/images/img-candidate/btn_purple_high_dis.png) no-repeat top left;
}

    #myselorform .button.basicaction {
        height: 19px;
        padding-top: 5px;
        width: 96px;
        text-align: center;
        background: url(/Content/images/img-candidate/button.png) no-repeat top left;
    }

#myselorform .dirty .button, #newsletter .button {
    background-image: url(/Content/images/img-candidate/btn_purple_high.png);
}

#myselorform #saveButtonsTop img, #myselorform #saveButtonsBottom img {
    margin-right: 20px;
}

#myselorcontent .button {
    float: right;
    margin-top: -8px;
}

    #myselorcontent .button.basicaction {
        float: none;
    }

#myselorcontent #saveButtonsBottom, #myselorcontent #saveButtonsTop {
    float: right;
    width: 110px;
    margin-right: 8px;
}

#myselorcontent #saveButtonsBottom, #myselorcontent #saveButtonsTop, #myselorcontentblock #saveButtonsBottom {
    float: right;
    width: 110px;
    margin-right: 8px;
}

#myselorcontent #saveButtonsBottom {
    padding-top: 10px;
}

#myselorcontent #saveButtonsTop {
    padding-top: 20px;
}

/*--------------------------------------------------------------------------------------------
  ABS
--------------------------------------------------------------------------------------------*/

#job_detail .button.abs {
    height: 33px;
    float: left;
    padding-top: 10px;
    width: 207px;
    background-repeat: no-repeat;
    background-position: top left;
}

    #job_detail .button.abs.yes {
        margin-right: 10px;
        background-image: url(/Content/images/img-candidate/btn_purple_large_abs.png);
    }

    #job_detail .button.abs.no {
        background-image: url(/Content/images/img-candidate/btn_black_large_abs.png);
    }

#myselorcontent .pb_regio {
    padding: 5px 0 10px 0;
    border-bottom: 1px dotted #ccc;
}

#termsofuse {
    vertical-align: middle;
}

.textbox, .ddl, .textboxMultiline {
    border: 1px solid #ccc;
}

.textbox {
    padding: 3px;
    width: 180px;
}

.dateday, .datemonth {
    margin-right: 10px;
    width: 20px;
}

.dateyear {
    width: 60px;
}

.postal {
    margin-right: 10px;
    width: 50px;
}

.city {
    width: 110px;
}

label.city {
    padding-left: 12px;
}

.loading {
    display: none;
    height: 20px;
    background: url(/Content/images/img-client/icons/bg-autocomplete-loading.gif) no-repeat center;
}

#content .loadingpage {
    width: 200px;
    margin-left: 0;
    padding: 0 0 0 20px;
    text-align: left;
    border: none;
    background: transparent url("/Content/images/img-client/icons/bg-autocomplete-loading.gif") no-repeat left 0;
}

    #content .loadingpage p {
        color: #00566B !important;
        font-size: 106.5%;
        font-weight: normal;
    }

/*--------------------------------------------------------------------------------------------
  POLL
--------------------------------------------------------------------------------------------*/

.scoreBarContainer {
    clear: both;
    height: 15px;
}

.scoreBar {
    float: left;
    height: 5px;
    margin-top: 5px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    background: #e3e3e3;
}

.poll {
    width: 200px;
}

    .poll dl dd .scoreBar {
        margin: 0;
        float: none;
        clear: both; /* IE :r */
    }

/*#myselorcontent .padding,*/ #job_detail .padding {
    padding: 20px;
}

#content .col_content #myselorcontent .item {
    border-bottom-color: #e0e0e0;
    border-bottom-style: solid;
    margin-bottom: 0px;
}

#myselorcontent .driverspermit label {
    margin-right: 8px;
}

#myselorcontent .WantedInstituteItem, #myselorcontent .WantedFunctionItem, #myselorcontent .uploaditem {
    clear: both;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0 10px;
}

    #myselorcontent .WantedInstituteItem .WantedInstituteLabel {
        float: left;
        width: 60%;
    }

    #myselorcontent .WantedInstituteItem .WantedInstituteButtons {
        float: left;
        width: 40%;
    }

#saveButtonsBottom {
    margin-top: 20px;
}

.print {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}

    .print img {
        vertical-align: middle;
    }

#myselorcontent .gray {
    background-color: #f2f2f2;
    display: block;
}

.diplomaitem {
    clear: both;
    padding-bottom: 40px;
}

.uploaditem span {
    font-size: 0.914em;
    color: #666;
}

.uploaditem a.uploadlink {
    font-size: 1.4em;
}

#content .col_content #myselorcontent .item img {
    float: none;
    vertical-align: middle;
    display: inline;
    margin-right: 0px;
}

#content .col_content #myselorcontent .item h3 {
    display: block;
}

#content .col_content #myselorcontent .item.gray {
    margin-bottom: 20px;
}

.blackbuttonsmall {
    height: 26px;
    float: right;
    margin-top: 5px;
    padding-top: 5px;
    width: 87px;
    background: url(/Content/images/img-candidate/btn_black_small.png) no-repeat top left;
}

.blackbutton {
    height: 24px;
    float: right;
    margin-top: 5px;
    padding-top: 5px;
    width: 132px;
    background: url(/Content/images/img-candidate/btn_black_large.png) no-repeat top left;
}

.actionbuttons {
    float: right;
    margin-top: 20px;
    margin-bottom: -20px;
    width: 220px;
}

.diplomabuttons {
    margin-top: 5px;
}

.actionbuttons .blackbutton {
    margin-top: -6px;
}

table.list .textboxMultiline {
    width: 475px;
}

.textboxMultiline {
    width: 495px;
}

.textboxlong {
    width: 487px;
}

.edititem .textboxlong {
    width: 450px;
}

.edititem .ddllong, .edititem .textboxMultiline {
    width: 455px;
}

.textboxMultiline {
    height: 75px;
    overflow: auto;
    display: block;
}

    .textboxMultiline.xl {
        height: 150px;
    }

.fileitem div {
    float: right;
}

.opencv span, .flpInfo {
    margin-right: 10px;
}

.opencv span, .opencv input, .infolabel, .flpInfo {
    float: left;
}

.job_detail_item ul, .job_detail_item ul li {
    margin-left: 10px;
    list-style-type: disc;
    margin-bottom: 10px;
}

.ddllong, .textboxlong {
    display: block;
}

.registerDataRight label, .registerDataRight span {
    display: block;
}

.registerDataRight span {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------------------------------------
  ERROR
--------------------------------------------------------------------------------------------*/

span.error, span.errorMessage {
    color: #ed1c24;
    font-weight: bold;
    display: block;
    width: 499px;
}

input.error, select.error, textarea.error, input.errorMessage, select.errorMessage, textarea.errorMessage, radio.errorMessage {
    border: 1px solid #ed1c24;
}

div.error {
    color: #ed1c24;
    font-weight: bold;
}

span.success {
    color: #729c00;
    font-weight: bold;
}

.item h1 {
    display: none;
}

    .item h1 .main {
        display: block;
    }

/*--------------------------------------------------------------------------------------------
  TABLE - OVERVIEW
--------------------------------------------------------------------------------------------*/

table.overzicht, table.list {
    width: 100%;
    border: none;
}

    table.overzicht th, table.overzicht td, table.list th, table.list td {
        padding: 10px;
        border: 1px solid #ccc;
    }

table.session th {
    border: none;
}

table.list .infolabel {
    float: right;
}

th.noborder {
    border: none;
}

.session thead {
    background: #a20075;
    color: #fff;
    border: 1px solid #ccc;
}

.overzicht tbody tr {
    background: #ececec;
}

    .overzicht tbody tr.odd {
        background: #f8f8f8;
    }

#content .col_content .content table.overzicht thead th a.cancelEnroll {
    color: #fff;
    background: none;
    padding: 0;
}

/*--------------------------------------------------------------------------------------------
  BTN - A LINK
--------------------------------------------------------------------------------------------*/

span.passed, span.failed, a.subscribe, a.enroll {
    float: left;
    padding: 0 0 0 22px;
    position: relative;
}

a.detail, a.detailLnk, a.delete, a.edit, a.unsubscribe, a.deleteLnk, a.cancelEnroll, a.certificateLnk {
    color: #000;
}

.print a, a.detail, a.detailLnk, a.unsubscribe, a.deleteLnk, a.cancelEnroll, a.certificateLnk {
    padding: 0 0 5px 22px;
}

a.delete, a.edit {
    padding: 2px 0 3px 22px;
}

.print a {
    background: url(/Content/images/img-candidate/pdf-icon.png) no-repeat scroll left top transparent;
}

a.detail, a.detailLnk {
    background: url(/Content/images/img-candidate/icon_info_small.png) no-repeat scroll left top transparent;
}

a.delete {
    background: url(/Content/images/img-candidate/icon_delete.png) no-repeat scroll left top transparent;
}

a.edit, .item div#titleactions a.buttonEdit {
    background: url(/Content/images/img-candidate/icon_edit.png) no-repeat scroll left top transparent;
}

a.subscribe, a.enroll {
    background: url(/Content/images/img-candidate/ok_icon.png) no-repeat scroll left top transparent;
}

a.certificateLnk {
    background: url(/Content/images/img-candidate/certificate_icon.png) no-repeat scroll left top transparent;
}

span.passed {
    background: url(/Content/images/img-candidate/ok_icon.png) no-repeat scroll left top transparent;
}

span.failed {
    background: url(/Content/images/img-candidate/nok_icon.png) no-repeat scroll left top transparent;
}

#mvc #article #help {
    display: none;
}

.buttonEdit, .buttonDelete, .buttonAbsent {
    background: url(/Content/images/img-candidate/icon_edit.png) no-repeat middle left;
    padding-left: 25px;
    display: block;
}

.buttonDelete {
    background: url(/Content/images/img-candidate/icon_delete.png) no-repeat middle left;
}

.buttonAbsent {
    background: url(/Content/images/img-candidate/absent_icon.png) no-repeat middle left;
}

.overzicht .buttonDelete, .overzicht .buttonEdit {
    background-position: bottom left;
}

#newsletter .blackbutton {
    margin-top: 2px;
}

#newsletter div.lightgray {
    margin-top: 7px;
}

#contour .contourFieldSet legend {
    display: none;
}

.dirtyTextSave {
    display: none;
    padding-top: 10px;
    margin-left: 20px;
}

.dirty .dirtyTextSave {
    display: block;
    width: 380px;
}

.file_input_textbox {
    float: left;
    margin-right: 5px;
}

.file_input_div {
    position: relative;
    width: 120px;
    height: 23px;
    overflow: hidden;
    float: left;
}

.file_input_button {
    z-index: 1;
    color: #fff;
    border-style: none;
    font-family: 'WhitneyBold', Arial;
    font-size: 12px;
    text-align: center;
    height: 23px;
    width: 120px;
    background: url(/Content/images/img-candidate/btn_black_upload.png) no-repeat top left;
}

.file_input_hidden {
    z-index: 2;
    position: relative;
    left: -130px;
    top: -23px;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    opacity: 0;
}

#content .col_content .content a.uploadbtn {
    display: block;
    float: left;
    height: 23px;
    padding-top: 3px;
    width: 120px;
    margin-left: 5px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: 'WhitneyBold', Arial;
    background: url(/Content/images/img-candidate/btn_black_upload.png) no-repeat scroll 0 0 transparent;
}

.watermark {
    color: #999;
}

/*--------------------------------------------------------------------------------------------
  ARROW LIST
--------------------------------------------------------------------------------------------*/

ul.blue_arrow li, ul li.blue_arrow, ul.gray_arrow li, ul li.gray_arrow, ul.purple_arrow li, ul li.purple_arrow, .content ul li {
    padding: 0 0 0 12px;
    margin-bottom: 3px;
    list-style-type: none;
    background: url(/Content/images/img-candidate/arrow_blue_7.png) no-repeat left 8px;
}

ul.gray_arrow li, ul li.gray_arrow {
    background: url(/Content/images/img-candidate/arrow_gray_7.png) no-repeat left 8px;
}

ul.purple_arrow li, ul li.purple_arrow, ul.white_arrow li, ul li.white_arrow, .content ul li {
    background: url(/Content/images/img-candidate/arrow_purple_7.png) no-repeat left 6px;
}

ul.white_arrow li, ul li.white_arrow {
    background: url(/Content/images/img-candidate/arrow_white_7.png) no-repeat left 8px;
}

/*--------------------------------------------------------------------------------------------
  NEWSLIST
--------------------------------------------------------------------------------------------*/

div.newseventintro img {
    display: none;
}

/*--------------------------------------------------------------------------------------------
  SITEMAP
--------------------------------------------------------------------------------------------*/

#sitemap {
    margin: 5px 0 10px 20px;
}

    #sitemap ul li {
        padding-top: 5px;
    }

/*--------------------------------------------------------------------------------------------
  TEXTEDITOR
--------------------------------------------------------------------------------------------*/

div.area-richtext {
    width: 100%;
}

    div.area-richtext table.mceLayout {
        width: 100% !important;
    }

/*--------------------------------------------------------------------------------------------
  INFO
--------------------------------------------------------------------------------------------*/

#info {
    clear: both;
    height: 76px;
    margin-top: 40px;
    border: 2px solid #dfdfdf;
    border-width: 2px 0;
    background-color: #fff;
}

    #info div.block220, #info .block {
        float: left;
        margin-left: 40px;
        padding-top: 23px;
        background: none;
    }

    #info div.block220 {
        width: auto;
    }

    #info .block div {
        float: left;
        margin-top: -3px;
    }

    #info .block img {
        float: left;
        margin-right: 10px;
    }

    #info .wrapper .first {
        margin-left: 0px;
    }

/*============================================================================================
  FOOTER
============================================================================================*/

#footer {
    position: relative;
    padding: 10px 0;
}

    #footer ul {
        list-style-type: none;
    }

    #footer div.center {
        margin: 0 auto;
        text-align: center;
        width: auto;
    }

        #footer div.center ul {
            display: inline-block;
        }

    #footer ul.right {
        position: absolute;
        right: 65px;
        top: -5px;
        width: auto;
    }

    #footer div.center ul li {
        display: inline-block;
        padding: 0 5px;
        border: 1px solid #666;
        border-width: 0 0 0 1px;
    }

    #footer ul.right li {
        display: block;
        float: left;
        padding-left: 5px;
    }

        #footer ul.right li.first {
            margin-top: 5px;
            padding-right: 5px;
            border: 1px solid #666;
            border-width: 0 1px 0 0;
        }

    #footer div.center ul li.first {
        border-width: 0;
    }

/*============================================================================================
==============================================================================================
  INTEGRATION OF NEW CSS
==============================================================================================
============================================================================================*/

/*============================================================================================
  SECTION STRUCTURE
============================================================================================*/

.section {
    position: relative;
    width: auto;
    min-height: 120px;
    padding: 0 8px 6px 6px;
}

.sectionWrap {
    padding: 20px 20px 20px 20px;
    min-height: 120px;
    background-color: #fff;
    margin-left: 30px;
}

/*============================================================================================
  CLASSED
============================================================================================*/

.floatLeft,
.floatLeft li,
.floatNone .floatLeft li {
    float: left !important;
}

fieldset.formField ul.buttonList li.floatLeft {
    margin: 0 10px 0 0 !important;
}

.floatRight {
    float: right;
}

.floatNone,
.floatNone li {
    float: none !important;
}

fieldset.formField legend.hidden,
.hidden {
    display: none;
}

.inline {
    display: inline;
}

#content .noMarginBottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.lastField {
    margin-bottom: 20px !important;
}

fieldset fieldset.lastField,
#rightcolumn .lastField {
    margin-bottom: 0 !important;
}

#rightcolumn .lastField {
    padding-bottom: 0 !important;
    border-bottom: none;
}

.lastList,
.lastItem,
.CollapseDragList {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.lastItem {
    padding-bottom: 0 !important;
}

/*============================================================================================
  FIELDSETS
============================================================================================*/
/*--------------------------------------------------------------------------------------------
  FORMFIELD
--------------------------------------------------------------------------------------------*/
fieldset.formField {
    padding: 16px;
    margin-bottom: 16px;
    background-color: #DCE9EC;
}

    fieldset.formField legend,
    fieldset.formField fieldset legend {
        display: contents;
        color: #09181B;
        font-size: 17px;
        font-weight: 700;
    }

#rightcolumn fieldset.formField legend {
    padding: 0;
}

/*fieldset.formField {
    padding: 10px 15px;
    margin: 0 0 20px;
    border: 1px solid #d4d4d4;
    background-color: #f6f6f6;
}

#rightcolumn fieldset.formField {
    padding: 10px 0;
    margin: 0 0 20px;
    border-width: 0 0 1px 0;
}

fieldset.formField legend,
fieldset.formField fieldset legend {
    padding: 0 6px;
    margin-left: -8px;
    font-size: 130.7%;
    font-weight: bold;
}

#rightcolumn fieldset.formField legend {
    padding: 0;
}

fieldset.formField fieldset {
    padding: 10px 15px;
    background-color: #eaeaea;
    border: 1px solid #d4d4d4;
    margin-bottom: 10px;
}*/

/*--------------------------------------------------------------------------------------------
  FILTERFIELD
--------------------------------------------------------------------------------------------*/

fieldset.filterField {
    margin: 0 0 20px;
}

/*--------------------------------------------------------------------------------------------
  BUTTONFIELD
--------------------------------------------------------------------------------------------*/

fieldset.buttonField {
    clear: both;
    margin: 0;
    padding: 0 0 10px;
    width: 100%;
    text-align: right;
    border: none;
    background-color: transparent;
}

fieldset.topActions {
    padding: 0 0 5px;
}

/*============================================================================================
  FIELDSETS - LISTS
============================================================================================*/

/*--------------------------------------------------------------------------------------------
  FORMLIST
--------------------------------------------------------------------------------------------*/

fieldset.formField ul,
fieldset.formField ul.formList,
fieldset.formField ol,
fieldset.formField ol.formList {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d4d4d4;
    list-style: none;
    width: 100%;
    padding-top: 10px;
}

    fieldset.formField ol,
    fieldset.formField ol.formList {
        width: 98%;
    }

    fieldset.formField ul.formList ul {
        margin-bottom: 0;
        border-bottom: none;
    }

    fieldset.formField ul.formList li,
    fieldset.formField ol.formList li {
        float: left;
        padding: 0 0 5px 0;
        margin-right: 2%;
        margin-left: 2%;
    }

#rightcolumn fieldset.formField ul.formList li {
    margin-right: 0;
    margin-left: 0;
}

fieldset.formField ul.formList ul li {
    padding: 0;
    float: none;
}

/*--------------------------------------------------------------------------------------------
  FORMLIST - STRUCTURE
--------------------------------------------------------------------------------------------*/

fieldset.formField ul.formList li.alpha,
fieldset.formField ol.formList li.alpha {
    margin-left: 0%;
    clear: left;
}

fieldset.formField ul.formList li.omega,
fieldset.formField ol.formList li.omega {
    margin-right: 0%;
    float: right;
    clear: right;
}

fieldset.formField ul.formList li.delta,
fieldset.formField ol.formList li.delta {
    margin-left: 0%;
    margin-right: 0%;
    clear: both;
}

fieldset.formField ul.formList li.lastItem,
fieldset.formField ol.formList li.lastItem {
    margin-right: 0;
}

/*CHECK IF CLASSED - ALL LIST INSIDE TAKES WIDTH OF CLASS - EX inputList */

fieldset.formField ul.formList li.item_1,
fieldset.formField ol.formList li.item_1 {
    width: 100%;
}

fieldset.formField ul.formList li.item_2,
fieldset.formField ol.formList li.item_2 {
    width: 47.3%;
}

fieldset.formField ul.formList li.item_3,
fieldset.formField ol.formList li.item_3,
fieldset.formField ul.formList ul.inputList li.item_3 {
    width: 30.3%;
}

fieldset.formField ul.formList li.item_4,
fieldset.formField ol.formList li.item_4 {
    width: 21.7%;
}

fieldset.formField ul.formList li.item_5,
fieldset.formField ol.formList li.item_5 {
    width: 16.6%;
}

fieldset.formField ul.formList li.item_6,
fieldset.formField ol.formList li.item_6 {
    width: 13.2%;
}

fieldset.formField ul.formList li.item {
    width: 21.7%;
    margin-left: 0;
}

fieldset.formField ul.formList li {
    border: none !important;
}

/*--------------------------------------------------------------------------------------------
  FORMLIST - INPUTLIST
--------------------------------------------------------------------------------------------*/

fieldset.formField ul.inputList {
    /*float:left;*/
    margin: 0 0 10px;
    padding: 2px 0;
    min-width: 30%;
}

    fieldset.formField ul.inputList li {
        float: none;
        margin: 0 20px 4px 0;
        width: auto;
    }

        fieldset.formField ul.inputList li.item_3 {
            float: left;
        }

        fieldset.formField ul.inputList li label {
            width: auto;
            display: inline !important;
        }

        fieldset.formField ul.inputList li input {
            vertical-align: middle;
            vertical-align: sub;
            accent-color: #00566B;
        }

/*--------------------------------------------------------------------------------------------
  DATETIMELIST
--------------------------------------------------------------------------------------------*/

fieldset.formField ul.dateTimeList li {
    float: left !important;
    padding: 0 0 10px 0;
    margin-right: 0;
    margin-left: 0;
    width: auto;
}

/*--------------------------------------------------------------------------------------------
  BUTTONLISTS
--------------------------------------------------------------------------------------------*/

ul.buttonList,
fieldset.formField ul.buttonList,
fieldset.buttonField ul.buttonList {
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
    list-style: none;
    border-width: 0 0 0 0;
}

    ul.buttonList li,
    fieldset.buttonField ul.buttonList li,
    fieldset.formField ul.buttonList li,
    fieldset.formField ul.buttonList ul li {
        float: right;
        margin: 0 !important;
        padding: 0 !important;
        background-image: none !important;
    }

        fieldset.buttonField ul.buttonList li.taskActions {
            margin-right: 10px !important;
            padding-right: 15px !important;
            border-right: 1px solid #d4d4d4;
        }

fieldset.formField table ul {
    border-bottom: none;
}

ul.buttonList p,
fieldset.formField ul.buttonList p,
fieldset.buttonField ul.buttonList p,
fieldset.buttonField ul li p {
    text-align: left;
}

fieldset.formField ul.buttonList {
    float: none;
}

/*--------------------------------------------------------------------------------------------
  COLLAPSEDRAGLIST
--------------------------------------------------------------------------------------------*/

ul.CollapseDragList {
    list-style: none;
    overflow: hidden;
}

    ul.CollapseDragList li.collapsePanel {
        margin-bottom: -1px;
        padding: 10px;
        border: 1px solid #d4d4d4;
        border-width: 1px 0 0;
        background-color: #fff;
        background: #fff url("/Content/images/img-candidate/bg_job_detail_item.jpg") repeat-x left bottom;
    }

#preview ul.CollapseDragList {
    margin-bottom: 20px !important;
}

ul.CollapseDragList li.collapsePanel div.collapseHeader,
ul.CollapseDragList li.collapsePanel div.collapseContent {
    width: 100%;
    clear: both;
}

ul.CollapseDragList li.collapsePanel div.collapseContent {
    width: 75%;
    padding-left: 5%;
    padding: 10px 0 20px 40px;
}

ul.CollapseDragList li.collapsePanel div.collapseHeader h2 {
    display: inline-block;
    width: auto;
    margin: 0 1%;
    padding-bottom: 0;
    font-size: 125%;
    cursor: pointer;
}

    ul.CollapseDragList li.collapsePanel div.collapseHeader h2:hover {
        color: #a20075;
    }

ul.CollapseDragList li.collapsePanel div.collapseHeader div.collapseHeaderTitle {
    float: left;
    width: 80%;
}

ul.CollapseDragList li.collapsePanel div.collapseHeader div.collapseHeaderActions {
    float: right;
    width: 10%;
}

ul.CollapseDragList li.collapsePanel div.collapseHeader input.collapseButton {
    background: url("/Content/images/img-anja/arrow-down.png");
}

#contentwrapper ul.CollapseDragList li.collapsePanel div.collapseHeader input.collapseButton:focus {
    border: none !important;
    background-color: transparent !important;
    opacity: .6; /* other browsers  and IE9+ */
    filter: alpha(opacity=60); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */
}

ul.CollapseDragList li.collapsePanel div.collapseContent table.mceLayout {
    width: 100% !important;
}

ul.CollapseDragList li.collapsePanel div.collapseContent table.mceToolbar {
    float: left !important;
}

ul.CollapseDragList li.collapsePanel div.collapseContent ul {
    margin-bottom: 10px;
}

    ul.CollapseDragList li.collapsePanel div.collapseContent ul ul {
        margin: 10px 0 20px;
    }

    ul.CollapseDragList li.collapsePanel div.collapseContent ul li {
        list-style: none;
        padding: 0 0 6px 10px;
        background: transparent url("/Content/images/img-client/bullet.png") no-repeat 0 8px;
    }

/*--------------------------------------------------------------------------------------------
  BULLETLIST
--------------------------------------------------------------------------------------------*/

div.sectionWrap ul.bulletList {
    margin: 10px 0;
}

    div.sectionWrap ul.bulletList li,
    div.sectionWrap fieldset.formField ul.formList ul.bulletList li {
        float: none;
        list-style: none;
        padding: 0 0 6px 10px;
        background: transparent url("/Content/images/img-client/bullet.png") no-repeat 0 8px;
    }

/*--------------------------------------------------------------------------------------------
  ARROWLIST
--------------------------------------------------------------------------------------------*/

ul.arrowList,
#content ul.arrowList,
fieldset.formField ul.arrowList {
    margin: 0;
    list-style-type: none;
    border: none;
}

    ul.arrowList li {
        padding: 0 0 0 12px;
        margin-bottom: 3px;
        background: url(/Content/images/img-candidate/arrow_purple_7.png) no-repeat left 6px;
    }

/*============================================================================================
  FIELDSETS - LISTS - CONTENT - INPUT TYPES
============================================================================================*/

fieldset.formField ul.formList li label {
    width: 100%;
    display: inline-block;
}

fieldset.formField ul.formList li input[type='text'],
fieldset.formField ul.formList li input[type='password'] {
    width: 97%;
}

fieldset.formField ul.formList li.item_1 input[type='text'] {
    width: 99.5%;
}

fieldset.formField ul.formList li.item_2 input[type='text'] {
    width: 98%;
}

fieldset.formField ul.formList li table.experienceEdit input[type='text'] {
    width: 90%;
}

input.hasDatepicker,
fieldset.formField ul.formList li input.hasDatepicker,
fieldset.formField ul.formList li input.datepicker,
fieldset.formField ul.formList li input.timepicker {
    width: 70px;
}

fieldset.formField ul.formList li input.hasIcon {
    width: 90% !important;
}

fieldset.formField ul.formList li img.ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: top;
    cursor: pointer;
}

.numericShort,
td.numericShort input,
input.numericShort,
input.decimal,
input.hasCurrency,
fieldset.formField ul.formList li select.numericShort,
fieldset.formField ul.formList li input.numericShort,
fieldset.formField ul.formList li input.decimal,
fieldset.formField ul.formList li input.hasCurrency {
    width: 50px !important;
}

.numericLong,
input.numericLong,
fieldset.formField ul.formList select.numericLong,
fieldset.formField ul.formList li input.numericLong {
    width: 120px;
}

.dataTable select,
fieldset.formField ul.formList li select {
    width: 99.9%;
}

/*--------------------------------------------------------------------------------------------
  FIELDSETS - LISTS - CONTENT - INPUT TYPES
--------------------------------------------------------------------------------------------*/

fieldset.formField div.textarea-fake,
fieldset.formField ul.formList li textarea {
    width: 99.9%;
    border: 1px solid #d4d4d4;
    background-color: #fff;
}

fieldset.formField div.textarea-fake {
    padding: 1px 0;
}

    fieldset.formField div.textarea-fake p {
        margin-bottom: 0;
    }

    fieldset.formField div.textarea-fake ul li {
        float: none;
        margin: 0;
    }

/*--------------------------------------------------------------------------------------------
  SECTION CORRECTION - CORRECTIONREMARK
--------------------------------------------------------------------------------------------*/

div.sectionWrap div.correctionRemark {
    width: 95.5%;
    margin-bottom: 20px;
    padding: 5px 2% 0;
    border: 1px solid #FF6600;
    background-color: #f6ead2;
}

    div.sectionWrap div.correctionRemark textarea {
        width: 90% !important;
        background-color: #fff;
    }

/*--------------------------------------------------------------------------------------------
  UI AUTOCOMPLETE - SELECT
--------------------------------------------------------------------------------------------*/

#content input.ui-autocomplete-input {
    background: #fff url("/Content/images/img-client/icons/bg-autocomplete.gif") no-repeat 99% center;
}

#content input.ui-autocomplete-loading {
    background: #fff url("/Content/images/img-client/icons/bg-autocomplete-loading.gif") no-repeat 99% center;
}

ul.ui-autocomplete {
    padding: 5px 0;
    background-color: #fff !important;
    list-style: none;
    border: 1px solid #d4d4d4;
}

    ul.ui-autocomplete li {
        padding: 2px 10px;
        cursor: pointer;
    }

        ul.ui-autocomplete li a {
            text-decoration: none;
        }

/*--------------------------------------------------------------------------------------------
  DIPLOMATREE
--------------------------------------------------------------------------------------------*/

ul.tree, ul.tree * {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.tree img.node {
        padding: 2px 0 0 0;
        border: 0;
        height: 20px;
        width: 20px;
    }

    ul.tree li {
        display: inline;
        float: left;
        clear: left;
        padding: 4px 0 0 0;
        width: 100%;
        text-indent: 0;
    }

        ul.tree li ul {
            padding: 0 0 0 20px;
            margin: 0;
        }

    ul.tree label {
        cursor: pointer;
        font-weight: normal;
        padding: 2px 0;
        display: inline !important;
    }

        ul.tree label.hover {
            text-decoration: underline;
        }

div.node {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: left;
    background: transparent no-repeat 0 4px;
}

    div.node.collapsed {
        background-image: url(/Content/images/img-anja/collapsed.gif);
    }

    div.node.expanded {
        background-image: url(/Content/images/img-anja/expanded.gif);
    }

div.checkbox {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: left;
    background: url(/Content/images/img-anja/check0.gif) no-repeat 0 0;
}

    div.checkbox.checked {
        background-image: url(/Content/images/img-anja/check2.gif);
    }

    div.checkbox.half_checked {
        background-image: url(/Content/images/img-anja/check1.gif);
    }

/*--------------------------------------------------------------------------------------------
  TARGETTREE
--------------------------------------------------------------------------------------------*/

table#targettable {
}

    table#targettable tr.level_1 {
        background-color: #E4E4E4;
    }

        table#targettable tr.level_1 td {
            font-weight: bold;
        }

    table#targettable tr.level_2 td.targetIndent {
        padding-left: 20px;
    }

    table#targettable tr.level_3 td.targetIndent {
        padding-left: 40px;
    }

    table#targettable tr.level_4 td.targetIndent {
        padding-left: 60px;
    }

    table#targettable tr.level_5 td.targetIndent {
        padding-left: 80px;
    }

    table#targettable ul {
        list-style: none;
    }

        table#targettable ul.targettree span.collapsible {
            font-weight: bold;
            display: inline-block;
            width: 20px;
        }

        table#targettable ul.targettree span.selectable {
            font-weight: bold;
            display: inline-block;
            width: auto !important;
        }

/*============================================================================================
  BUTTONS
============================================================================================*/

/*============================================================================================
  GRADIENTS - BACKGROUNDS FOR BUTTONS - TABS - TABLEHEADINGS
  IN FAVOR FOR IE9 > replaced css3 gradient with image if -ms-filter: "progid:DXImage use fine for all IE except no rounded corners
  in IE9 - /9 works as hack for ie8 - ie9 but not for backgrounds in ie9 > Only solution is conditions statements for css files
============================================================================================*/
/*  BTN
============================================================================================*/
.btn,
a.btn,
button.btn,
input.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
div.ui-dialog-buttonset button.ui-button {
    padding: 2px 4px;
    color: #fff !important;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    padding: 8px 20px;
    background: linear-gradient(265.9deg, #00566B 15.63%, #158C7C 100%);
    border-radius: 50px;
    font-weight: 600;
    border: none;
}

/*--------------------------------------------------------------------------------------------
  BTN - IMAGE REPLACEMENT FOR CSS3 GRADIENT - SECOND LEVEL BUTTONS - GRAY
--------------------------------------------------------------------------------------------*/

ul.buttonList li.taskActions .btn,
div.Need ul.needActionList li .btn {
    color: #333 !important;
    background: white;
    border: 1px solid #09181B;
}

div.dataTables_wrapper div.actionsRowSelect .btn,
div.dataTables_wrapper div.actionsAddRow .btn,
div.collapseHeader .btn,
table#tblMedia td .btn {
    padding: 1px 6px 2px;
}

div.ui-dialog-buttonset button.ui-button span {
    padding: 0 !important;
    color: #fff !important;
    cursor: pointer;
}

tfoot input.btn,
tfoot input[type="button"] {
    width: auto;
    cursor: pointer;
    margin: 0;
}

a.btn {
    display: inline-block;
    text-decoration: none !important;
}

/*--------------------------------------------------------------------------------------------
  ICONBTN
--------------------------------------------------------------------------------------------*/
.imgbutton,
a.imgbutton,
button.imgbutton,
input.imgbutton,
.iconBtn,
a.iconBtn,
button.iconBtn,
input.iconBtn,
li.prev a,
li.next a,
input.image {
    display: inline-block;
    width: 0;
    height: 0;
    padding: 24px 24px 0 0; /*height of image*/
    color: #000;
    cursor: pointer;
    background-color: /*transparent*/ transparent;
    border: none;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    text-indent: -9999px;
    overflow: hidden;
    /*IE ISSUE text-transform:capitalize I don't know the exact reason of including the property, somehow it fixes the issue.*/
    text-transform: capitalize;
    /*font-size:0 is used to reduce the font size and works well in IE7.*/
    font-size: 0;
    /*line-height:0 Another fix for IE6.*/
    line-height: 0;
}
/*--------------------------------------------------------------------------------------------
  ICONBTN - ICONS
--------------------------------------------------------------------------------------------*/

/*TO REMOVE PERMANTENTLY CLIENTSIDE*/
.sectionWrap .clearButton {
    display: none !important;
}

a.editBtn {
    background: url("/Content/images/img-anja/edit.png");
}

a.detailBtn {
    background: url("/Content/images/img-anja/details.png");
}

a.downloadPDFBtn {
    background: url("/Content/images/img-anja/download_pdf.png");
}

a.snapshotBtn {
    background: url("/Content/images/img-anja/snapshot.png");
}

input.deleteBtn,
a.deleteBtn {
    background: url("/Content/images/img-anja/delete.png");
}

a.previousBtn,
input.previousBtn {
    background: url("/Content/images/img-anja/chevron-left.png");
}

a.nextBtn,
input.nextBtn {
    background: url("/Content/images/img-anja/chevron-right.png");
}

input.addBtn,
a.addBtn {
    background: url("/Content/images/img-anja/add_btn.png");
}

a.consultLaureatsBtn {
    background: url("/Content/images/img-anja/consult.png");
}

a.monitoringLaureatsBtn {
    background: transparent url("/Content/images/img-client/icons/icons_sprite.png") no-repeat -100px -25px;
}

a.detailLaureatsBtn {
    background: url("/Content/images/img-anja/search_person.png");
}

a.duplicateBtn {
    background: url("/Content/images/img-anja/duplicate.png");
}

a.pauseBtn {
    background: url("/Content/images/img-anja/pause.png");
}

a.attentionBtn {
    background: url("/Content/images/img-anja/help.png");
}

a.addcorrection,
input.addcorrection,
a.addCorrectionBtn,
input.addCorrectionBtn {
    margin-left: 10px;
    background: url("/Content/images/img-anja/add_box.png");
}

input.subscribeBtn,
a.subscribeBtn {
    background: url("/Content/images/img-anja/edit_box.png");
}

td.actions a,
td.actions input.image {
    border: none !important;
    -moz-box-shadow: 0 0 0 transparent !important;
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
}

td.actions a,
td input.image,
td.actions input.image {
    display: block;
    float: left;
    height: 22px;
    width: 21px;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

td input.image,
td.actions input.image {
    height: 22px;
    width: 21px;
}

/*--------------------------------------------------------------------------------------------
  TXTBTN
--------------------------------------------------------------------------------------------*/

.txtBtn,
a.txtBtn,
button.txtBtn,
input.txtBtn {
    display: inline-block;
    padding: 2px 4px;
    cursor: pointer;
    text-decoration: underline;
    vertical-align: middle;
    background: transparent !important;
    border: none !important;
    /*ONLY FF SAFARI IE9 + */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent !important;
    text-shadow: none !important;
}

/*--------------------------------------------------------------------------------------------
  BEEHIRE ICONS
--------------------------------------------------------------------------------------------*/

.icon-beehire:before {
    font-family: 'beehire';
    content: "\e900";
}

.icon-beehire {
    background-position: -120px -120px;
}

.icon-beehire-active {
    color: #f5bd32 !important;
}
/*--------------------------------------------------------------------------------------------
  TOP ICONS
--------------------------------------------------------------------------------------------*/

.icon-topExemption:before {
    font-family: 'topExemption';
    content: "\e900";
}

.icon-topExemption {
    background-position: -120px -120px;
}

.icon-topExemption-active {
    color: #f5bd32 !important;
}

.numberedNotification {
    background-color: #00566B;
    border-radius: 2px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    position: relative;
    top: -13px;
    right: 10px;
}

/*--------------------------------------------------------------------------------------------
  BUTTONS - HOVER & FOCUS
--------------------------------------------------------------------------------------------*/

/*delete after build > imgbutton*/

.imgbutton:hover,
a.imgbutton:hover,
button.imgbutton:hover,
input.imgbutton:hover,
.btn:hover,
a.btn:hover,
button.btn:hover,
input.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
div.ui-dialog-buttonset button.ui-button:hover,
.btn:focus,
a.btn:focus,
button.btn:focus,
input.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
div.ui-dialog-buttonset button.ui-button:focus,
#myselorcontentblock a.btn:focus,
#myselorcontentblock .btn:focus {
    background: linear-gradient(265.9deg, #158C7C 0%, #00566B 53.39%);
}

ul.buttonList li.taskActions .btn:hover,
div.Need ul.needActionList li .btn:hover {
    /*    border: 1px outset #999 !important;
    background-image: none;
    background-color: #d4d4d4 !important;*/
}

.iconBtn:hover,
a.iconBtn:hover,
button.iconBtn:hover,
input.iconBtn:hover,
li.prev a:hover,
li.next a:hover,
a.paginate_enabled_next:hover,
a.paginate_disabled_next,
a.paginate_enabled_previous:hover,
a.paginate_disabled_previous:hover,
ul.formList li img.ui-datepicker-trigger:hover,
input.image:hover,
td.actions a:hover img,
div.toolbarflowrows a:hover,
.iconBtn:focus,
a.iconBtn:focus,
button.iconBtn:focus,
input.iconBtn:focus,
li.prev a:focus,
li.next a:focus,
a.paginate_enabled_next:focus,
a.paginate_disabled_next:focus,
a.paginate_enabled_previous:focus,
a.paginate_disabled_previous:focus {
    border: none !important;
    background-color: transparent !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: .6; /* other browsers  and IE9+ */
    filter: alpha(opacity=60); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */
}

td.actions a:hover,
td.actions a:hover img,
div.toolbarflowrows a:hover {
    background-image: none !important;
}

ul.formList li img.ui-datepicker-trigger:hover {
    background: none;
}

a.txtBtn:hover,
button.txtBtn:hover,
input.txtBtn:hover,
a.txtBtn:focus,
button.txtBtn:focus,
input.txtBtn:focus {
    text-decoration: none;
    color: #333 !important;
    border: none !important;
    background: none !important;
}

/*============================================================================================
  DATATABLES
============================================================================================*/

/*--------------------------------------------------------------------------------------------
  DATATABLES WRAPPER
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

.fastlane_document{
    margin-bottom: 0px !important;
}

div#midcolumn div.dataTables_wrapper {
    margin-top: 10px;
    width: 97%;
}

div.Need div.dataTables_wrapper {
    background-color: transparent;
    border: none;
    margin: 10px auto;
    padding: 0;
    width: 98%;
}

/*--------------------------------------------------------------------------------------------
 DATATABLES TOP & BOTTOM
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper div.top,
div.dataTables_wrapper div.bottom {
    width: 100%;
    width: 98%;
    padding: 10px 1%;
    background-color: transparent;
    border: none;
}

div.dataTables_wrapper div.bottom {
    padding-bottom: 0;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES_LENGTH
--------------------------------------------------------------------------------------------*/

div.dataTables_length {
    float: left;
    padding: 0 0 5px;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES_FILTER
--------------------------------------------------------------------------------------------*/

div.dataTables_filter {
    width: auto;
    float: right;
    text-align: right;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES_PROCESSING
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper .dataTables_processing {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    margin-left: 0;
    padding: 0px 20px 15px 40px;
    text-align: right;
    color: #00566B;
    font-size: 106.5%;
    font-weight: normal;
    border: none;
    background: #fff url("/Content/images/img-client/icons/bg-autocomplete-loading.gif") no-repeat 0 1px;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES_INFO
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper div.dataTables_info {
    float: left;
    padding: 2px 0 0;
    font-weight: bold;
    width: auto;
}

div.top div.dataTables_info,
div.dataTables_length + div.dataTables_info {
    float: right;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES_PAGINATE
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper div.dataTables_paginate {
    float: right;
    padding: 0;
    text-align: right;
}

div.top div.dataTables_paginate {
    display: none;
}

div.dataTables_wrapper div.dataTables_paginate a {
    display: inline-block;
    width: 24px;
    height: 0;
    padding-top: 22px;
    text-indent: -9999px !important;
    overflow: hidden;
    text-transform: capitalize;
    cursor: pointer;
    border: none !important;
}

    div.dataTables_paginate a.ui-corner-left,
    div.dataTables_wrapper div.dataTables_paginate a.paginate_enabled_previous,
    div.dataTables_wrapper div.dataTables_paginate a.paginate_disabled_previous {
        background: url("/Content/images/img-anja/chevron-left.png");
    }

    div.dataTables_paginate a.ui-corner-right,
    div.dataTables_wrapper div.dataTables_paginate a.paginate_enabled_next,
    div.dataTables_wrapper div.dataTables_paginate a.paginate_disabled_next {
        background: url("/Content/images/img-anja/chevron-right.png");
    }

div.dataTables_paginate a:hover,
div.dataTables_paginate a.ui-state-disabled {
    opacity: .6; /* other browsers  and IE9+ */
    filter: alpha(opacity=60); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */
}

/*--------------------------------------------------------------------------------------------
  DATATABLES TABLE + TABLE TBLMEDIA
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper table,
table#tblMedia {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d4d4d4;
}

    div.dataTables_wrapper table tr.odd,
    table#tblMedia tr.odd {
        background-color: #F6F8FB;
    }

    div.dataTables_wrapper table tr.even,
    table#tblMedia tr.even {
        background-color: rgba(220, 233, 236, 0.5);
    }

    div.dataTables_wrapper table th,
    div.dataTables_wrapper table td,
    table#tblMedia th,
    table#tblMedia td {
        padding: 5px;
        border: 2px solid #FFF;
        border-top-width: 4px;
        vertical-align: top;
        word-wrap: break-word !important;
    }

    #content table th,
    div.dataTables_wrapper table th,
    table#tblMedia th {
        padding: 10px;
        color: #09181B !important;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        border: 2px solid #FFF;
        /*TEXT INSET*/
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
        background: none;
        background-color: #DCE9EC;
    }

    div.dataTables_wrapper table tfoot,
    table#tblMedia tfoot {
        background-color: #e9e9e9;
    }

/*--------------------------------------------------------------------------------------------
  DATATABLES ACTIONROW
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper div.actionsRowSelect,
div.dataTables_wrapper div.actionsAddRow {
    float: left;
    padding: 5px 1%;
    width: 48%;
}

div.dataTables_wrapper div.actionsAddRow {
    text-align: right;
    float: right;
}

div.dataTables_wrapper div.actionsRowSelect select {
    width: 30%;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES DATATABLES_SCROLL - HEAD & BODY
--------------------------------------------------------------------------------------------*/
div.dataTables_scroll {
    clear: both;
    margin: -1px;
}

    div.dataTables_wrapper table,
    div.dataTables_scroll table {
        table-layout: fixed !important;
        width: 100% !important;
        background-color: #fff;
    }

        div.dataTables_wrapper table th,
        div.dataTables_wrapper table td,
        div.dataTables_scroll table th,
        div.dataTables_scroll table td {
            width: auto !important;
            word-wrap: break-word !important;
        }

        div.dataTables_wrapper table th,
        div.dataTables_wrapper table td,
        div.dataTables_scroll table th,
        div.dataTables_scroll table td, x:-moz-any-link, x:default {
            width: 100% !important;
        }

.dataTables_scroll .dataTables_scrollHead {
    height: auto !important;
}

.dataTables_scrollHeadInner, .dataTables_scrollHeadInner table {
    width: 100% !important;
}

.dataTables_scrollBody, .dataTables_scrollBody table {
    width: 100% !important;
}

div.dataTables_scrollBody {
    height: auto !important;
    margin-top: -2px;
}

div.dataTables_scrollHeadInner table {
    margin-bottom: 0px;
}

/*--------------------------------------------------------------------------------------------
  DATATABLE TASKLIST PAIS
--------------------------------------------------------------------------------------------*/

div.dataTables_wrapper table.taskList th.colActions {
    width: 160px !important;
}

#contentwrapper div.dataTables_wrapper table.taskList td select {
    width: 60%;
}

/*--------------------------------------------------------------------------------------------
  DATATABLE SELECTIONPROCEDUR
--------------------------------------------------------------------------------------------*/

table.selectionProcedure th.typeselection-cell {
    width: 16% !important;
}

table.selectionProcedure th.typeselection-none-cell {
    width: 6% !important;
}

table.selectionProcedure th.typeselection-byselor-cell {
    width: 8% !important;
}

table.selectionProcedure th.typeselection-bycustomer-cell {
    width: 6% !important;
}

table.selectionProcedure th.typeselection-addcase-cell {
    width: 40% !important;
}

table.selectionProcedure th.typeselection-score-cell {
    width: 10% !important;
}

table.selectionProcedure th.typeselection-duration-cell {
    width: 8% !important;
}

table.selectionProcedure th.typeselection-actions-cell {
    width: 5% !important;
}

table.selectionProcedure td input.autosubmit {
    width: 75%;
}

table.selectionProcedure td input.numericShort {
    width: 25px !important;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES HIDDEN ELEMENTS
--------------------------------------------------------------------------------------------*/

div.dataTables_scrollFoot {
    display: none;
}

/*--------------------------------------------------------------------------------------------
  DATATABLES COMPETENCETABLE
--------------------------------------------------------------------------------------------*/

table.competence-table ul li {
    padding-left: 20px;
    padding-bottom: 5px;
    line-height: 1;
}

    table.competence-table ul li input {
        margin-left: -20px;
    }

    table.competence-table ul li.main-competence,
    table.competence-table ul li.sub-competence {
        color: #a20075;
        font-weight: bold;
        font-style: italic;
    }

    table.competence-table ul li.sub-competence {
        font-weight: normal;
    }

/*============================================================================================
  CONTEXTUAL NOTIFICATIONS - ERRORS - WARNINGS - SUCCESSES
============================================================================================*/

#content .validation-summary-valid {
    display: none;
}

/*--------------------------------------------------------------------------------------------
  ERRORS - WARNINGS - SUCCESSES
--------------------------------------------------------------------------------------------*/

#content .validation-summary-errors,
#content .validation-summary-warnings,
#content .validation-summary-success {
    display: block;
    width: 89.5%;
    padding: 20px 5%;
    margin-bottom: 20px;
    border: 2px solid #f00;
    background-color: #f9e3e3;
}

#content .validation-summary-warnings {
    border: 2px solid #f60;
    background-color: #f6ead2;
}

#content .validation-summary-success {
    border: 2px solid #13BF00;
    background-color: #E5F9E3;
}

    #content .validation-summary-errors ul,
    #content .validation-summary-warnings ul,
    #content .validation-summary-success ul {
        margin: 0;
        list-style: decimal outside none;
        border: none;
    }

        #content .validation-summary-errors ul li,
        #content .validation-summary-warnings ul li,
        #content .validation-summary-success ul li {
            font-weight: bold;
            color: #f00;
        }

        #content .validation-summary-warnings ul li {
            color: #f60;
        }

        #content .validation-summary-success ul li {
            color: #13BF00;
        }

#content .input-validation-error {
    border: 1px solid #f00;
    background-color: #f9e3e3;
}

/*============================================================================================
  OVERRULING JQUERY_UI-1.8.4.CUSTOM.CSS
============================================================================================*/

div#ui-datepicker-div {
    display: none;
}

/* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-all {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

/*============================================================================================
  UI DIALOG + OVERLAY - SELOR COMMON
============================================================================================*/

/*--------------------------------------------------------------------------------------------
  UI DIALOG + OVERLAY TYPES
--------------------------------------------------------------------------------------------*/

/*.facebox_overlayBG,*/
.ui-widget-overlay,
div.overlay div.background {
    position: fixed !important;
    z-index: 1001 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    background: #666 !important;
    opacity: .6 !important; /* other browsers  and IE9+ */
    filter: alpha(opacity=60); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)" !important; /* this works in IE8 only */
}

div.alertbox {
    position: fixed !important;
    overflow: auto !important;
    z-index: 1010 !important;
    left: 50% !important;
    margin-left: -450px !important;
    padding: 20px 50px !important;
    width: 800px !important;
    top: 5% !important;
    max-height: 75% !important;
    border: 5px solid #00566B !important;
    background-color: #FFF;
    /*SHADOW*/
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    box-shadow: 0px 0px 20px rgba(0,0,0,.8);
}

.ui-dialog {
    /*SHADOW*/
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    z-index: 9999 !important;
    background: #FFF;
}

/*TIJDELIJK MIJN INSTELLINGEN PAGE > GELIJKTREKKEN NAAR ALERTBOX*/
.facebox_overlayBG {
    z-index: 1001 !important;
    background: #666 !important;
    opacity: .6 !important; /* other browsers  and IE9+ */
    filter: alpha(opacity=60); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important; /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)" !important; /* this works in IE8 only */
}

#facebox {
    z-index: 1010 !important;
    width: 600px;
    border: 5px solid #a20075 !important;
    background-color: #FFF;
    /*SHADOW*/
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
    box-shadow: 0px 0px 20px rgba(0,0,0,.8);
}

    #facebox div.popup .content {
        width: 96% !important;
        padding: 2% important;
        font-family: "Open Sans", Arial,Helvetica,sans-serif !important;
    }

        #facebox div.popup .content a {
            font-weight: normal !important;
        }

        #facebox div.popup .content ul li {
            background: none !important;
        }

/*END TIJDELIJK MIJN INSTELLINGEN PAGE > GELIJKTREKKEN NAAR ALERTBOX*/
div.alertbox {
    top: 50% !important;
    margin-left: -300px !important;
    margin-top: -100px !important;
    width: 600px !important;
    height: 100px !important;
    max-height: 100px !important;
    min-height: 100px !important;
}

/*LanguageChooserOverlay*/
#home .ui-dialog {
    top: 50% !important;
    left: 50% !important;
    padding: 20px !important;
    width: 850px !important;
    height: 400px !important;
    margin-left: -445px !important;
    margin-top: -220px !important;
}

    #home .ui-dialog .ui-dialog-titlebar {
        display: none !important;
    }

#home #LanguageChooserOverlay {
    padding: 20px 0 !important;
    margin: 0 !important;
    width: 800px !important;
}

    #home #LanguageChooserOverlay #content,
    #home #LanguageChooserOverlay #content .wrapper {
        max-width: 800px !important;
        min-width: 800px !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: #FFF !important;
    }

        #home #LanguageChooserOverlay #content .first {
            margin-left: 50px !important;
        }

#NewOfficialReport {
    overflow: visible !important;
}

/*--------------------------------------------------------------------------------------------
  UI DIALOG + OVERLAY PARTS
--------------------------------------------------------------------------------------------*/

div.ui-dialog div.ui-resizable-handle {
    display: none !important;
}

a.ui-dialog-titlebar-close:hover {
    border: none !important;
}

a.ui-dialog-titlebar-close span.ui-icon-closethick {
    height: 0;
    width: 22px;
    padding: 0;
    padding-top: 22px;
    overflow: hidden;
    text-indent: -9999px;
    background: url("/Content/images/img-anja/cancel_btn.png");
    margin: 0 !important;
}

a.ui-dialog-titlebar-close:hover {
    background: none !important;
    border: none !important;
}

a.ui-dialog-titlebar-close span.ui-icon-closethick:hover {
    border: none !important;
    opacity: .6; /* other browsers  and IE9+ */
    filter: alpha(opacity=60); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */
}

/*--------------------------------------------------------------------------------------------
  UI TABS
--------------------------------------------------------------------------------------------*/

.ui-tabs {
    padding: 0 !important;
}

/*============================================================================================
  ANJA STRUCTUUR > MID RIGHT & BIG COLUMN
============================================================================================*/

/*--------------------------------------------------------------------------------------------
  GENERAL STRUCTURE
--------------------------------------------------------------------------------------------*/

div#smallcolumn {
    position: relative;
    float: left;
    width: 50%;
    margin-right: 2%;
    margin-bottom: 0;
}

div#midcolumn,
div#bigcolumn {
    position: relative;
    float: left;
    width: 70%;
    /*margin-right:5%;*/
    width: 100%;
    /*margin-bottom:20px;*/
}

div#midcolumn {
    width: 72%;
    margin-right: 2%;
    margin-bottom: 0;
}

div#rightcolumn {
    float: right;
    width: 25%;
    margin: 40px 0 20px;
    background-color: #DCE9EC;
}

div.rightcolumnNoTabs {
    margin: 11px 0 20px !important;
}

/*--------------------------------------------------------------------------------------------
  GENERAL TYPO
--------------------------------------------------------------------------------------------*/

.cat, .purple, .gray {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 138.5%;
    font-family: "WhitneyMedium", Arial, Helvetica, sans-serif !important;
    color: #fff;
    text-transform: none;
}

h3.cat {
    color: #333;
}

div.sectionWrap label {
    display: inline-block;
    width: 100%;
    /*border-top:1px solid red;*/
}

    div.sectionWrap label.checkboxlabel {
        display: inline;
    }

div.sectionWrap div textarea {
    margin-bottom: 20px;
    width: 99.9% !important;
    border: 1px solid #d6d6d6;
    background-color: #F9F9F9;
}

fieldset.formField ul.formList textarea {
    background-color: #fff;
}

div#specs-menu-item select {
    margin-bottom: 5px;
}

/*--------------------------------------------------------------------------------------------
  NAV TABS
--------------------------------------------------------------------------------------------*/

div#tabs {
    width: 100%;
    position: relative;
    margin-top: 30px;
    background-color: transparent;
    border: none !important;
}

    div#tabs ul.ui-tabs-nav {
        position: absolute;
        top: -28px;
        width: 100%;
        list-style: none;
        border-bottom: 2px solid #046e6c;
        border-width: 0 0 2px;
        height: auto !important;
        padding: 0 !important;
        background-color: transparent;
        /*ONLY FF SAFARI IE9 + */
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        div#tabs ul.ui-tabs-nav li {
            float: left;
            margin-left: 0;
            border-width: 1px 1px 0px;
            background-color: #00566B;
            position: relative;
            top: 0;
            padding: 0 !important;
            height: auto !important;
            margin-bottom: -2px;
            margin-right: 3px;
            /*ONLY FF SAFARI IE9 + */
            -moz-border-radius-topright: 3px !important;
            -moz-border-radius-topleft: 3px !important;
            -webkit-border-top-right-radius: 3px !important;
            -webkit-border-top-left-radius: 3px !important;
            border-top-right-radius: 3px !important;
            border-top-left-radius: 3px !important;
        }

            div#tabs ul.ui-tabs-nav li.ui-tabs-selected,
            div#tabs ul.ui-tabs-nav li:hover {
                background-color: #fff !important;
                background-image: none !important;
                border: 1px solid #046e6c !important;
                border-width: 1px 1px 0px !important;
            }

            div#tabs ul.ui-tabs-nav li a {
                display: inline-block;
                padding: 3px 4px 5px !important;
                color: #fff;
                text-decoration: none;
                font-size: 107.7%;
                font-size: 100%;
                font-weight: normal;
                /*TEXT INSET*/
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
            }

                div#tabs ul.ui-tabs-nav li.ui-tabs-selected a,
                div#tabs ul.ui-tabs-nav li a:hover {
                    color: #046e6c;
                    text-shadow: none;
                }

    /*============================================================================================
  TABS CONTENT - SELORTAB
============================================================================================*/

    div#tabs div.selorTab {
        padding: 10px 0;
        padding-bottom: 0;
    }

/*--------------------------------------------------------------------------------------------
  TABS CONTENT - SELORTAB - NAV TABS
--------------------------------------------------------------------------------------------*/

ul.paging-nav {
    overflow: hidden;
    list-style: none;
}

    ul.paging-nav li {
        float: right;
    }

        ul.paging-nav li input {
            display: inline !important;
            width: 24px;
            height: 24px;
        }

/*--------------------------------------------------------------------------------------------
  TABS CONTENT - SELORTAB - REQUESTSTATUS
--------------------------------------------------------------------------------------------*/

p.RequestStatus {
    float: left;
    text-align: left;
    width: 50%;
    clear: both;
}

/*--------------------------------------------------------------------------------------------
  TABS CONTENT - SELORTAB - PROFILECONTENT - PROFILEBOX
--------------------------------------------------------------------------------------------*/

div.profileBox {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div.profileHeader {
    margin-bottom: 10px;
}

div.profileContent {
    padding: 10px 0 0 20px;
}

    div.profileContent p {
        margin-bottom: 5px;
    }

div.profilepart {
    padding-left: 20px;
}

/*--------------------------------------------------------------------------------------------
  FILTER
--------------------------------------------------------------------------------------------*/

fieldset.formField div.left div,
fieldset div.left div {
    width: auto;
    float: left;
}

/*--------------------------------------------------------------------------------------------
  LISTBOX
--------------------------------------------------------------------------------------------*/

div.listbox {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #D4D4D4;
    background-color: #F6F6F6;
}

div.listboxitem div.left {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------------------------------------
  FILTERTOOLBAR
--------------------------------------------------------------------------------------------*/

div.filtertoolbar {
    text-align: left;
    padding: 0;
}

/*--------------------------------------------------------------------------------------------
  FILTERBOX
--------------------------------------------------------------------------------------------*/

fieldset.filterbox {
    padding: 20px;
    margin: 0 0 20px;
    border: 1px solid #D4D4D4;
    background-color: #F6F6F6;
}

    fieldset.filterbox div.inline {
        float: left;
        width: 20%;
        margin-bottom: 20px;
    }

    fieldset.filterbox div.actions {
        float: left;
        overflow: hidden;
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        text-align: right;
        border-top: 1px solid #D4D4D4;
    }

/*--------------------------------------------------------------------------------------------
  BUTTONLIST
--------------------------------------------------------------------------------------------*/

div.listbox ul.buttonList {
    list-style: none;
    overflow: hidden;
}

    div.listbox ul.buttonList li {
        float: right;
        width: auto;
        margin-right: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

/*--------------------------------------------------------------------------------------------
  ERROR - HINT/WARNING NOTIFICATIONS
--------------------------------------------------------------------------------------------*/

div.error, div.warning {
    display: block;
    width: 89.5%;
    padding: 20px 5%;
    margin-bottom: 20px;
    border: 2px solid #dc3545;
    background-color: #f9e3e3;
}

div.warning {
    border: 2px solid #dc3545;
    background-color: #F6F8FB;
}

    div.error ul,
    div.warning ul {
        margin: 0;
        list-style: decimal outside none;
        border: none;
    }

        div.error ul li,
        div.warning ul li,
        div.warning,
        div.warning p {
            font-weight: bold;
            color: #dc3545;
        }

            div.warning p {
                margin-bottom: 0;
            }

ul.formList li div.error {
    display: inline;
    width: auto;
    padding: 0;
    border: none;
    background-color: transparent;
}

    ul.formList li div.error label {
        display: inline-block;
        width: 100%;
        color: #f00;
    }

/*--------------------------------------------------------------------------------------------
  SPECS MENU
--------------------------------------------------------------------------------------------*/

div#specs-menu-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
}
/*--------------------------------------------------------------------------------------------
  FORM LIST
--------------------------------------------------------------------------------------------*/

#midcolumn ul.formList {
    overflow: hidden;
}

ul.formList {
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d4d4;
    list-style: none;
}

    ul.formList li,
    #rightcolumn ul.formList li {
        float: left;
        padding: 0 0 5px 0;
        margin-right: 0;
        margin-left: 0;
    }

/*--------------------------------------------------------------------------------------------
  NEEDS - NEEDACTIONLIST - NEEDREQUETS
--------------------------------------------------------------------------------------------*/

div.Need {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #D4D4D4;
    background-color: #fff;
}

div.NeedRead {
    border: none;
    position: relative;
}

    div.NeedRead h3.NeedName,
    div.NeedEdit h3.NeedName {
        position: relative;
        width: 35%;
        float: left;
        padding: 0 0 15px 35px;
        margin: 0;
        cursor: pointer;
    }

        div.NeedRead h3.NeedName span {
            position: absolute;
            left: 0;
            display: inline-block;
            width: 25px;
            height: 23px;
            background-image: url(/Content/images/img-anja/chevron-down.png);
        }

        div.NeedRead h3.NeedName:hover {
            color: #333;
            text-decoration: underline;
        }

            div.NeedRead h3.NeedName:hover span {
                border: none;
                opacity: .6; /* other browsers  and IE9+ */
                filter: alpha(opacity=60); /* IE6+ */
                filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6+ */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */
            }

        div.NeedEdit h3.NeedName input {
            width: 100%;
        }

    div.NeedRead span.Loading {
        position: absolute;
        left: 5px;
        bottom: -10px;
        width: 140px;
        margin-left: 0;
        padding: 0 0 0 20px;
        text-align: right;
        color: #A20075;
        font-size: 106.5%;
        font-weight: normal;
        border: none;
        background: transparent url("/Content/images/img-client/icons/bg-autocomplete-loading.gif") no-repeat left 0;
    }

fieldset.formField ul.needActionList {
    border: none;
    float: right;
    width: 60%;
    margin-bottom: 0;
}

ul.needActionList li {
    margin-left: 10px;
    float: right;
}

    ul.needActionList li .btn,
    ul.needActionList li .txtBtn {
        padding: 1px 6px 2px;
    }

div.NeedRequests {
    clear: both;
}

/*============================================================================================
  OVERLAY - UI DIALOG - CONTENT
============================================================================================*/
div#uploadForm {
    width: 450px;
}

/*============================================================================================
==============================================================================================
    SPECIFIC STYLING IE9 - HACK \9 BOTH IE8-IE9 - IE OVERRULLED in IE8.css
==============================================================================================
============================================================================================*/

/*--------------------------------------------------------------------------------------------
  SECTION CORRECTION
--------------------------------------------------------------------------------------------*/

div.sectionWrap div.correctionRemark input.iconBtn {
    text-align: top \9 !important;
}

/*--------------------------------------------------------------------------------------------
  BTN
--------------------------------------------------------------------------------------------*/

input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"].btn,
input[type="reset"].btn,
input[type="submit"].btn,
input.btn {
    padding: 4px 4px \9 !important;
}

    input[type="button"].iconBtn,
    input[type="reset"].iconBtn,
    input[type="submit"].iconBtn,
    input.iconBtn {
        padding: 22px 24px 0 0 \9 !important;
    }

/*--------------------------------------------------------------------------------------------
  TABBTN
--------------------------------------------------------------------------------------------*/
ul.tabbtns {
    height: 25px;
    width: 100%;
    list-style: none;
    padding: 0 !important;
    margin: 0 0 2em;
    border-bottom: 2px solid #00566B;
}

    ul.tabbtns li {
        float: left;
        position: relative;
        margin-right: 3px;
        padding: 0 !important;
        cursor: pointer;
        border: solid #00566B;
        border-width: 1px;
        background: #00566B;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    }

        ul.tabbtns li.active,
        ul.tabbtns li:hover {
            background: #fff;
            border-bottom: solid #fff;
            text-shadow: none;
        }

        ul.tabbtns li a {
            display: inline-block;
            padding: 3px 4px 3px !important;
            vertical-align: middle;
            color: #fff !important;
            text-align: center;
            text-decoration: none !important;
        }

            ul.tabbtns li.active a,
            ul.tabbtns li a:hover,
            ul.tabbtns li a:focus {
                color: #00566B !important;
            }

/*--------------------------------------------------------------------------------------------
  PUBBLICATION - PREVIEW
--------------------------------------------------------------------------------------------*/

div.publication-preview {
    width: 100%;
}

    div.publication-preview .header {
        margin-bottom: 30px;
        background: #f5f5f5;
    }

    div.publication-preview .top {
        border: solid #e8e8e8;
        border-width: 0 0 1px;
        padding: 20px;
    }

    div.publication-preview .sub {
        overflow: hidden;
    }

    div.publication-preview .info {
        float: left;
        padding: 20px;
    }

    div.publication-preview .extra {
        float: right;
        text-align: right;
        position: relative;
        display: table;
        height: 90px;
        width: 19%;
    }

    div.publication-preview .rank {
        display: table-cell;
        text-align: center;
        padding: 10px;
        background: #e8e8e8;
        height: 75px;
        vertical-align: middle;
    }

    div.publication-preview .date {
        display: table-cell;
        text-align: center;
        padding: 5px 10px;
        background: #dddddd;
        height: 75px;
        vertical-align: middle;
    }

    div.publication-preview .extra .nr {
        font-size: 1.2em;
        display: block;
        padding: 5px 0;
        font-weight: bold;
    }

h2.preview-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 3em;
    margin: 0;
    padding: 0;
}

div.publication-preview .panel {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 5px;
}

div.publication-preview .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border: solid #dddddd;
    border-width: 1px 1px 0;
    padding: 10px;
}

div.publication-preview .panel-body {
    border: 1px solid #dddddd;
    padding: 10px;
}

    div.publication-preview .panel-body ul {
        padding: 0 15px 15px;
    }

h3.panel-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
}

/* -------------- AANPASSING DRIES -------------- */

td.actions a {
    width: auto;
}

#Enrollments table {
    width: 100%;
}

table.all_associated_procedures td {
    padding: 5px;
    border: 1px solid #CCC;
}

#dlgCheckpoints .ui-dialog,
#dlgTests .ui-dialog {
    top: 50% !important;
    max-height: 600px;
    overflow: auto;
    margin-top: -250px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    padding: 5px;
    position: fixed;
}

    #dlgCheckpoints .ui-dialog .formField .formList li,
    #dlgTests .ui-dialog .formField .formList li {
        width: 100%;
    }

/* -------------- TestSessionCandidates-------------- */

#EventsComboBox {
    float: right;
    width: 40%;
}

#UnAssigned {
    float: left;
    height: 100%;
    width: 40%;
}

#Assigned {
    float: right;
    width: 40%;
    height: 100%;
}

#TSCMain {
    width: 100%;
    height: calc(100% - 70px);
}

#TSCMainButtons {
    position: relative;
    top: 20%;
    width: 20%;
    float: left;
}

    #TSCMainButtons .btn {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        width: 70%;
        margin-left: 12.5%;
    }

#TSCFooter {
    width: 100%;
    height: 30px;
}

#UnAssignedCountLabel {
    float: left;
    width: 40%;
}

#AssignedCountLabel {
    width: 40%;
    float: right;
    text-align: right;
}

#TSCHeader {
    width: 100%;
    height: 30px;
}

#EventCapacityLabel {
    float: left;
    width: 40%;
}