body {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*background-color: #D3E866;*/
    background-image: url(background_kandidaat.gif);
    background-repeat: repeat-y;
}

select {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

table {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

textarea {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

span {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color: #CCEFFC;
    text-decoration: none;
    font-weight: bold;
}

.wizard {
    padding: 5px;
    /*background-color: #D3E866;*/
    z-Index: 20;
    /*position: absolute;
    top: 0;
    left: 160px;
    height: 500px;*/
}

.wizardLeft {
    padding: 5px;
    background-color: transparent; /*#B5D800;*/
    z-Index: 10;
    position: relative;
}

.wizardControlButton {
    width: 100px;
    height: 35px;
    font-weight: bold;
}

.wizardLeft * {
    display: none;
}

.wizardLeft a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.wizardLeft a:hover {
    color: #606A27;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

fieldset {
    border: 2px solid #0792C6;
    margin: 0 10px 10px 10px;
}

.fieldsetContent {
    margin: 10px;
}

legend {
    font-size: 12px;
    font-weight: bold;
}

.radioButtonList label {
    position: relative;
    top: 3px;
}

.dataTable {
    width: 100%;
    table-layout: fixed;
}

.dataTable .cellLeft {
    width: 200px;
}

.dataTable .subTitle {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #606A27;
    font-weight: bold;
}

.textBox {
    width: 276px;
    padding: 2px 4px;
    border: 1px solid #4a1a36;
}

.textBoxDisabled {
    width: 276px;
    border: 1px solid #E9D4E9;
    background-color: #E9D4E9;
    height: 17px;
}

.validationMessage {
    font-weight: bold;
    position: relative;
    top: 10px;
    color: #EC008C;
}

.validationSummary {
    border: 2px solid #FFF;
    padding: 8px 35px;
    color: #fff;
    background: #0792C6 url(../images/information.png) 10px 10px no-repeat;
    margin: 3px 10px;
    width: 100%;
}

.validationSummary ul {
    margin: 7px 16px;
    list-style-type: square;
}

.stepTitle {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #372237;
    margin: 5px 10px 10px 10px;
}

.webLink {
    position: relative;
    top: 2px;
    left: -50px;
}

/* ------[ Buttons ]------ */

.Button-AanmeldingGob {
    position: absolute;
    top: 94px;
    left: 10px;
    z-Index: 10;
}

.Button-LeveringsV {
    position: absolute;
    top: 44px;
    left: 10px;
    z-Index: 10;
}

.Button-PrintPagina {
    position: absolute;
    top: 94px;
    left: 10px;
    z-Index: 10;
}

.runLocation {
    position: absolute;
    top: 10px;
    right: 10px;
    color: red;
    font-size: 19px;
    z-index: 1000;
    display: none;
}

.contentWrapper {
   /* position: relative;*/
   position:absolute;
 width:900px;
    top: 46px;
}

/* -----[ Layers ]-----*/

#backgroundLeft {
    background-color: #00B2EC;
    z-Index: 1;
    position: absolute;
    width: 160px;
    height: 600px;
    top: 0;
    left: 0;
}

#backgroundRight {
    background-color: #66D1F4;
    z-Index: 1;
    position: absolute;
    width: 100px;
    height: 500px;
    top: 0;
    left: 160px;
    display: none;
}

#topMenuWrapper {
    background-color: #99DFF9;
    height: 46px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 160px;
    z-Index: 10;
}

.wizardControlButtonStart {
    width: 120px;
    height: 30px;
    font-weight: bold;
    position: relative;
    border: 2px solid #fff;
    background-color: #0D769D;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 166px;
    z-Index: 50;
}

.wizardControlButtonStep {
    width: 120px;
    height: 30px;
    font-weight: bold;
    position: relative;
    border: 2px solid #fff;
    background-color: #0D769D;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 292px;
    z-Index: 50;
}

.wizardControlButtonFinish {
    width: 120px;
    height: 30px;
    font-weight: bold;
    position: relative;
    border: 2px solid #fff;
    background-color: #0D769D;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 292px;
    z-Index: 50;
}

/* -----[ StepView ]----- */

.stepView {
    background-color: transparent;
    height: 40px;
    width: 500px;
    position: absolute;
    top: 1px;
    left: 460px;
    z-Index: 40;  
}

.stepViewTable {
    /*table-layout: fixed;*/
    height: 40px;
    margin: 0;
    padding: 0;
}

.stepViewImageCell {
    text-align: center;
    width: 80px;
    height: 24px;
}

.stepViewImageCell img {
    width: 16px;
    height: 16px;
    border: 0;
    position: relative;
    left: 4px;
}

.stepViewTitleCell {
    text-align: center;
}


.stepViewImageCellSelected {
    text-align: center;
    width: 80px;
    height: 24px;
    background-color: #66D1F4;
}

.stepViewImageCellSelected img {
    width: 16px;
    height: 16px;
    border: 0;
    position: relative;
    left: 4px;
}

.stepViewTitleCellSelected {
    text-align: center;
    background-color: #66D1F4;
}


.stepViewImage {
    background-image: url(../images/icons/accept-grey.png);
    background-repeat: no-repeat;
}

.stepViewImageSelected {
    background-image: url(../images/icons/user_edit.png);
    background-repeat: no-repeat;

}

.stepViewImageDone {
    background-image: url(../images/icons/accept.png);
    background-repeat: no-repeat;
}

.stepViewTitle {
    
}

.stepViewTitleSelected {
    color: #145973;
}

/* -----[ Form Validation ]----- */

.validationImage {
    width: 16px;
    height: 16px;
    background-image: url(../images/icons/bullet_error.png);
    background-repeat: no-repeat;
}
