/* =============== RESET TAGS NEW 0*/
body {
    font-size: 100%;
}

table, td, th {
    border-collapse: collapse;
}

ul {
    width: auto;
    list-style: none;
}

ol {
    list-style-position: inside;
    list-style-type: decimal;
}

li a {
    display: block;
}

@media all {
    /* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */
    *html li a {
        height: 1%;
    }
}

a {
    cursor: pointer;
}

/* =============== END RESET TAGS */

body, html {
    margin: 0;
    padding: 0;
    font: normal 11px/18px Lucida Sans, Helvetica, Arial, sans-serif;
}

body {
    height: 100%;
    zoom: 1;
    background: transparent url('/Content/images/bg-contentcontainer.gif') repeat-y 50%;
    overflow-y: scroll;
}

html {
    height: 100%;
    background: url('/Content/images/body_bg.jpg') left top repeat-x #aad6df;
}

#sitebody {
    background: url('/Content/images/ontwikkel-bg.png') 100% -2px no-repeat transparent;
}

/* centreer de boel */
#container {
    background: url('/Content/images/container_bg.png') 0 10px repeat-x transparent;
    margin: 0 auto;
    width: 990px;
}

/* 
=========================================== 
ALGEMEEN
=========================================== 
*/

h1, h2, h3, h4, h5 {
    font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, a, a:hover, a:active, a:focus {
    outline: none;
    outline-width: 0;
    border: none;
}

    a:active {
        border: none;
        outline: none;
        outline-width: 0;
    }

h1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    margin: 0 0 20px 0;
    color: #333;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 12px;
}

.clear {
    clear: both;
}

a.button {
    background: #fff url('/Content/images/button-gradient-overlay.png') repeat-x 0 0;
    display: inline-block;
    padding: 4px 12px;
    color: #333;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    text-shadow: 1px 1px #eee;
    border: 1px solid #aaa;
    position: relative;
    cursor: pointer;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: bold;
}

a:hover.button {
    background: #eee url('/Content/images/button-gradient-overlay.png') repeat-x 0 50%;
}

ol {
	margin-left: 0;
	padding-left: 0;
}

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

#header {
    padding-top: 10px;
}

    #header .logo {
        margin-left: 10px;
        display: block;
        height: 30px;
        width: 284px;
        background: url('/Content/images/logo-mijn-beheer.png') no-repeat left center;
    }

    #header .ingelogd-tekst {
        float: left;
        display: inline;
        padding: 15px 0 15px 10px;
    }

    #header .metaNavigatie {
        float: right;
    }

    #header .navKolom {
        width: 180px;
        float: left;
        padding: 15px 10px 0 0;
    }

        #header .navKolom label {
            border-left: 1px solid #eaefef;
            padding-left: 10px;
            color: #949494;
            font-size: 9px;
            text-transform: uppercase;
        }

        #header .navKolom img {
            margin-top: 22px;
            cursor: pointer;
            margin-right: 2px;
        }

    #header .noSelect {
        display: block;
        height: 18px;
        overflow: hidden;
        padding-left: 25px;
    }

.divComboFabriek,
.navKolom input {
    cursor: pointer;
}

#header .customSelect {
    background: url('/Content/images/custom_select_bg.jpg') no-repeat left center;
    color: #ced7d9;
    padding: 5px 0 5px 0;
    position: relative;
    left: 0;
}

#header input.hsInput {
    width: 130px;
    background: transparent;
    border: none;
    padding: 3px 0 3px 25px;
    color: #4A5378;
    font: bold 10px Tahoma, sans-serif;
}

#header span.selectbox_right {
    display: none;
}

#header select {
    border: 2px solid #f5f9f8;
    position: relative;
    top: 7px;
    left: 0;
    background: #f5f9f8;
    color: #4a5378;
    min-width: 180px;
}

/* 
=========================================== 
NAVIGATIE
=========================================== 
*/

#navigatie {
    clear: both;
    background: transparent url('/Content/images/navigatie_bg.jpg') no-repeat center top;
    width: 972px;
    height: 72px;
    margin-top: 60px;
    margin-left: 6px
}

ul.mainnav {
    margin-left: 10px;
    padding: 0;
    list-style: none;
}

.mainnav li {
    background: url('/Content/images/hoofdnavigatie.jpg') no-repeat -20px 0;
    margin: 1px 10px 0 0;
    height: 34px;
    float: left;
}

    .mainnav li.mainnavstart {
        background-position: 0 3px;
        width: 70px;
    }

    .mainnav li.mainnavhofstaete {
        background-position: -70px 3px;
        width: 98px;
    }

    .mainnav li.mainnavfabriek {
        background-position: -168px 3px;
        width: 83px;
    }

    .mainnav li.mainnavtussenpersoon {
        background-position: -251px 3px;
        width: 132px;
    }

    .mainnav li.mainnavsite {
        background-position: -383px 3px;
        width: 63px;
    }

    .mainnav li span {
        display: none;
    }

    .mainnav li a {
        display: block;
        text-decoration: none;
        margin: 0 11px 0 0; /*Margin between each menu item*/
        padding: 10px 5px 9px 5px; /*Padding within each menu item*/
        height: 17px;
    }

    /* active */
    .mainnav li.mainnavstart.active, .mainnav li.mainnavstart.active:hover {
        background-position: 0 -102px;
        width: 70px;
    }

    .mainnav li.mainnavhofstaete.active, .mainnav li.mainnavhofstaete.active:hover {
        background-position: -70px -102px;
        width: 98px;
    }

    .mainnav li.mainnavfabriek.active, .mainnav li.mainnavfabriek.active:hover {
        background-position: -168px -102px;
        width: 83px;
    }

    .mainnav li.mainnavtussenpersoon.active, .mainnav li.mainnavtussenpersoon.active:hover {
        background-position: -251px -102px;
        width: 132px;
    }

    .mainnav li.mainnavsite.active, .mainnav li.mainnavsite.active:hover {
        background-position: -383px -102px;
        width: 63px;
    }

    /* disabled */
    .mainnav li.mainnavstart.disabled, .mainnav li.mainnavstart.disabled:hover {
        background-position: 0 -31px;
        width: 70px;
    }

    .mainnav li.mainnavhofstaete.disabled, .mainnav li.mainnavhofstaete.disabled:hover {
        background-position: -70px -31px;
        width: 98px;
    }

    .mainnav li.mainnavfabriek.disabled, .mainnav li.mainnavfabriek.disabled:hover {
        background-position: -168px -31px;
        width: 83px;
    }

    .mainnav li.mainnavtussenpersoon.disabled, .mainnav li.mainnavtussenpersoon.disabled:hover {
        background-position: -251px -31px;
        width: 132px;
    }

    .mainnav li.mainnavsite.disabled, .mainnav li.mainnavsite.disabled:hover {
        background-position: -383px -31px;
        width: 63px;
    }

    /* hover */
    .mainnav li.mainnavstart:hover {
        background-position: 0 -68px;
        width: 70px;
    }

    .mainnav li.mainnavhofstaete:hover {
        background-position: -70px -68px;
        width: 98px;
    }

    .mainnav li.mainnavfabriek:hover {
        background-position: -168px -68px;
        width: 83px;
    }

    .mainnav li.mainnavtussenpersoon:hover {
        background-position: -251px -68px;
        width: 132px;
    }

    .mainnav li.mainnavsite:hover {
        background-position: -383px -68px;
        width: 63px;
    }

.subnav {
    clear: both;
}

.topnav {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    list-style: none;
}

    .topnav li {
        height: 38px;
        float: left;
    }

    .topnav a {
        color: #ffffff;
        display: block;
        float: left;
        font-size: 11.5px;
        font-weight: bold;
        margin-right: 10px;
        outline: medium none;
        padding: 10px 7px 8px;
        text-decoration: none;
        text-shadow: 1px 1px #054B07;
        text-transform: lowercase;
    } 

    .topnav a:hover {
	    text-shadow: none;
    }

        .topnav a.active {
            margin-top: 3px;
            text-shadow: none;
            color: #00A98D;
            background: transparent url('/Content/images/navigatie-sub-actief.jpg') repeat-x 0 6px;
        }

.uitlogcontainer {
    float: right;
    width: 400px;
    text-transform: lowercase;
    color: #2c6f7e;
}

.ingelogdtekst {
    text-align: right;
    padding: 9px 10px 0 0;
    text-transform: none;
}

    .ingelogdtekst span {
        text-transform: lowercase;
    }

.uitloggentekst {
    padding: 9px 20px 0 20px;
    margin-left: 15px;
    background: transparent url(/Content/images/icon-slotje.jpg) no-repeat 0 7px;
    float: right;
    font-weight: bold;
}

.uitlogcontainer a {
    color: #2c6f7e;
    text-decoration: none;
}

    .uitlogcontainer a:hover {
        color: #09292F;
    }

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

#content-container {
    clear: both;
    width: 978px;
    float: left;
    background: transparent url('/Content/images/bg-contentcontainer.gif') repeat-y 6px 0;
}

#content-links {
    padding-top: 20px;
    display: inline;
    float: left;
    width: 184px;
    padding-bottom: 80px;
    min-height: 400px;
    background: transparent url('/Content/images/sub-sub-bg.jpg') no-repeat 6px 0;
}

    #content-links h2 {
        margin: 10px 0 0 0;
        background: transparent url('/Content/images/sub-sub-h2.png') no-repeat 0 0;
        width: 199px;
        padding: 8px 0 15px 13px;
        color: #2c7a8f;
        font-weight: bold;
        font-size: 13px;
    }

    #content-links  h2.active {
	    background:transparent url('/Content/images/sub-sub-actief.png') no-repeat 0 0;
    }

.navigatielijst, .navigatielijst ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .navigatielijst a {
        outline: none;
        display: block;
        width: 169px;
        color: #3a3a3a;
        padding: 7px 10px 10px 20px;
        text-decoration: none;
    }

        .navigatielijst a:hover {
            color: #000;
            font-weight: bold;
        }

    .navigatielijst li {
        background: transparent url(/Content/images/navigatielijst-li.png) no-repeat 165px 15px;
        width: 170px;
    }

        .navigatielijst li.active a {
            font-weight: bold;
            color: #000;
            text-shadow: 1px 1px #FFFFFF;
            background: transparent url(/Content/images/sub-sub-actief.png);
        }

        .navigatielijst li li {
            padding-left: 10px;
            width: 160px;
        }

/* 
=========================================== 
CONTENT - rechts
=========================================== 
*/

div.contentpanel {
    margin: 35px 16px 30px 215px;
}

.generalMain {
    width: 100%;
}

/* 
=========================================== 
WIZARD 
=========================================== 
*/

.wizard {
    margin-top: 35px;
    margin-top: 0\9;
    *margin-top: -20px;
}

    .wizard h1 {
        font-size: 22px;
        font-weight: normal;
    }

    .wizard .wizardInfo {
        margin: 0 15px 0 0;
    }

.stepsContainer {
    width: 100%;
    margin-bottom: 20px;
}

    .stepsContainer h4 {
        background: #eff9ff;
        color: #17313F;
        font-size: 12px;
        padding: 4px 12px;
        font-weight: normal;
        width: 722px;
        margin: 30px 0 6px 0;
    }

    .stepsContainer ol {
        margin: 0;
        position: relative;
        padding: 0;
        width: 750px;
        height: 54px;
        background: transparent url('/Content/images/steps-container-bg.gif') no-repeat center left;
    }

    .stepsContainer li {
        float: left;
        font-size: 13px;
        color: #8cafc4;
        *display: inline-block;
    }

        .stepsContainer li.active {
            color: #010101;
        }

.wizard ol li {
    padding-top: 10px;
    padding-left: 12px;
}

    .wizard ol li span {
        display: block;
        position: absolute;
        left: 12px;
        bottom: 9px;
        height: 8px;
    }

li.active span {
    background: transparent url('/Content/images/step-bg-repeat.gif') repeat-x center left;
}

.wizard_controleren p {
    padding: 10px;
    background: #fffccc;
    color: #e38000;
    border: 1px solid #ffe681;
}

.wizard_controleren table {
    width: 100%;
}

    .wizard_controleren table td {
        padding: 5px 5px 5px 10px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #eee;
    }

/* ALS DRIE STAPPEN */

ol.steps3 li {
    width: 238px;
}

.steps3 li.step0 span {
    width: 241px;
}

.steps3 li.step1 span {
    width: 482px;
}

.steps3 li.step2 span {
    width: 723px;
}

/* ALS VIERSTAPPEN */

ol.steps4 li {
    width: 175px;
}

.steps4 li.step0 span {
    width: 180px;
}

.steps4 li.step1 span {
    width: 370px;
}

.steps4 li.step2 span {
    width: 560px;
}

.steps4 li.step3 span {
    width: 723px;
}

.wizard_controleer p {
    color: #8f9b9d;
}

.wizard_voltooid_boven {
    background: url('/Content/images/melding_na_laatste_stap_bovenkant.jpg') left top no-repeat #ffffff;
    color: #0f9e13;
    font-size: 14px;
    padding: 34px 30px 10px 57px;
    margin-top: -20px;
    text-shadow: 1px 1px #f2fcf2;
    width: 667px;
}

.wizard_voltooid_onder {
    background: url('/Content/images/melding_na_laatste_stap_onderkant.jpg') left top no-repeat #ffffff;
    height: 30px;
    margin: 0;
    width: 747px;
}

/* 
=========================================== 
INLOGGEN
=========================================== 
*/

#pnlLogin {
    background: #a9d5e0;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pnlLoginContainer {
    width: 300px;
    margin: 190px auto;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

    .pnlLoginContainer .passwordtop {
        width: 298px;
        height: 40px;
        background: url('/Content/images/inlog_header.png') left top no-repeat;
    }

    .pnlLoginContainer .pnlLoginInner {
        padding: 10px;
    }

    .pnlLoginContainer .changePasswordTop {
        background: url('/Content/images/wachtwoord-wijzigen.png') no-repeat scroll left top transparent;
        height: 40px;
        width: 298px;
    }

.pnlLoginInner .loginerrormsg {
    width: 250px;
    display: block;
    margin: 8px 0 0 0;
}

.pnlLoginContainer .pnlLoginInner label {
    display: block;
    padding: 5px 0;
    width: 260px;
}

.pnlLoginInner input[type="text"],
.pnlLoginInner input[type="password"] {
    border: 3px solid #cacaca;
    font: bold 14px/20px Arial,Verdana,sans-serif;
    height: 25px;
    margin-right: 45px;
    padding-left: 5px;
    padding-top: 5px;
    width: 270px;
    margin-bottom: 10px;
}

    .pnlLoginInner input[type="text"]:focus,
    .pnlLoginInner input[type="password"]:focus {
        background: #ffffe3;
    }

.pnlLoginInner .authenticatieformulier input[type="text"],
.pnlLoginInner .authenticatieformulier input[type="password"] {
    border: 3px solid #f0b662;
}

.button,
.button.authenticate {
    text-indent: 0;
    background: #f9f9f9;
    display: inline-block;
    padding: 5px 13px 6px;
    color: #333;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 1px 1px #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    font-family: Helvetica Neue, Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

    .button.inlog,
    .button.authenticate {
        font-size: 12px;
        font-weight: normal;
        margin: 10px 0;
        background: url('/Content/images/icon_slotje.png') no-repeat 12px center #207c93;
        padding: 7px 13px 8px 30px;
        color: #fff;
        border: none;
        text-shadow: none;
    }

        .button.inlog:hover {
            background-color: #1399ba;
        }

.authenticatieformulier .button.authenticate {
    background-color: #ea6d1d;
    margin-left: -3px;
}

.button.authenticate:hover {
    background-color: #ff751f;
}

.authenticatieformulier {
    background: #fefccb;
    color: #e6733d;
    margin: -8px;
    margin-top: 20px;
    padding: 5px;
}

    .authenticatieformulier .hsRightDiv {
        float: right;
        margin-right: 10px;
    }

    .authenticatieformulier .smsauthenticationmessage {
        display: block;
        padding: 10px;
        margin: -5px;
        margin-bottom: 5px;
        background: #fff99f;
        line-height: 22px;
    }

/* 
=========================================== 
WACHTWOORD VERGETEN & WIJZIGEN
=========================================== 
*/

.changepassword {
    margin-top: -300px;
}

.changepasswordtop,
.changepasswordmiddle,
.changepasswordbottom {
    padding: 0 55px;
}

.changepasswordtop {
    background: url('/Content/images/wachtwoord_wijzigen_top.png') no-repeat left top transparent;
    padding-top: 80px;
    padding-bottom: 20px;
}

.changepasswordmiddle {
    background: url('/Content/images/wachtwoord_wijzigen_middle.png') repeat-y left top transparent;
}

.changepasswordbottom {
    width: 366px;
    height: 44px;
    background: url('/Content/images/wachtwoord_wijzigen_bottom.png') no-repeat left bottom transparent;
}

.pnlLoginInner.changepassword {
    background: none;
    height: auto;
}

/* 
=========================================== 
FORM OVERRIDES
=========================================== 
*/

.hsformdatadiv fieldset {
    border: none;
    margin: 0 0 20px 0;
}

.hsBottomButtons #btnSubmitFormSpan a {
    width: 95px;
    height: 28px;
    background: transparent url('/Content/images/volgende-formtab.gif') no-repeat 0 0;
    text-indent: -9999px;
}

/* 
=========================================== 
Status messages
=========================================== 
*/

#divStatusContainer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
}

.status_message {
    position: relative;
    width: 100%;
    background: #fff;
    background-color: transparent;
}

.message {
    position: relative;
    width: 100%;
    display: none;
    bottom: 0;
    background: transparent url('/Content/images/message-wrapper-bg.png') repeat-x 0 0;
    padding: 0 0 0 0;
    height: 23px;
    clear: both;
}

    .message p {
        height: 25px;
        padding: 0;
        color: #e38000;
        margin: 6px 0 0 -489px;
        width: 973px;
        position: relative;
        left: 50%;
        float: left;
        background: #f5f2bc;
        text-indent: 35px;
        line-height: 25px;
    }

.aDeleteMsg {
    display: block;
    width: 20px;
    height: 20px;
    top: 8px;
    position: absolute;
    right: 10px;
    z-index: 99;
    background: transparent url('/Content/images/adeletemsg.png') no-repeat 50% 50%;
}

.busymsg p {
    background: #fffccc url('/Content/images/loader.gif') no-repeat 10px 5px;
}

.errormsg {
    background: transparent url('/Content/images/message-error-wrapper-bg.png') repeat-x 0 0;
}

.errormsg p {
	color: #781d0d;
	background: #f9a596 url('/Content/images/message-error-icon.png') no-repeat 10px 5px;
}

.succesmsg {
	background: transparent url('/Content/images/message-succes-wrapper-bg.png') repeat-x 0 0;	
}

    .succesmsg p {
        color: #055e01;
        background: #89db84 url('/Content/images/message-succes-icon.png') no-repeat 10px 5px;
    }

.aDeleteMsg {
    float: left;
}

/* META BUTTONS */
.generalMain .meta_buttons {
    float: right;
}

    .generalMain .meta_buttons li a,
    .generalMain .meta_buttons li {
        margin: 0;
        padding: 0;
        display: inline;
    }

        .generalMain .meta_buttons li a {
            padding: 0 3px;
            color: #838282;
            text-decoration: none;
        }

            .generalMain .meta_buttons li a.active,
            .generalMain .meta_buttons li a:hover {
                color: #365a64;
            }

            .generalMain .meta_buttons li a.active {
                font-weight: bold;
            }

/* TITLE CONTAINER */
.title_container {
    margin-top: 0;
}

    .title_container h1 {
        float: left;
        margin-top: 0;
        padding: 3px 0;
    }

a.add_new {
    float: left;
    color: #878686;
    display: block;
    width: 150px;
    height: 32px;
    text-decoration: none;
    background: transparent url('/Content/images/toevoegen_bg.gif') no-repeat 0 0;
    padding-left: 30px;
    line-height: 32px;
    font-size: 12px;
    margin-left: 10px;
    margin-top: -2px;
}

a:hover.add_new {
    color: #000;
    text-decoration: none;
}

.dataTables_length {
    margin-bottom: 10px;
}

#divTableList .dataTables_filter {
    width: 210px;
    float: right;
    height: 28px;
    margin-top: -48px;
    margin-right: 2px;
    position: relative;
    z-index: 999;
}

.searchform input,
.dataTables_filter input {
    font-size: 12px;
    background: none;
    border: none;
    color: #878686;
    font-family: Tahoma, Lucida Sans, Helvetica, Arial, sans-serif;
    padding: 6px 25px 0 24px;
    *padding: 6px 25px 0 24px;
    width: 145px;
}

.fieldset_top_buttons .searchform input {
    width: 165px;
}

.searchform input,
.dataTables_filter input {
    background-image: url('/Content/images/icon-zoeken.png');
    background-repeat: no-repeat;
    background-position: 130px 50%;
}

.fieldset_top_buttons .searchform input {
    background-position: 150px 50%;
}

#searchform {
    display: none;
}

.tree #searchform {
    display: block;
}

.divActiveTrash {
    float: right;
    margin-bottom: -40px;
    padding-top: 55px;
    position: relative;
    z-index: 100;
}

    .divActiveTrash a {
        color: #ccc;
        text-decoration: none;
        padding: 0 4px;
    }

        .divActiveTrash a.active {
            color: #408797;
            font-weight: bold;
        }

#VergelijkingsProductenAfterCompareSet .divActiveTrash {
    /* anders valt ie onder het zoekvakje */
    padding-top: 24px;
}

.generalMain .dataTables_length select {
    padding-right: 3px;
}

/* MIJNBEHEER CONTENT BEWERKEN */

#divTableList .dataTables_filter {
    float: left;
    margin-left: 540px;
    margin-top: -37px;
    margin-bottom: 20px;
    width: 207px;
    -webkit-margin-before: -42px;
}

#frm_doelgroepfiltercontainer {
    top: 55px;
    margin-bottom: 65px;
}

#frm_doelgroepfilterLbl {
    font-weight: bold;
    margin-bottom: 35px;
    margin-left: 212px;
    margin-top: -60px;
    padding: 0;
    width: 535px;
}

#frm_contenttypefiltercontainer {
    margin-bottom: -25px;
}

    #frm_contenttypefiltercontainer div {
        z-index: 1;
    }

#frm_contenttypefilterLbl {
    font-weight: bold;
    margin-bottom: 35px;
    margin-left: 212px;
    padding: 0;
    width: 535px;
}

.dataTables_length {
    margin-bottom: 10px;
    width: 747px;
}

#divActiveTrash {
    padding-top: 0;
}

a.add_new {
    margin-left: 13px;
}

.generalMain .selectbox_right img {
    webkit-margin-before: 3px;
}

/* content bewerken kolom fix */

/* all columns */
.column_contentname,
.column_category,
.column_url,
.column_modified {
    min-width: 0;
}

/* all columns - .column_modified */
.column_contentname,
.column_category,
.column_url {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* define column width */
.column_contentname {
    width: 29%;
}

.edit_table td strong a {
    display: block;
    width: 160px;
}

.column_category {
    width: 19%;
}

.column_url {
    width: 40%;
}

.column_modified {
    max-width: 89px;
    width: 12%;
}

/* EDIT TABLE */

.dataTables_wrapper {
    *clear: both;
}

table.edit_table {
    float: left;
    text-align: left;
    width: 740px;
    background: #f7f7f7 url('/Content/images/tabeltop_bg.gif') no-repeat 0 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.generalMain table.display thead th {
    border: none;
}

.edit_table thead {
    font-size: 12px;
}

    .edit_table thead th:hover {
        text-shadow: 0 1px 1px #ccc;
    }

.edit_table th, .edit_table td {
    text-align: left;
    padding: 6px 10px 0 10px;
    vertical-align: top;
    height: 54px;
    *height: 36px;
    line-height: 12px;
    font-size: 11px;
    min-width: 118px;
    *width: 118px;
}

#content_rechts table.display td,
.edit_table td {
    padding: 8px 10px;
}

.edit_table th {
    line-height: 26px;
    height: 26px;
}

.edit_table .sorting {
    background: url('/Content/images/sort_both.png') no-repeat scroll 95% center transparent;
}

.edit_table .sorting_desc {
    background: url('/Content/images/sort_desc.png') no-repeat scroll 95% center transparent;
}

.edit_table .sorting_asc {
    background: url('/Content/images/sort_asc.png') no-repeat scroll 95% center transparent;
}

.generalMain tr.odd td.sorting_2,
.generalMain tr.odd td.sorting_3,
.generalMain tr.odd,
.generalMain .edit_table tr.odd td.sorting_1,
.generalMain.edit_table .odd td {
    background: #f4f8f9 url('/Content/images/odd_repeat.gif') repeat-x 0 100%;
}

.generalMain tr.even td.sorting_2,
.generalMain tr.even td.sorting_3,
.generalMain tr.even,
.generalMain .edit_table tr.even td.sorting_1,
.generalMain .edit_table .even td {
    background: #fafcfd url('/Content/images/even_repeat.gif') repeat-x 0 100%;
}

.edit_table td .row_actions {
    line-height: 24px;
}

.edit_table a {
    color: #000;
    text-decoration: none;
}

    .edit_table a:hover {
        text-decoration: underline;
    }

.edit_table td strong a {
    color: #408797;
}

#edit_table_wrapper .paging_full_numbers span.paginate_active {
    background: #333;
    color: #fff;
}

/* table pager */
.generalMain .dataTables_paginate, .generalMain .dataTables_info {
    background: transparent url(/Content/images/pager_bg.png) repeat-x 0 0;
    height: 29px;
    line-height: 29px;
    width: 373px;
}

.generalMain .dataTables_info {
    padding-left: 10px;
    width: 364px;
}

.generalMain .paging_full_numbers span.paginate_button,
.generalMain .paging_full_numbers span.paginate_active,
.generalMain .paging_full_numbers span span.paginate_button,
.generalMain .paging_full_numbers span span.paginate_active {
    display: block;
    width: 30px;
    height: 26px;
    text-indent: 9999px;
    overflow: hidden;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none;
    float: left;
    padding: 0;
    margin: 3px 0 0 0;
}

.generalMain .paging_full_numbers span span.paginate_button,
.generalMain .paging_full_numbers span span.paginate_active {
    text-indent: 0;
    text-align: center;
    line-height: 25px;
    color: #333;
    background: transparent url('/Content/images/paginate_active.png') no-repeat 0 0;
}

.generalMain .paging_full_numbers span span.paginate_button {
	background: transparent url('/Content/images/paginate_button.png') no-repeat 0 0; 	
}

.generalMain .paging_full_numbers span.paginate_button.first {
    border-left: 1px solid #b5b5b5;
    background: transparent url('/Content/images/paginate_first.png') no-repeat 0 0;
}

.generalMain .paging_full_numbers span.paginate_button.last {
    background: transparent url('/Content/images/paginate_last.png') no-repeat 0 0;
}

.generalMain .paging_full_numbers span.paginate_button.next {
	background: transparent url('/Content/images/paginate_next.png') no-repeat 0 0; 
}

.generalMain .paging_full_numbers span.paginate_button.previous {
	background: transparent url('/Content/images/paginate_previous.png') no-repeat 0 0; 
}

/* TAB BUTTONS BOTTOM */

.tabbuttons {
    float: left;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 750px;
    background: #fff url('/Content/images/tabbuttons-border.png') no-repeat 100% 0;
}

.tabbuttonsleft {
    float: left;
    display: block;
    position: relative;
}

    .tabbuttonsleft a.button {
        background: #fff url('/Content/images/button-gradient-overlay.png') repeat-x 0 50%;
        border: 1px solid #ccc;
        margin-left: 10px;
    }

.tabbuttonsright {
    display: inline;
    float: right;
    width: auto;
}

.tabbuttons #btnCancelFormSpan a {
    background: #ffffc9;
    color: #000;
    text-decoration: underline;
}

    .tabbuttons #btnCancelFormSpan a:hover {
        font-weight: bold;
        text-decoration: underline;
    }

.tabbuttons #btnSubmitFormSpan a {
    height: 30px;
    background: transparent url('/Content/images/uw-aanvraag-afronden.png') no-repeat 0 0;
    text-indent: -9999px;
}

/* reset standard button behaviour */
.tabbuttons a.cancel,
.tabbuttons a.save,
.tabbuttons a.tussensave,
.tabbuttons a.savenew {
    padding: 0 0 0 20px;
    border: none;
    background: none;
    color: #333;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    letter-spacing: 0;
    margin: 4px 0 0 10px;
    font-size: 11px;
    font-weight: normal;
}

.tabbuttons a:hover.cancel,
.tabbuttons a:hover.save,
.tabbuttons a:hover.tussensave,
.tabbuttons a:hover.savenew {
    text-decoration: underline;
}

.tabbuttons a.tussensave {
    background: transparent url('/Content/images/button-tussensave-icon.png') no-repeat 0 2px;
    float: left;
}

.tabbuttons a.savenew {
    float: left;
    margin-right: 6px;
    background: transparent url('/Content/images/button-savenew-icon.png') no-repeat 0 0;
}

.doubleColumn fieldset .tabbuttons {
    clear: both;
    margin-bottom: 0;
    zoom: 1;
}

    .tabbuttons a.cancel,
    .doubleColumn fieldset .tabbuttons a.cancel {
        float: none;
        padding: 3px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background: #ffdc7f;
        text-decoration: underline;
        zoom: 1;
    }

.tabbuttons a.cancel {
    margin-left: 0;
}

.active_widget_container .tabbuttons a.cancel {
    margin-left: 10px;
}

.tabbuttons a.save {
    float: left;
    width: 99px;
    padding: 0;
    display: inline-block;
    margin: 0 0 0 15px;
    height: 29px;
    background: transparent url('/Content/images/button-save-icon.png') no-repeat 0 0;
    text-indent: -9999px;
}

.divActiveTrash {
    float: right;
}

/****************************************************** 
ALGEMENE TREE
*******************************************************/

.tree_wrapper {
    background: url('/Content/images/tree-bg.gif');
}

.tree ul {
    margin: 0;
    padding: 0;
}

.collapsed ul {
    display: none;
}

.tree ul.level_1 {
    background: transparent url('/Content/images/tree-ul_level1_border.gif') repeat-x 0 0;
    border-bottom: 1px solid #edefee;
    margin: 20px 0;
    padding: 10px 0;
}

.tree ul.level_2,
.tree ul.level_3,
.tree ul.level_4,
.tree ul.level_5,
.tree ul.level_6,
.tree ul.level_7,
.tree ul.level_8
.tree ul.level_9,
.tree ul.level_10 {
    display: none;
}

.tree ul li {
    padding: 1px 0;
}

    .tree ul li li {
        padding: 1px 0 1px 0;
    }

    .tree ul li.level_1 {
        border-top: none;
    }

.tree ul.level_1 li {
    text-indent: 20px;
}

.tree ul.level_2 li {
    text-indent: 45px;
}

.tree ul.level_3 li {
    text-indent: 70px;
}

.tree ul.level_4 li {
    text-indent: 95px;
}

.tree ul.level_5 li {
    text-indent: 120px;
}

.tree ul.level_6 li {
    text-indent: 145px;
}

.tree ul.level_7 li {
    text-indent: 170px;
}

.tree ul.level_8 li {
    text-indent: 195px;
}

.tree ul.level_9 li {
    text-indent: 220px;
}

.tree ul.level_10 li {
    text-indent: 245px;
}

.tree .row {
    position: relative;
}

.tree a {
    text-decoration: none;
    color: #000;
}

    .tree a:hover {
        color: #333;
    }

.tree ul li a {
    padding: 7px 0 7px 30px;
}

    .tree ul li a.trail {
        background: transparent url('/Content/images/tree-open.png') no-repeat 20px 7px;
    }

    .tree ul li a.active_trail {
        background: transparent url('/Content/images/tree-close.png') no-repeat 20px 7px;
    }

    .tree ul li a.node {
        background: transparent url('/Content/images/tree-node.gif') no-repeat 20px 7px;
    }

    .tree ul li a.root {
        background: transparent url('/Content/images/tree-root.png') no-repeat 20px 7px;
    }

.tree ul li div.row:hover {
    background: transparent url('/Content/images/tree-row-bg.png') no-repeat 10px -1px;
}

.tree ul li a.disable,
.tree ul li.trashednode a.node {
    color: silver;
}

.tree ul.level_1 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 20px 7px;
}

.generalTree ul.level_1 li a.node {
    background-position: 28px 7px;
}

.tree ul.level_2 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 45px 7px;
}

.generalTree ul.level_2 li a.node {
    background-position: 53px 7px;
}

.tree ul.level_3 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 70px 7px;
}

.generalTree ul.level_3 li a.node {
    background-position: 78px 7px;
}

.tree ul.level_4 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 95px 7px;
}

.generalTree ul.level_4 li a.node {
    background-position: 103px 7px;
}

.tree ul.level_5 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 120px 7px;
}

.generalTree ul.level_5 li a.node {
    background-position: 128px 7px;
}

.tree ul.level_6 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 145px 7px;
}

.generalTree ul.level_6 li a.node {
    background-position: 153px 7px;
}

.tree ul.level_7 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 170px 7px;
}

.generalTree ul.level_7 li a.node {
    background-position: 178px 7px;
}

.tree ul.level_8 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 195px 7px;
}

.generalTree ul.level_8 li a.node {
    background-position: 203px 7px;
}

.tree ul.level_9 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 220px 7px;
}

.generalTree ul.level_9 li a.node {
    background-position: 228px 7px;
}

.tree ul.level_10 li a {
    font-size: 12px;
    font-weight: normal;
    background-position: 245px 7px;
}

.generalTree ul.level_10 li a.node {
    background-position: 253px 7px;
}

.tree ul li .row-actions {
    display: none;
    margin-top: -2px;
}

.tree ul div.row:hover .row-actions {
    display: block;
    float: right;
    width: 310px;
    z-index: 100;
    position: relative;
}

.doubleColumn .tree ul div.row:hover .row-actions {
    width: 310px;
}

.pakketbeheer .tree ul div.row:hover .row-actions,
.surveybeheer .tree ul div.row:hover .row-actions {
    width: 440px;
}

.tree ul .level_5 div.row:hover .row-actions {
    margin-left: -30px;
}

.tree ul .level_6 div.row:hover .row-actions {
    margin-left: -60px;
}

.tree ul .level_7 div.row:hover .row-actions {
    margin-left: -90px;
}

.tree ul .level_8 div.row:hover .row-actions {
    margin-left: -120px;
}

.tree ul .level_9 div.row:hover .row-actions {
    margin-left: -150px;
}

.tree ul .level_10 div.row:hover .row-actions {
    margin-left: -180px;
}

.tree ul li .moving {
    z-index: 50;
    background: #feffb4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    display: none;
}

.fieldset_description_line div.moving {
    z-index: 50;
    background: #feffb4;
    position: absolute;
    margin-top: 14px;
    left: 0;
    top: 0;
    width: 360px;
    display: none;
}

.trail, .active_trail, .node {
    position: relative;
    z-index: 100;
}

.tree ul li .row-actions a,
.tree ul li .row-actions span {
    display: block;
    width: 62px;
    height: 18px;
    margin-right: 3px;
    float: left;
    margin-top: -30px;
    background-position: 0 6px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 4px;
}

    .tree ul li .row-actions a.arrowup,
    .tree ul li .row-actions a.arrowdown {
        width: 20px;
        background-position: 0 7px;
    }

    .tree ul li .row-actions a.edit_treeitem {
        width: 86px;
        background-image: url('/Content/images/tree-edit.png');
    }

    .tree ul li .row-actions a.add_treeitem {
        width: 86px;
        background-image: url('/Content/images/tree-add.png');
    }

    .tree ul li .row-actions a:hover.add_treeitem {
        background-image: url('/Content/images/tree-add-mo.png');
    }

    .tree ul li .row-actions a.add_product {
        width: 132px;
        background-image: url('/Content/images/add-product.png');
        background-position: 0 7px;
    }

    .tree ul li .row-actions a:hover.add_product {
        background-image: url('/Content/images/add-product-mo.png');
    }

    .tree ul li .row-actions a.add_category {
        width: 132px;
        background-image: url('/Content/images/add-categorie.png');
        background-position: 0 7px;
    }

    .tree ul li .row-actions a:hover.add_category {
        background-image: url('/Content/images/add-categorie-mo.png');
    }

    .tree ul li .row-actions a.add_surveyrisk {
        width: 132px;
        background-position: 0 7px;
        background-image: url('/Content/images/add-risico.png');
    }

    .tree ul li .row-actions a:hover.add_surveyrisk {
        background-image: url('/Content/images/add-risico-mo.png');
    }

    .tree ul li .row-actions a.arrowup {
        background-image: url('/Content/images/tree-up.png');
    }

    .tree ul li .row-actions a.arrowdown {
        background-image: url('/Content/images/tree-down.png');
    }

    .tree ul li .row-actions a:hover.arrowup {
        background-image: url('/Content/images/tree-up-mo.png');
    }

    .tree ul li .row-actions a:hover.arrowdown {
        background-image: url('/Content/images/tree-down-mo.png');
    }

    .tree ul li .row-actions a:hover.edit_treeitem {
        background-image: url('/Content/images/tree-edit-mo.png');
    }

    .tree ul li .row-actions a.delete_treeitem {
        width: 132px;
        background-image: url('/Content/images/tree-delete.png');
    }

    .tree ul li .row-actions a:hover.delete_treeitem {
        background-image: url('/Content/images/tree-delete-mo.png');
    }

    .tree ul li .row-actions a.permanentdelete_treeitem {
        width: 132px;
        background-image: url('/Content/images/tree-deletedef.png');
    }

    .tree ul li .row-actions a:hover.permanentdelete_treeitem {
        background-image: url('/Content/images/tree-deletedef-mo.png');
    }

    .tree ul li .row-actions a.restore_treeitem {
        width: 132px;
        background-image: url('/Content/images/tree-terug_plaatsen.png');
    }

    .tree ul li .row-actions a:hover.restore_treeitem {
        background-image: url('/Content/images/tree-terug_plaatsen_mo.png');
    }

/****************************************************** 
CATEGORIE/MENU BEWERKEN  overwritres van tree alg.
*******************************************************/

.generalEditTree {
    display: none;
    zoom: 1;
}

    .generalEditTree ul.level_1 {
        padding: 10px 0;
        margin: 0;
    }

    .generalEditTree .tree_wrapper {
        width: 100%;
        float: left;
        *width: auto;
        *float: none;
    }

.categoryEditHeader {
    float: left;
    width: 100%;
    padding: 15px 0 8px 0;
    background: #f7f7f7 url('/Content/images/tree-ul_level1_border.gif') repeat-x 0 0;
}

    .categoryEditHeader h3 {
        font-size: 12px;
        padding: 5px 0 15px 0;
        margin: 0;
    }

.generalEditTree ul li {
    position: relative;
}

    .generalEditTree ul li div.row:hover {
        background: none;
    }

    .generalEditTree ul li a {
        display: inline-block;
        width: auto;
        padding: 0 0 0 20px;
        text-indent: 0;
    }

        .generalEditTree ul li a.root {
            background: transparent url('/Content/images/root-node.png') no-repeat 12px 50%;
        }

.generalEditTree ul.level_1 {
    margin-left: 10px;
}

.generalEditTree ul.level_2 li a,
.generalEditTree ul.level_3 li a,
.generalEditTree ul.level_4 li a,
.generalEditTree ul.level_5 li a,
.generalEditTree ul.level_6 li a,
.generalEditTree ul.level_7 li a,
.generalEditTree ul.level_8 li a,
.generalEditTree ul.level_9 li a,
.generalEditTree ul.level_10 li a {
    background-position: 5px 50%;
}

    .generalEditTree ul.level_2 li a.node,
    .generalEditTree ul.level_3 li a.node,
    .generalEditTree ul.level_4 li a.node,
    .generalEditTree ul.level_5 li a.node,
    .generalEditTree ul.level_6 li a.node,
    .generalEditTree ul.level_7 li a.node,
    .generalEditTree ul.level_8 li a.node,
    .generalEditTree ul.level_9 li a.node,
    .generalEditTree ul.level_10 li a.node {
        background-position: 12px 50%;
    }

.generalEditTree ul li a span {
    text-indent: 0;
    display: block;
    padding: 4px 0 4px 5px;
    margin-left: 15px;
    margin-right: 0;
    font-weight: normal;
}

.generalEditTree ul li a.disable span {
    color: silver;
}

.generalEditTree ul li a.selected span {
    color: #fff;
    background: transparent url('/Content/images/tree-selected-left.png') no-repeat 0 50%;
}

.generalEditTree ul li a span span {
    margin-left: 0;
    padding: 4px 5px 4px 0;
}

.generalEditTree ul li a.selected span span {
    background: transparent url('/Content/images/tree-selected-right.png') no-repeat 100% 50%;
}

.generalEditTree ul li div.row {
    padding-left: 0;
}

.generalEditTree ul.level_2 li div.row {
    padding-left: 30px;
}

.generalEditTree ul.level_3 li div.row {
    padding-left: 60px;
}

.generalEditTree ul.level_4 li div.row {
    padding-left: 90px;
}

.generalEditTree ul.level_5 li div.row {
    padding-left: 120px;
}

.generalEditTree ul.level_6 li div.row {
    padding-left: 150px;
}

.generalEditTree ul.level_7 li div.row {
    padding-left: 180px;
}

.generalEditTree ul.level_8 li div.row {
    padding-left: 210px;
}

.generalEditTree ul.level_9 li div.row {
    padding-left: 240px;
}

.generalEditTree ul.level_106 li div.row {
    padding-left: 270px;
}

.generalEditTree ul li div.row:hover {
    background: transparent url('/Content/images/tree-row-bg.png') no-repeat 3px 0;
}

.generalEditTree ul li .row-actions {
    position: absolute;
    right: 20px;
    width: 78px !important;
    top: 5px;
    top: 38px\9;
    *top: 5px;
}

    .generalEditTree ul li .row-actions a {
        padding-left: 0;
    }

        .generalEditTree ul li .row-actions a.selecttreeitem {
            background: transparent url('/Content/images/selecteercategorie.png') no-repeat 0 0;
            margin-top: 4px;
            *margin-top: -30px;
            margin-top: -30px\9;
        }

    .generalEditTree ul li .row-actions span.lockedtreeitem {
        background: transparent url('/Content/images/locked.png') no-repeat 100% 0;
    }

@-moz-document url-prefix() {
    .generalEditTree ul li .row-actions span.lockedtreeitem {
        margin-top: 4px;
    }
}

.generalEditTree ul.level_1 li {
    margin-left: 0; /* omdat ie7 hier de text-indent niet trekt */
    text-indent: 0;
}

.generalEditTree ul {
    text-indent: 0;
    padding: 0;
    margin: 0;
}

/*/************************************************************************************************** 
ON/OFF SWITCH 
****************************************************************************************************/

.switch_image {
    float: right;
    margin-top: -5px;
    cursor: pointer;
}

.switch_image_on {
    background: transparent url('/Content/images/swicth.png') no-repeat 0 2px;
}

.switch_image_off {
    background: transparent url('/Content/images/swicth.png') no-repeat 100% 2px;
}

/**************************************************************************************************** 
WIDGET BEHEER 
*****************************************************************************************************/

/* WIDGETBEHEER RECHTER KOLOM */

#content_rechts.widgetbeheer {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    padding-top: 35px;
    background: transparent url('/Content/images/widget-bg-repeat.png') repeat-y 561px 0;
}

.right_algemeenbeheer_wrapper {
    float: right;
    width: 200px;
    position: fixed;
    z-index: 5;
    margin-left: 562px;
    background: transparent url('/Content/images/widget-bg-repeat.png') repeat-y 100% 0;
    bottom: 0;
    border-left: 1px solid #c4c4c4;
    top: 172px;
}

    .right_algemeenbeheer_wrapper h2 {
        margin: 11px 8px -25px 8px;
        padding-bottom: 5px;
        text-shadow: 1px 1px #fff;
        color: #3a3a3a;
        background: transparent url('/Content/images/forms/line-bottom.gif') 0 100% repeat-x;
    }

.right_algemeenbeheer {
    background: #fff;
    border: 2px solid #d9d9d9;
    overflow-y: scroll;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 30px;
}

.add_widget {
    background: none;
    border: none;
    width: 222px;
    height: 35px;
    background: transparent url('/Content/images/add-widget.png') no-repeat 0 0;
    margin-left: -22px;
    margin-top: 3px;
    cursor: pointer;
}

.algemeen_list_item {
    width: 165px;
    background: transparent url('/Content/images/widget-bottom-bg.png') no-repeat 0 100%;
    margin: 5px 4px 5px 4px;
    z-index: 1000;
}

.algemeen_list_item_head {
    margin: 0;
    background: transparent url('/Content/images/widget-top-bg.png') no-repeat 0 0;
    padding: 3px 3px 3px 8px;
}

    .algemeen_list_item_head h4 {
        white-space: pre; /* CSS 2.0 */
        white-space: pre-wrap; /* CSS 2.1 */
        white-space: pre-line; /* CSS 3.0 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -hp-pre-wrap; /* HP Printers */
        word-wrap: break-word; /* IE 5+ */
        color: #365960;
        font-size: 11px;
        width: 130px;
        padding: 0;
        margin: 0;
    }

.widget_slide_klein {
    background: transparent url('/Content/images/widget_uitklap_klein.png') no-repeat center center;
    width: 22px;
    height: 22px;
    cursor: pointer;
    float: right;
}

    .widget_slide_klein.active {
        background: transparent url('/Content/images/widget_uitklap_klein_active.png') no-repeat center center;
    }

.algemeen_list_item_content {
    padding: 0 10px 2px 10px;
    color: #5a868e;
}

.widget_list_item_content.hidden {
    display: none;
}

/* WIDGET INSTELLINGEN MIDDEN KOLOM*/

.active_widget_container .generalMain.doubleColumn {
    width: 508px;
}

.active_widget_container .generalMain .fieldset_top_buttons {
    padding-top: 26px;
}

.generalMain .active_widget_container fieldset {
    float: none;
}

.active_widget_container {
    width: 512px;
    padding: 4px 4px 10px 4px;
    border: 2px dotted #aaa;
    background: #fbfbfb;
    margin-bottom: 20px;
}

.generalMain .active_widget_container fieldset .fieldset_description {
    position: relative;
    margin-top: 3px;
    z-index: 0;
}

.no_toggle .widget_slide {
    display: none;
}

.active_widget_container .open .widget_slide {
    background: transparent url('/Content/images/widget_uitklap.png') no-repeat center center;
}

.widget_slide {
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: -15px;
    width: 51px;
    height: 13px;
    background: red;
    background: transparent url('/Content/images/fieldset-slide.png') no-repeat 0 0;
}

.active_widget_container .open .widget_slide {
    background: transparent url('/Content/images/fieldset-slide_active.png') no-repeat 0 0;
}

.widget_delete {
    cursor: pointer;
    right: 10px;
    top: -9px;
    padding-top: 10px;
    position: absolute;
    width: 130px;
    height: 30px;
    background: red;
    background: transparent url('/Content/images/delete-button.gif') no-repeat 100% 0;
    z-index: 100;
}

.active_widget_container .fieldset_fields {
    padding-top: 15px;
}

.active_widget_container fieldset.active_widget {
    margin-top: 20px;
    *margin-bottom: 30px;
    *display: block;
    width: 508px;
    border: 2px solid #b4b4b4;
    border-bottom: 1px solid #dbdcdc;
}

.active_widget_container .verwijder_buttons {
    background: #bf2727;
    color: #fff;
    margin: 2px;
    height: 30px;
}

    .active_widget_container .verwijder_buttons span {
        padding: 6px 0 5px 8px;
        float: left;
        font-weight: bold;
    }

    .active_widget_container .verwijder_buttons .delete_def {
        float: left;
        margin-left: 10px;
        margin-top: 2px;
        display: inline-block;
        height: 27px;
        width: 161px;
        background: transparent url('/Content/images/button_def_verwijderen.jpg') no-repeat 0 0;
        text-indent: -9999px;
    }

    .active_widget_container .verwijder_buttons .delete_terugplaatsen {
        float: left;
        margin: 2px 2px 0 2px;
        display: inline-block;
        height: 27px;
        width: 120px;
        background: transparent url('/Content/images/button_terug_plaatsen.jpg') no-repeat 0 0;
        text-indent: -9999px;
    }

.active_widget_container fieldset.inactive_widget {
    margin-top: 20px;
    width: 508px;
    border: 2px solid #b4b4b4;
    border-bottom: 1px solid #dbdcdc;
}

    .active_widget_container fieldset.active_widget h4,
    .active_widget_container fieldset.inactive_widget h4 {
        color: #6d6d6d;
        border-bottom: none;
    }

.active_widget_container fieldset.active_widget.open {
    border: 2px solid #198b1d;
}

    .active_widget_container fieldset.active_widget.open h4,
    .active_widget_container fieldset.active_widget:hover h4 {
        color: #19bfa6;
    }

.active_widget_container fieldset.inactive_widget h4,
.active_widget_container fieldset.inactive_widget p {
    color: #a0a0a0;
}

.fieldset_fields {
    zoom: 1;
}

.active_widget_container .ui-state-highlight {
    height: 100px;
    width: 504px;
    margin: 3px;
    border: 2px dotted #4997c0;
    background: #eaf1f4;
}

.ui-draggable,
.ui-draggable-dragging {
    z-index: 1000;
}

.widget_list_item_head,
.widget_head {
    cursor: move;
}

.generalMain fieldset.widget_beheer_choose_region {
    width: 524px;
}

    .generalMain fieldset.widget_beheer_choose_region a {
        color: #a4bfc5;
    }

    .generalMain fieldset.widget_beheer_choose_region .fieldset_description p {
        line-height: 25px;
        color: #1c3d44;
        padding-top: 10px;
    }

.generalMain fieldset.region_description .meta_buttons {
    margin: 2px 5px 0 0;
}

    .generalMain fieldset.region_description .meta_buttons label {
        font-size: 11px;
        color: #a0a0a0;
        display: inline-block;
        width: 140px;
        line-height: 16px;
    }

.generalMain fieldset.region_description h4 {
    color: #415c62;
    margin: 0;
    padding: 5px 10px 0 10px;
    background: transparent;
    border-bottom: none;
}

.generalMain fieldset.region_description p {
    margin: 0;
    color: #415c62;
    padding: 2px 10px 10px 10px;
}

.generalMain fieldset.region_description {
    border: none;
    background: transparent url('/Content/images/forms/line-bottom.gif') 0 100% repeat-x;
}

.generalMain .active_widget_container h4 {
    padding-left: 2px;
}

.widget_steps_container {
    display: block;
    line-height: 25px;
    margin-left: 13px;
}

.widgetbeheer_stap1 {
    margin-left: 3px;
}

p span.description {
    color: #aaa;
}

.widget_steps {
    text-indent: -9999px;
    display: block;
    float: left;
    width: 28px;
    height: 25px;
    background: transparent url('/Content/images/widget-step1.png') 0 0 no-repeat;
}

.widgetbeheer_stap2 {
	background: transparent url(/Content/images/widget-step2.png) 0 0 no-repeat;	
}

.doubleColumn fieldset .tabbuttons {
	width: 500px;
	background: transparent url('/Content/images/forms/line-bottom.gif') 0 100% repeat-x;	
	padding-bottom: 10px;	
}

    .doubleColumn fieldset .tabbuttons a {
        float: right;
        margin-right: 10px;
    }

.generalMain fieldset h4 .widgetdescription {
    color: #aaa;
    font-weight: normal;
}

/****************************************************************************************************** 
Content Selector 
*******************************************************************************************************/

.generalMain fieldset .content_selector .fieldset_description {
    background-image: none;
}

.content_selector .edit_table {
    background: #f7f7f7 url('/Content/images/tabeltop_bg.gif') no-repeat scroll -20px -6px;
}

.contentselectorLine .toggle_select {
    padding: 0 10px 0 0;
}

    .contentselectorLine .toggle_select a {
        *margin-top: 15px;
    }

.contentselectorLine .path {
    padding: 0 0 0 10px;
}

.generalMain.doubleColumn .dataTables_paginate {
    width: 275px;
}

.generalMain.doubleColumn .dataTables_info {
    width: 213px;
}

.generalMain.doubleColumn #divContentToggledSelect .dataTables_info {
    width: 213px;
}

.generalMain.doubleColumn .dataTables_wrapper {
    min-height: 100px;
}

.generalMain.doubleColumn .dataTables_filter {
    margin: 10px 10px -10px 0;
}

table.edit_table {
    width: 747px;
}

.generalMain.doubleColumn table.edit_table {
    width: 100%;
    *margin-top: 7px;
}

.doubleColumn .edit_table td {
    height: 30px;
}

.doubleColumn .edit_table th {
    width: 60px;
    min-width: 60px;
}

.doubleColumn .edit_table td.column_internenaam {
    min-width: 140px;
    width: 140px;
    *min-width: 160px;
    *width: 160px;
}

.doubleColumn .edit_table td.column_url {
    min-width: 140px;
    width: 140px;
    *min-width: 160px;
    *width: 160px;
}

.doubleColumn .edit_table td.column_selecteer {
    width: 60px;
    min-width: 60px;
    *width: 80px;
    *min-width: 80px;
}

.doubleColumn fieldset.active_widget open .tabbuttons {
    width: 510px
}

/***************************************************************************************************** 	
OTAP manager
****************************************************************************************************/

#edit_table_otap_wrapper {
    margin: 0 10px 40px 10px;
    width: 535px;
}

    #edit_table_otap_wrapper .edit_table td {
        padding: 8px 0 8px 5px;
    }

#edit_table_otap_info  {
	width: 235px;
}

#divForm.otapManager fieldset,
#divForm.otapManager {
    width: 524px;
}

.otapTree {
    display: block;
    width: 525px;
}

    .otapTree ul.level_1 {
        margin-left: 0;
        background: url('/Content/images/otap-tree-top.gif') no-repeat scroll -1px -3px transparent;
    }

.generalMain .form_description {
    width: 524px;
    *margin-bottom: 10px;
}

.otapManager #divTableList .dataTables_filter {
    float: right;
    height: 28px;
    margin-top: -32px;
    *margin-bottom: -20px;
    margin-right: 10px;
    position: relative;
    z-index: 0;
}

.generalMain input.treeCheckbox {
    position: absolute;
    top: 6px;
    *top: 9px;
    border: none;
    background: none;
    left: 12px;
}

.otapTree ul li div.row:hover {
    background: transparent url('/Content/images/tree-row-bg-small2.png') no-repeat 0 0;
}

.generalMain ul li .row .add_single_item {
    position: absolute;
    top: 10px;
    width: 14px;
    height: 14px;
    right: 12px;
    background: transparent url('/Content/images/otap-add-single-item.png') no-repeat 0 0;
}

.right_otapbeheer_wrapper .algemeen_list_item {
    width: 165px;
    background: none;
    margin: 5px 4px 15px 4px;
    z-index: 1000;
}

.right_otapbeheer_wrapper .algemeen_list_item_head {
    background: #eee;
}

    .right_otapbeheer_wrapper .algemeen_list_item_head h4 {
        color: #118214;
    }

.right_otapbeheer_wrapper .algemeen_list_item_content {
    color: #5a868e;
    border-bottom: 1px solid #eee;
    padding: 4px 10px 4px 10px;
    margin: 4px 0 0 0;
}

.right_otapbeheer_wrapper .algemeen_list_item p {
    margin: 0;
    padding: 0;
    color: #363636;
}

    .right_otapbeheer_wrapper .algemeen_list_item p.path {
        color: #b4b4b4;
    }

a.otap_remove_item {
    display: block;
    width: 22px;
    height: 34px;
    float: right;
    background: transparent url('/Content/images/otap-remove-item.png') no-repeat 0 50%;
    margin-right: -5px;
}

a:hover.otap_remove_item {
    background: transparent url('/Content/images/otap-remove-item-mo.png') no-repeat 0 50%;
}

.staging_button {
    display: block;
    background: none;
    border: none;
    width: 222px;
    height: 35px;
    margin-left: -12px;
    margin-top: 3px;
    cursor: pointer;
}

    .staging_button.Ontwikkel {
        background: transparent url('/Content/images/otap-naar-test.png') no-repeat 0 0;
    }

    .staging_button.Acceptatie {
        background: transparent url('/Content/images/otap-naar-productie.png') no-repeat 0 0;
    }

    .staging_button.Test {
        background: transparent url('/Content/images/otap-naar-acceptatie.png') no-repeat 0 0;
    }

.generalMain .otapManager .dataTables_paginate {
    width: 290px;
}

.otap_footer {
    background: transparent url('/Content/images/otap-footer-bg.gif') repeat-x 0 -1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    height: 33px;
    margin: -10px 0 40px 0;
    width: 555px;
}

a.otap_move_group {
    display: block;
    background: transparent url('/Content/images/otap-move-group.png') no-repeat 0 0;
    width: 161px;
    height: 29px;
    margin: 4px 0 0 10px;
}

a:hover.otap_move_group {
    background: transparent url('/Content/images/otap-move-group-mo.png') no-repeat 0 0;
}

/*/**************************************************************************************************** 
OTAP Table
****************************************************************************************************/

.otapManager th, .otapManager td {
    height: auto;
    font-size: 10.5px;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    word-break: break-all;
}

.generalMain .otapManager fieldset {
    background: url('/Content/images/forms/fieldset-bg.gif');
}

#divForm.otapManager fieldset, #divForm.otapManager {
    width: 555px;
}

#divForm .otap_table th.column_checkbox,
#divForm .otap_table td.column_checkbox {
    padding: 0;
    margin: 0;
    min-width: 20px;
    width: 20px;
}

#divForm .otap_table th.column_status,
#divForm .otap_table td.column_status {
    min-width: 20px;
    width: 20px;
}

#divForm .otap_table .column_naam {
    max-width: 230px;
    width: 230px;
}

#content_rechts .otapManager table.display td p {
    padding: 0;
    margin: 0;
}

.otapManager .otap_table {
    background: url('/Content/images/otap-tree-top.png') no-repeat scroll -1px -10px transparent;
    margin-bottom: 10px 0 10px 0;
}

#edit_table_otap_wrapper .otap_table {
    width: 535px;
}

#edit_table_otap_wrapper #edit_table_otap .column_status,
#edit_table_otap_wrapper #edit_table_otap .column_checkbox {
    padding: 0;
}

#edit_table_otap_wrapper #edit_table_otap .sorting_1 {
    display: inline-block;
}

.otapManager .edit_table .column_checkbox,
.otapManager .edit_table .column_status {
    background-image: none;
}

.otap_table .column_status {
    height: 20px;
    width: 20px;
}

.otap_table .deleted .column_status,
.otap_table .even.deleted .column_status {
    background: transparent url('/Content/images/otap-deleted.png') no-repeat 3px 8px;
}

.otap_table .trashed .column_status,
.otap_table .even.trashed .column_status  {
	background: transparent url('/Content/images/otap-trash.png') no-repeat 3px 8px;
}

.generalMain .otap_table .column_checkbox input {
    background: transparent;
    border: none;
    margin: 10px 0 0 5px;
}

#edit_table_otap_wrapper .otap_selected .column_checkbox {
    background: transparent url('/Content/images/tick.png') no-repeat 4px 8px !important;
}

.otap_selected .column_checkbox input,
.otap_selected input.treeCheckbox {
    display: none;
}

.otap_selected,
.otap_selected span span {
    color: #9bb3bf;
}

/**************************************************************************************************** 	
Status melding OTAP met Fancy Box
****************************************************************************************************/

.fancy-message {
    width: 440px;
    padding: 12px;
    height: 300px;
    overflow: hidden;
    text-align: center;
}

    .fancy-message p {
        font-size: 14px;
    }

.otap-message-inner {
    padding: 20px;
    height: 276px;
}

#otap-mess-1 {
    background: #fffccc;
}

#otap-mess-2 {
    text-align: center;
}

#otap-mess-succes {
    border-right: 2px solid #12b117;
    border-bottom: 2px solid #12b117;
    background: #e7ffe9 url('/Content/images/melding_na_laatste_stap_bovenkant.jpg') no-repeat 0 -14px;
}

#otap-mess-fail {
    background: #fdc5c5;
    border: 2px solid #be0707;
}

    #otap-mess-fail h2 {
        color: #be0707;
    }

    #otap-mess-fail p,
    #otap-mess-fail h3 {
        font-size: 10px;
        color: #000;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    #otap-mess-fail h3 {
        font-size: 12px;
        font-weight: bold;
    }

#otap-mess-succes h2 {
    margin-top: 0;
    margin-left: 20px;
    padding-left: 10px;
}

#otap-mess-succes h2,
#otap-mess-succes p {
    color: #0f9e13
}

#otap-mess-succes a:hover,
#otap-mess-succes a {
    color: #000;
}

#log-file {
    text-align: left;
    margin-bottom: -30px;
}

.otap-message-inner textarea {
    width: 375px;
    height: 100px;
}

#otap-mess-fail textarea {
    height: 60px;
}

.otap-button-wrapper {
    margin: 35px 0;
    *margin: 30px 0;
    text-align: center;
}

#otap-mess-succes .otap-button-wrapper {
    margin: 55px 0 0 0;
    *margin: 50px 0 0 0;
}

#otap-mess-fail .otap-button-wrapper {
    margin: 30px 0 20px 0;
    *margin: 20px 0 10px 0;
}

/***************************************************************************************************** 	
OTAP transaction overzicht
****************************************************************************************************/
#otaptransaction_list .dataTables_info,
#otaptransaction_list_detail .dataTables_info {
    width: 364px;
}

/***************************************************************************************************** 	
MENU Manager
****************************************************************************************************/

.menuTree {
    clear: both;
}

.generalMain .menuItemToevoegen label {
    width: 70px;
}

.generalMain .menuItemToevoegen #div_menu_add label,
.generalMain .menuItemToevoegen #divContentToggledSelect label {
    width: 170px;
}

.generalMain .menuItemToevoegen .input_select {
    left: 78px;
    width: 260px;
}

.generalMain .menuItemToevoegen .hsInput {
    width: 260px;
}

.generalMain .menuItemToevoegen .selectbox_right {
    left: 80px;
}

.generalMain .menuItemToevoegen #div_menu_add .hsInput {
    left: 142px;
}

.generalMain .menuItemToevoegen #div_menu_add .selectbox_right {
    left: 144px;
}

.generalMain .menuItemToevoegen #div_contenttypename .hsInput {
    left: 142px;
}

.generalMain .menuItemToevoegen #div_contenttypename .selectbox_right {
    left: 126px;
}

.generalMain .menuItemToevoegen .fieldset_description .hsLine {
    background: none;
}

.generalMain .menuItemToevoegen .fieldset_description_line {
    margin-top: 8px;
    margin-left: -10px;
}

.generalMain .menuItemToevoegen div.neem_over {
    margin-top: 0;
    margin-right: 10px;
}

.generalMain .menuItemToevoegen .contentselectorLine .toggle_select .toggle_select_button {
	margin-top: 3px;
}

.toggle_select span {
	display: inline-block;
	padding: 0 8px 0 0;
	line-height: 30px;
	height: 30px;
	float: left;
}

.generalMain fieldset .contentselector .toggle_select  {
	margin-top:-5px;
}

.generalMain .neem_over a.toggle_select_button,
.generalMain .toggle_select a.neem_over {
	background: transparent url('/Content/images/neem-over.png') no-repeat 0 0;
	width: 94px;
}

.generalMain .toggle_select a.maak_leeg {
	background: transparent url('/Content/images/maak-leeg.png') no-repeat 0 0;
	width: 127px;
}

.menuTree ul li div.row:hover {
	background: transparent url(/Content/images/tree-row-bg-small.png) no-repeat 4px 0;
}

.menuItemToevoegen .edit_table {
	background: #f7f7f7 url('/Content/images/tabeltop_bg_small.png') repeat-y scroll 0 0;
	margin-bottom: 10px;
}

.edit_general_table_wrapper .dataTables_length {
	margin: 10px 0 5px 10px;
}

.edit_general_table_wrapper .searchform {
	margin: 10px 10px 5px 0;
	float: right;
}

.edit_general_table_wrapper .edit_table a.select_content {
    float: right;
    background: transparent url('/Content/images/selecteercategorie.png') no-repeat scroll 0 0;
    width: 62px;
    height: 19px;
    display: block;
    text-indent: -9999px;
}

.edit_menu_table td {
    height: 22px;
}

.generalMain .fieldset_description h5 {
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
}

.generalMain .menuItemToevoegen p.path {
    margin: 4px 0 0 10px;
    color: #080808;
    font-size: 12px;
    position: relative;
    width: 255px;
    word-wrap: break-word;
    z-index: 100;
}

.generalMain .fieldset_description.no_background {
	background: none;
	border: none;
}

/**************************************************************************************************** 	
MENU ITEM
****************************************************************************************************/

#divForm {
    float: left;
    width: 100%;
}

.tree h1 {
    font-size: 16px;
    font-weight: bold;
}

/**************************************************************************************************** 	
PAKKET BEHEER
****************************************************************************************************/
.menubeheer .generalMain .meta_buttons,
.pakketbeheer .generalMain .meta_buttons,
.surveybeheer .generalMain .meta_buttons {
    margin: 20px 0 5px 0;
}

.menubeheer .treeheader,
.pakketbeheer .treeheader,
.surveybeheer .treeheader,
.menubeheer .tree_wrapper,
.pakketbeheer .tree_wrapper,
.surveybeheer .tree_wrapper {
    width: 100%;
    float: left;
}

.treeheader {
    margin-top: 30px;
    margin-bottom: -10px;
    *margin-bottom: 0;
}

    .treeheader h2 {
        padding: 8px 0 0 10px;
    }

    .treeheader a.pakket_verwijderen,
    .treeheader a.pakket_bewerken {
        background: transparent url('/Content/images/pakket-verwijderen.png') no-repeat 0 0;
        display: block;
        float: right;
        width: 160px;
        height: 23px;
        margin: 10px 7px 0 0;
    }

    .treeheader a.pakket_verwijderen {
        background: transparent url('/Content/images/pakket-verwijderen.png') no-repeat 0 0;
    }

    .treeheader a.pakket_bewerken {
        background: transparent url('/Content/images/pakket-bewerken.png') no-repeat 0 0;
    }

    .treeheader a.survey_verwijderen,
    .treeheader a.survey_bewerken {
        background: transparent url('/Content/images/verwijderen.png') no-repeat 0 0;
        display: block;
        float: right;
        width: 105px;
        height: 23px;
        margin: 10px 7px 0 0;
    }

    .treeheader a.survey_verwijderen {
        background: transparent url('/Content/images/verwijderen.png') no-repeat 0 0;
    }

    .treeheader a.survey_bewerken {
        background: transparent url('/Content/images/bewerken.png') no-repeat 0 0;
    }

.menubeheer .generalMain ul.level_1,
.pakketbeheer .generalMain ul.level_1,
.surveybeheer .generalMain ul.level_1 {
    margin-top: 0;
}

a.add_menuitem,
a.add_rubriek {
    background: transparent url('/Content/images/add-rubriek.png') no-repeat 0 0;
    display: block;
    width: 160px;
    height: 31px;
    height: 31px;
}

a.add_rubriek {
    text-indent: -9999px;
}

a.add_surveygroup {
    background: transparent url('/Content/images/add-groep.png') no-repeat 0 0;
    display: block;
    width: 185px;
    height: 29px;
}

a.add_surveygroup {
	text-indent: -9999px;
}

a.add_menuitem {
    width: 180px;
    background: transparent url('/Content/images/add-menuitem.png') no-repeat 0 0;
}


span.add_product {
    background: transparent url('/Content/images/add-product.png') no-repeat 0 0;
    display: inline-block;
    width: 133px;
    height: 22px;
    margin-left: 10px;
    margin-top: -2px;
}

span.text-wrapper {
    margin-top: -3px;
}

.pakketbeheer fieldset table {
    margin-left: 0;
}

    .pakketbeheer fieldset table td {
        padding: 0 3px 0 0;
    }

        .pakketbeheer fieldset table td input {
            width: 28px;
            padding: 0;
        }

.generalMain .treeheader label {
    float: left;
    margin-top: -30px;
    margin-left: 2px;
    color: #777;
}

.pakketbeheer .tree ul li .row-actions a.delete_treeitem,
.surveybeheer .tree ul li .row-actions a.delete_treeitem {
    width: 88px;
}

/**************************************************************************************************** 	
ALGEMENE CLASSES
****************************************************************************************************/
.popup {
    background: #fff;
    padding: 20px;
    border: 10px solid #ccc;
    z-index: 9999;
}

    .popup.generalMain {
        width: auto;
    }

    .popup h1,
    .popup h4 {
        margin: 5px 0 3px 0;
        padding: 0;
        text-align: left;
    }

    .popup h4 {
        margin: 10px 0 0 0;
        font-size: 14px;
    }


    .popup div {
        width: 550px;
        padding: 3px 0;
        margin: 0;
    }

ul.item,
ul.group {
    margin: 10px 0;
    padding: 0;
}

    ul.group ul {
        margin-left: 0;
    }

    .popup ul li,
    ul.item li,
    ul.group li.item {
        margin: 2px 0;
        padding: 2px 0;
        width: 100%;
        float: left;
    }

        ul.item li input,
        ul.group li.item input {
            float: left;
            margin: 0 5px 0 0;
        }

.popup label,
.popup input,
.popup select {
    margin: 0 10px 0 0;
}

.abox {
    margin-top: 30px;
}

    .abox table {
        text-align: left;
    }

/***************************************************************************************************** 	
TOOLTIP - TipTip CSS - Version 1.2 */
/*****************************************************************************************************/

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px;
    }

    #tiptip_holder.tip_right {
        padding-left: 5px;
    }

    #tiptip_holder.tip_left {
        padding-right: 5px;
    }

#tiptip_content {
    font-size: 11px;
    line-height: 17px;
    color: #108213;
    padding: 6px 8px;
    border: 1px solid #198c24;
    background-color: #fbfbfb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #d7f5d8;
    -webkit-box-shadow: 0 0 3px #d7f5d8;
    -moz-box-shadow: 0 0 3px #d7f5d8;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

/* pijltje: border */
#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #198c24;
    border-top-color: rgba(25,140,36,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #198c24;
    border-bottom-color: rgba(25,140,36,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #198c24;
    border-right-color: rgba(25,140,36,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #198c24;
    border-left-color: rgba(25,140,36,0.92);
}

/* binnenkant */
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(251,251,251);
    border-top-color: rgba(251,251,251,01);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(251,251,251);
    border-bottom-color: rgba(251,251,251,1);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(251,251,251);
    border-right-color: rgba(251,251,251,1);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(251,251,251);
    border-left-color: rgba(251,251,251,1);
}

/* file manager */
.filemanager #divFilesHeader fieldset {
    background: none;
}

.filemanager #div_otaptype label {
    width: auto;
}

.filemanager #divPreviewImage {
    display: none;
}

.filemanager #div_otaptype .input_select {
    left: 160px;
}

.filemanager #div_otaptype .test_select {
    z-index: 9999;
}

.filemanager #div_otaptype .selectbox_right {
    left: 182px;
}

#divFilesMain {
    width: 740px;
    height: 600px;
    font-size: 12px;
    position: relative;
}

#divFilesHeader {
    width: 740px;
    height: 45px;
    background-image: url('/Content/images/fileHeaderBackground.png');
    background-repeat: repeat-x;
    position: relative;
    padding-top: 7px;
    left: 0;
    top: 30px;
}

.generalMain #divFilesHeader fieldset .hsLine {
    background: none;
}

#divFilesNavigation {
    position: relative;
    left: 0;
    top: 0;
    height: 56px;
}

#divFilesPreviewImage {
    position: absolute;
    border: 7px solid white;
    left: 0;
    top: 50px;
}

#divFilesDir {
    position: relative;
    border: 0;
    background: #E8E8E8;
    width: 100%;
    height: 25px;
    border-bottom: 1px solid #EEEEEE;
    font-weight: bold;
    text-indent: 10px;
    font-size: 11px;
    *padding-bottom: 20px;
}

    #divFilesDir input#tbDirectory {
        *display: inline-block;
        *margin-top: 10px;
        *margin-bottom: -3px;
    }

#divFilesLeft {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
}

#divFilesRight {
    position: relative;
    top: 23px;
    float: left;
    width: 100%;
    height: 452px;
    background-color: #fcfcfc;
    *z-index: -1;
}

#divFilesHeaderRight {
    position: relative;
    height: 36px;
    background-color: #EEEEEE;
    border-top: 1px solid #F8F8F8;
    border-bottom: 1px solid #DDDDDD;
}

#divFiles {
    overflow: auto;
    background-color: #fcfcfc;
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #FFF;
}

.divFolderUp {
	background-image: url('/Content/images/folderUp.png');
	width: 32px;
	height: 32px;
	cursor: pointer;
	margin-top: 4px;
}

.divFolder {
    background-image: url('/Content/images/folder.png');
    width: 32px;
    height: 32px;
    cursor: pointer;
}

#tbDirectory {
	border: 0;
	background: transparent;
	width: 450px;
	height: 18px;
	font-weight: bold;
	font-size: 11px;
}

#divDirectoryGo {
    position: absolute;
    left: 610px;
    top: 40px;
    width: 108px;
    height: 25px;
    background-image: url('/Content/images/fileRefresh.png');
    cursor: pointer;
}

#divDirectoryNew {
    position: absolute;
    left: 490px;
    top: 40px;
    width: 108px;
    height: 25px;
    background-image: url('/Content/images/newFolder.png');
    cursor: pointer;
}

.fileRowOdd td {
    background-color: #f8f8f8;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #eeeeee;
}

.fileRow td {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #eeeeee;
}

.fileRowOddOver td {
    background-color: #f8f8f8;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #eeeeee;
}

.fileRowOver td {
    background-color: #ffffff;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #eeeeee;
}

#divFileSelectUitleg {
    background: url('/Content/images/met_geselecteerde_items.png') no-repeat 0 100% transparent;
    height: 35px;
    width: 200px;
    z-index: 2;
    margin: 5px 0 10px 0;
    padding-left: 5px;
}

#divFileProgressContainer {
    position: relative;
    z-index: 99;
    margin-top: -61px;
    margin-left: -170px;
}

.aDeleteFiles {
    background: url('/Content/images/otap-deleted.png') no-repeat scroll 0% 0% transparent;
    display: block;
    height: 18px;
    width: 28px;
}

.aSaveFile {
    height: 18px;
    width: 18px;
    display: block;
    background: transparent url('/Content/images/button-tussensave-icon.png') no-repeat 0 0;
    margin-top: 8px;
}

.filesColumnCheckbox {
    padding-left: 10px;
    padding-top: 12px;
    width: 25px;
    display: block;
}

th.filesColumnCheckbox {
    padding-top: 3px;
    *padding-top: 0;
}

#divFiles table {
    margin-top: 10px;
    *margin-top: 30px;
}

#divFiles input {
	margin:0;
	padding:0;
	min-height:0;
	margin-left:2px;
}

#divFiles .filesColumnCheckbox input {
    border: none;
    background: transparent;
}

.filesColumnImg {
    width: 32px;
    margin-top: 6px;
}

th.filesColumnImg {
    width: 32px;
    margin-top: 2px;
}

.filesColumnFileName {
    width: 400px;
    height: 32px;
    padding: 8px 0 4px 0;
}

.filesColumnSize {
    width: 50px;
    padding-top: 8px;
}

.filesColumnFileType {
    padding-top: 8px;
    width: 40px;
}

.filesColumnFileModified {
    padding-top: 8px;
    width: 140px;
}

#divEditFileName {
    position: absolute;
    left: 0;
    top: -1000px;
    height: 32px;
    width: 220px;
    margin-top: 15px;
    *margin-top: 32px;
    margin-left: -2px;
}

#inputEditFileName {
    height: 20px;
    width: 210px;
}

.FMselectdeselect {
    margin-top: -35px;
}

/**************************************************************************************************** 	
FILESELECTOR */
/****************************************************************************************************/

.generalMain #div_image .hsInput,
.generalMain #div_path .hsInput {
    width: 230px;
}

.generalMain #div_image_fileselector .fileselector .hsInput.input_select,
.generalMain #div_path .fileselector .hsInput.input_select {
    width: 298px;
}

.doubleColumn #frm_filename {
    width: 180px;
}

.fileselector {
    zoom: 1;
    clear: both;
    background: url('/Content/images/fileselector_bg.jpg') 0 36px repeat-x #fcfcfc;
    *background-position: 0 38px;
}

    .fileselector .fileselectorheader h2 {
        color: #858080;
        text-shadow: 1px 1px #FFF;
        font-size: 11px;
        line-height: 24px;
        min-height: 24px;
        padding: 2px 0 2px 10px;
        margin: 0;
    }

    .fileselector .fileselectortable {
        width: 100%;
        table-layout: fixed;
    }

        .fileselector .fileselectortable th {
            font-size: 11px;
            font-weight: normal;
            color: #7c7c7c;
            text-shadow: 1px 1px #FFF;
            line-height: 33px;
            padding: 0 10px;
            text-align: left;
        }

        .fileselector .fileselectortable td {
            padding: 3px 5px;
            line-height: 35px;
            text-align: left;
            font-size: 11px;
        }

        .fileselector .fileselectortable .col1 {
            width: 20px;
        }

.doubleColumn .fileselector .fileselectortable .col2 {
    max-width: 180px;
    word-wrap: break-word;
}

.fileselectorinpopup .fileselector .fileselectortable .col2 {
    max-width: 100px;
    width: 100px;
    word-wrap: break-word;
}

.fileselector .fileselectortable .col3 {
    width: 30px;
}

.fileselectorinpopup .fileselector .fileselectortable .col3 {
    width: 40px;
}

.fileselector .fileselectortable .col4 {
    width: 30px;
}

.fileselectorinpopup .fileselector .fileselectortable .col4 {
    width: 30px;
}

.fileselector .fileselectortable .col5 {
    width: 105px;
}

.fileselectorinpopup .fileselector .fileselectortable .col5 {
    width: 90px;
}

.fileselector .fileselectortable .col6 {
    width: 50px;
}

.fileselectorinpopup .fileselector .fileselectortable .col6 {
    width: 50px;
}

.fileselector .fileselectortable .col6 img {
    cursor: pointer;
}

.fileselectorinpopup #cancel {
    display: none;
}

.aSelectAllFiles,
.aDeselectAllFiles {
    display: inline-block;
    margin: 3px 5px 5px 5px;
    color: #aaa;
    text-decoration: none;
    font-size: 11px;
    text-shadow: 1px 1px #fff;
}

    .aSelectAllFiles:hover,
    .aDeselectAllFiles:hover {
        color: #222;
    }

.FMselectdeselect span {
    color: #aaa;
}

#objectEdit a.toggle_select_button,
#objectAdd .toggle_select_button {
    *margin-top: -28px;
    float: right;
    margin-right: 105px;
    *margin-right: 115px;
}

#divContentTypeTemplateAdd .toggle_select_button {
    *margin-top: -28px;
    float: right;
    margin-right: 100px;
    *margin-right: 35px;
}

.wizardtab .toggle_select_button {
    *margin-top: -28px;
    float: right;
    margin-right: 105px;
    *margin-right: 103px;
}

.fileselectorinpopup {
    background: #fcfcfc;
    padding: 5px 0;
}

    .fileselectorinpopup .fileselector {
        background-position: 0 26px;
    }

    .fileselectorinpopup.generalMain label {
        width: 100px;
    }

    .fileselectorinpopup.generalMain .hsLine .input_select {
        left: 110px;
    }

    .fileselectorinpopup.generalMain .hsLine .selectbox_right {
        left: 126px;
        left: 132px\9;
    }

/***************************************************************************************************** 
DOELGROEPEN */
/*****************************************************************************************************/

#frm_doelgroepfiltercontainer {
    position: relative;
    z-index: 999;
    top: 50px;
}

    #frm_doelgroepfiltercontainer label {
        position: relative;
    }

/**************************************************************************************************** 
VERWIJDER TP */
/****************************************************************************************************/

.tussenpersoon_delete_letop {
    color: #e53015;
    background: url('/Content/images/icon_letop.png') left center no-repeat;
    margin-top: 10px;
    padding-left: 30px;
}

    .tussenpersoon_delete_letop span {
        font-weight: bold;
    }

/************************************************************************************************** 
DATE PICKER
/****************************************************************************************************/

#ui-datepicker-div .ui-widget-header,
body .ui-widget-header {
    background: #cee6eb;
}

#ui-datepicker-div,
body .ui-widget-content {
    border: 1px solid #aad6df;
}

body .ui-datepicker-calendar th span {
    color: #4b5e7f;
}

/**************************************************************************************************** 
KOMT ER NIEUW BIJ */
/****************************************************************************************************/

.tussenpersoon_delete_letop {
    color: #e53015;
    background: url('/Content/images/icon_letop.png') left center no-repeat;
    margin-top: 10px;
    padding-left: 30px;
}

    .tussenpersoon_delete_letop span {
        font-weight: bold;
    }

.filtering_errorlog {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-top: 10px;
    background: url('/Content/images/forms/fieldset-bg.gif') repeat-x scroll 0 0 transparent;
    float: left;
}

    .filtering_errorlog .hsLine {
        margin-bottom: 5px;
    }

.errorlog #divTableList .dataTables_filter {
    margin-top: 0;
}

.errorlog #div_fromdate {
    float: left;
}

.errorlog .tooltip {
    margin: 10px;
    cursor: pointer;
}

.errorlog .row_actions a {
    margin-right: 5px;
}

.edit_table td.column_naam {
    word-wrap: break-word;
}

.errorlog .ErrorLogStatus_Current {
    font-weight: bold;
}

.errorlog .generalMain label {
    display: inline-block;
    line-height: 28px;
    min-height: 28px;
    padding: 2px 0 2px 10px;
    vertical-align: top;
    width: 200px;
}

.ui-datepicker-trigger,
.ui-datepicker-trigger:active {
    background: url('/Content/images/forms/datepicker.jpg') no-repeat scroll 0 3px transparent;
    background: url('/Content/images/forms/datepicker.jpg') no-repeat scroll 0 0 transparent\9;
    *background: url('/Content/images/forms/datepicker.jpg') no-repeat scroll 0 3px transparent;
    border: 0 none;
    cursor: pointer;
    height: 28px;
    margin: 0 30px 0 -32px;
    outline: 0 none;
    padding: 0;
    text-indent: -1000em;
    width: 32px;
}

.imagePopUpWrap {
    width: 145px;
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 999;
}

.imagePopUpTop {
    width: 100%;
    height: 8px;
    background: url('/Content/images/imagepopup-top.png') no-repeat scroll 0 0 transparent;
}

.imagePopUpCenter {
    background: url('/Content/images/imagepopup-repeat.png') repeat-y scroll 0 0 transparent;
}

.imagePopCenterInner {
    margin: 0 5px;
    padding: 0 4px;
    width: 126px;
    height: 126px;
    background: url('/Content/images/imagepopup-inner-repeat.png') repeat-x scroll 0 100% #fff;
}

.imagePopUpBottom {
    width: 100%;
    height: 21px;
    background: url('/Content/images/imagepopup-bottom.png') no-repeat scroll 0 0 transparent;
}

.imagePopCenterInner p {
    margin: 0;
    padding: 0;
    line-height: 30px;
    overflow: hidden;
}

.generalMain textarea.resourceTextArea {
    width: 350px;
}

/* KORTINGEN EN TOESLAGEN */

#divContractduur fieldset,
#divBetalingstermijn fieldset {
    position: relative
}

#divContractduur h2,
#divBetalingstermijn h2 {
    font-size: 14px;
    margin: 20px 10px 10px;
}

#divContractduur .divActiveTrash,
#divBetalingstermijn .divActiveTrash {
    margin-bottom: -30px;
    padding-top: 7px;
}

    #divContractduur .divActiveTrash a,
    #divBetalingstermijn .divActiveTrash a {
        color: #000;
    }

#divContractduur .dataTables_length,
#divBetalingstermijn .dataTables_length,
#divContractduur .dataTables_filter,
#divBetalingstermijn .dataTables_filter,
#divContractduur .dataTables_paginate,
#divBetalingstermijn .dataTables_paginate,
#divContractduur .dataTables_info,
#divBetalingstermijn .dataTables_info {
    display: none;
}

#divContractduur a.add_new,
#divBetalingstermijn a.add_new {
    margin: 5px 0 10px 5px;
    background-image: url('/Content/images/toevoegen_bg-gray.png');
}

#divContractduur table.display,
#divBetalingstermijn table.display {
    margin-top: 0;
    background-image: none;
}

    #divContractduur table.display thead th.sorting_asc,
    #divBetalingstermijn table.display thead th.sorting_asc {
        background: #f4f4f5;
        background-image: none;
    }

#divContractduurDetail fieldset,
#divBetalingstermijnDetail fieldset {
    border: 2px dotted #ccc;
    width: 99%;
    margin: 10px 0 10px 0;
    padding-bottom: 5px;
}

#divContractduurDetail div span a.button,
#divBetalingstermijnDetail div span a.button {
    float: right;
    margin: 5px 10px 5px 0;
}

#divContractduurDetail div span a.cancel,
#divBetalingstermijnDetail div span a.cancel {
    font-weight: normal;
    text-decoration: underline;
    float: left;
    -moz-border-radius: 0;
    -moz-box-shadow: none;
    background: none;
    border: none;
}

a.button_bewerken {
    display: block;
    float: right;
    width: 111px;
    height: 29px;
    margin: 10px 7px 0 0;
    background: transparent url('/Content/images/button_bewerken.png') no-repeat 0 0;
}

.sbigroepinstellingenitemlijst {
    padding: 0 10px;
    line-height: 20px;
}

.textarea_opened_in_fancybox {
    width: 98%;
    height: 98%;
    position: absolute;
}

.expiredmsg {
    width: 220px;
    color: red;
}

.uploadknop {
    background: url('/Content/images/uploadknop.png') no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    float: right;
    height: 29px;
    margin-top: -10px;
    text-decoration: none;
    text-indent: -9999px;
    width: 111px;
}

    .uploadknop:hover {
        background-position: left bottom;
    }

/**************************************************************************************************** 
SBI VRAAGBLOK BEHEER */
/*****************************************************************************************************/

#blockGroupContainer div {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

#blockGroupContainer div:hover  {
	background:#fafcfd;
	border-bottom:1px solid #bbc4c8;
}

#blockGroupContainer .blockname, #blockGroupContainer .sbigroupname {
    font-size: 12px;
    line-height: 24px;
}

#blockGroupContainer .blockname {
    font-weight: 700;
}

#blockGroupContainer .sbigroupname {
    margin-left: 15px;
    color: #666;
}

#blockGroupContainer ul {
    margin: 0;
    padding: 10px 0;
}

#blockGroupContainer .vraag, #blockGroupContainer li ul {
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding-left: 15px;
}

    #blockGroupContainer li ul li {
        color: #4c4e4f;
    }

#blockGroupContainer li ul {
    margin-left: 15px;
    border-left: 1px dotted #ccc;
}

#blockGroupContainer .sub_yes {
    color: #076600;
}

#blockGroupContainer .sub_no {
    color: #600;
}

/**************************************************************************************************** 
Actie subacties
/****************************************************************************************************/

.generalMain fieldset.subactionsfieldset {
    background: none #fff;
}

    .generalMain fieldset.subactionsfieldset .hsLine {
        background: none;
    }

        .generalMain fieldset.subactionsfieldset .hsLine label {
            padding-left: 0;
        }

.div_subactionscontainer_row {
    border-bottom: 1px solid #dddddd;
    float: left;
    width: 100%;
    font-size: 12px;
}

.subactions_days,
.subactions_displayname {
    float: left;
    line-height: 35px;
}

.subactions_days {
    width: 192px;
}

.subactions_arrow {
    float: left;
    height: 34px;
    width: 20px;
    background: url('/Content/images/subactie_pijl.png') no-repeat left center transparent;
}

.subactions_delete {
    margin-top: 8px;
    float: right;
    background: url('/Content/images/icon_trash.png') no-repeat left bottom transparent;
    border: medium none;
    display: block;
    height: 20px;
    text-decoration: none;
    text-indent: -9999px;
    width: 20px;
    cursor: pointer;
}

    .subactions_delete:hover {
        background-position: left top;
    }

#div_selectactiondefinition {
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #000;
}

.rightofselect {
    margin-top: -27px;
    float: right;
}

/**************************************************************************************************** 
VISUALIZERS
/***************************************************************************************************/

.topPluginSelect {
    background: url('/Content/images/forms/fieldset-bg.gif') repeat-x scroll 0 0 transparent;
    border: medium none;
    float: left;
    margin: 0 0 10px;
    padding: 10px;
    width: 96%;
}

.tabContainer {
    margin: 0;
    padding: 0;
}

    .tabContainer li {
        margin: 0 0 10px 0;
        display: inline;
    }

        .tabContainer li a {
            border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            -webkit-border-radius: 5px 5px 0 0;
            text-decoration: none;
            background: #eee;
            color: #000;
            padding: 5px 15px;
            float: left;
            display: inline-block;
            margin-right: 10px;
        }

            .tabContainer li a.activeTab {
                background: #f8f8f8;
            }

.weergaveModellenLijst,
.visualizerList {
    padding: 0;
    margin: 0;
}

.tabContent {
    background: #F8F8F8;
    width: 720px;
    float: left;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

    .tabContent ul {
        margin: 0;
        padding: 0;
    }

    .tabContent li {
        padding: 5px 0;
        font-weight: bold;
        margin-top: 30px;
    }

        .tabContent li label {
            font-size: 16px;
        }

        .tabContent li li {
            padding: 5px 0 5px 20px;
            font-weight: normal;
            margin-top: 10px;
        }

            .tabContent li li label {
                font-size: 12px;
            }

    .groupbuttons .button,
    .tabContent .button {
        background: #e8e8e8;
        float: right;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #AAA;
        margin-right: 5px;
        *margin-right: 2px;
    }

        .groupbuttons .button:hover,
        .tabContent .button:hover {
            background: #bbb;
            border: 1px solid #aaa;
            color: #fff;
            cursor: pointer;
        }

.visualizerList .button {
    float: none;
}

.visualizerName {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.item div.selectcontainer {
    *display: inline;
    *margin: 0;
}

.visualizerList .grouplabel {
    margin: 10px 0;
    float: left;
}

.visualizerList .groupbuttons {
    margin: 10px 0;
    float: right;
}

.item {
    margin-top: 10px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    width: 710px;
    float: left;
}

.visualizerList .item li {
    border-top: 1px solid #eee;
    width: 690px;
    padding: 8px 5px 5px 15px;
}

.item .groupbuttons {
    margin: 0;
}

.itemlabel {
    float: left;
    width: 120px;
    *width: 105px;
}

ul.group div.selectcontainer {
    line-height: 12px;
    padding: 1px 1px 0 0;
}

ul.group div.selectcontainer {
    float: left;
}

div.selectcontainer {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 0 0;
    width: 174px;
}

    div.selectcontainer input {
        float: left;
        width: 140px;
        border: none;
    }

    div.selectcontainer span {
        display: block;
        float: left;
    }

.toevoegen {
    background: #eee;
    clear: both;
    padding: 10px 20px;
    width: 214px;
    position: relative;
    top: -1px;
    border-bottom: 1px solid #ddd;
}

    .toevoegen input.button {
        background: #f8f8f8;
        margin-left: 5px;
    }

/**************************************************************************************************** 
Locatie overzicht
/****************************************************************************************************/

#locationcontainer {
    padding-bottom: 10px;
}

    #locationcontainer table {
        width: 100%;
    }

        #locationcontainer table th,
        #locationcontainer table td {
            font-size: 12px;
        }

        #locationcontainer table td {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #eee;
            line-height: 25px;
        }

    #locationcontainer th {
        text-align: left;
        line-height: 20px;
        padding: 10px 10px 3px 10px;
    }

    #locationcontainer td.locdisplayname {
        width: 180px;
    }

    #locationcontainer td.locipaddress {
        width: 120px;
    }

    #locationcontainer td.locdelete a {
        background: url('/Content/images/icon_trash.png') no-repeat left bottom transparent;
        border: medium none;
        display: block;
        height: 20px;
        text-decoration: none;
        text-indent: -9999px;
        width: 20px;
    }

        #locationcontainer td.locdelete a:hover {
            background-position: left top;
        }

/**************************************************************************************************** 
Risico inventarisatie
/****************************************************************************************************/

.surveyriskboproductselect {
    clear: both;
}

.generalMain .surveyriskboproductselect input.hsInput {
    width: 235px;
}

.doubleColumn .surveyriskboproductselect .selectbox_right {
    left: 112px;
}

.boproducts_delete {
    background: url('/Content/images/icon_trash.png') no-repeat left bottom transparent;
    border: medium none;
    display: block;
    height: 20px;
    text-decoration: none;
    text-indent: -9999px;
    width: 20px;
    margin-top: -25px;
    float: right;
}

.div_boproductscontainer_row {
    border-bottom: 1px solid #dddddd;
    width: 100%;
    line-height: 30px;
}

.boproducts_displayname {
    padding-left: 10px;
}

.surveyriskpolicyquestiontable {
    width: 100%; /* 497px; */
}

    .surveyriskpolicyquestiontable th {
        text-align: left;
    }

#questioncode,
#questionproppath {
    width: 75px;
}

#questionlabel {
    width: 160px;
}

.surveyriskpolicyquestiontable .questioncodecol {
    min-width: 70px;
}

.surveyriskpolicyquestiontable .questionproppathcol {
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.surveyriskpolicyquestiontable .questionlabelcol {
    width: auto;
}

.surveyriskpolicyquestiontable .questionactioncol div {
    float: right;
    cursor: pointer;
    width: 24px;
    height: 20px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    border: medium none;
}

    .surveyriskpolicyquestiontable .questionactioncol div.question_delete {
        background: url('/Content/images/icon_trash.png') no-repeat scroll left bottom transparent;
    }

    .surveyriskpolicyquestiontable .questionactioncol div.question_movedown {
        background: url('/Content/images/tree-down.png') no-repeat scroll left bottom transparent;
    }

    .surveyriskpolicyquestiontable .questionactioncol div.question_moveup {
        background: url('/Content/images/tree-up.png') no-repeat scroll left bottom transparent;
    }

.surveyriskpolicyquestiontable .questioncodecol,
.surveyriskpolicyquestiontable .questionlabelcol,
.surveyriskpolicyquestiontable .questionproppathcol,
.surveyriskpolicyquestiontable .questionactioncol {
    vertical-align: top;
}

.surveyriskpolicyquestiontable th.questioncodecol,
.surveyriskpolicyquestiontable th.questionlabelcol,
.surveyriskpolicyquestiontable th.questionproppathcol,
.surveyriskpolicyquestiontable td.questioncodecol,
.surveyriskpolicyquestiontable td.questionlabelcol,
.surveyriskpolicyquestiontable td.questionproppathcol {
    padding: 3px 0 3px 10px; /* .generalMain fieldset td/th 3px 10px */
}

.surveyriskpolicyquestiontable th.questionactioncol,
.surveyriskpolicyquestiontable td.questionactioncol {
    min-width: 75px;
    padding: 3px 10px 3px 0; /* .generalMain fieldset td/th 3px 10px */
}

/**************************************************************************************************** 
VISUALIZERS 
/****************************************************************************************************/ 

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {

    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(251, 251, 251, 1);
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(251, 251, 251, 1);
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20, 20, 20, 0.92);
    }
}