body
{
    font-family: Kievit, Verdana, Arial;
    font-size:1em;
    background-image: url('../Pix/Layout/BodyBackground.png');
    background-repeat: repeat-x;
    background-color: #ededec;
}

@font-face {
font-family: Kievit;
src: url('../WebFonts/KievitWeb.eot');
}

@font-face {
font-family: Kievit;
src: url('../WebFonts/KievitWeb.woff') format('woff');
}

.shell
{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    margin-top: 150px;
}

.login
{
    margin-left: auto;
    margin-right: auto;
    width: 422px;  
}

.loginForm
{    
    margin-bottom: 10px;
}

.loginForm .box
{

}

.loginForm .box .top
{
    background-image: url("../Pix/Layout/LoginFormBoxBackgroundTop.png");
    background-repeat: no-repeat;
    background-position: top;
    height: 6px;
}

.loginForm .box .center
{
    background-color: #ededec;
}

.loginForm .box .bottom
{
    border-bottom: 1px solid #c6c7c8;
}

.loginForm .content
{
    padding: 10px;
}

.loginForm .content h3
{
    font-size:1.4em;
    font-weight:normal;
    margin-top:5px;
    margin-bottom:5px;
    }

.loginForm input, select
{
    border: 2px solid #ffffff;
    background-image: url("../Pix/Layout/LoginFormBoxBackgroundField.png");
    background-repeat: repeat-y;
    width: 300px;
    margin-bottom:5px;
}

.loginForm label
{
    display: block;
    font-size: 0.8em;
    margin-top:10px;
}

.loginFormButtonBar
{    
    margin-top: 10px;    
    background-color:#ededec; 
    padding:5px 10px 5px 10px;
    height:27px;
    border-top:1px solid #c6c7c8; 
    border-bottom: 1px solid #c6c7c8;
    color: #f7921e;
}

.loginFormButtonBarText
{
    color: #f7921e;
    margin-top:3px;
    float:left;
    }



.loginFormButtonBar button
{
    display: block;
    float: right;
    width: 28px;
    height: 25px;
    background-image: url("../Pix/Layout/MembersPanelButtonBackground.png");
    background-color: transparent;
    padding: 0px;
    font-size: 0.9em;
    color: #ffffff;
    text-decoration: none;    
    border: 0px;
    margin-left: 0px;
    padding-bottom:6px;
    cursor:pointer;

}




.loginFormButtonBar button:hover, a:hover
{
    
}



.loginFormButtonLink
{
    display: block;
    float: right;
    width: 28px;
    height: 25px;
    background-image: url("../Pix/Layout/MembersPanelButtonBackground.png");
    background-color: transparent;
    padding: 0px;
    font-size: 0.9em;
    color: #ffffff;
    text-decoration: none;    
    border: 0px;
    margin-left: 0px;
    padding-bottom:0px;
}


.loginForm input[type=checkbox] + label 
{    
        
    display:inline;
    
    }    

.loginForm input[type=checkbox]
{               
    margin-top:10px;
    margin-right:10px;    
    box-shadow: none;                       
    width:auto;                  
}




.logoutFormButtonBar
{    
    margin-top: 10px;    
}

.article
{

}

.article .box
{
    width: inherit;
}

.article .box .topLeft
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;

}

.article .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/ArticleBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.article .box .centerLeft
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.article .box .centerRight
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.article .box .bottomLeft
{
    background-image: url("../Pix/Layout/ArticleBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.article .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/ArticleBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}









.article .content
{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom:10px;
    color: #808080;
}

.article .content a
{
    color: #808080;
}

.article .field
{
    font-size: 0.9em;
}

.article .majorField
{
    font-size: 1.2em;
}

.article .minorField
{
    font-size: 0.6em;
}


.article .spacer
{
    height: 10px;
}

.article label
{
    display: block;
    font-size: 0.6em;
}

.article .note
{
    font-size: 0.8em;
}

.article .infoBox
{
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}








.formSection
{
    margin-bottom: 10px;
}

.formSection .box
{
    width: inherit;
}

.formSection .box .topLeft
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.formSection .box .topRight
{
    height: 40px;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.formSection .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 1em;
    line-height: 40px;
    vertical-align: middle;
    padding-left: 13px;
}


.formSection .box .centerLeft
{
    background-image: url("../Pix/Layout/FormsectionBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.formSection .box .centerRight
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.formSection .box .bottomLeft
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.formSection .box .bottomRight
{
    height: 15px;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.formSection .content
{
    padding-top: 5px;
    margin-left: 13px;
    margin-right: 10px;   
}

.formSection .textField
{
    border: 1px solid #C6C7C8;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-y;
    background-color: #ededec;
    width: 500px;    
    margin-bottom:5px;
    margin-right:10px;
}

.formSection .textField[disabled]
{
    background-image: url("../Pix/Layout/FormSectionTextFieldDisabledBackground.png");
    background-repeat: repeat-x;
    background-color: #909090;
    } 

.formSection .majorTextField
{
    border: 1px solid #C6C7C8;
    font-size:1.2em;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-y;
    background-color: #ededec;
    width: 500px;
    margin-bottom:5px;   
    margin-right:10px;
    }

.formSection .filenameField
{
    width: 300px;
    margin-bottom: 5px;
    margin-right:10px;
}

.formSection input[type=checkbox], input[type=radio]
{    
    vertical-align:middle;        
}

.formSection label
{
    display: block;
    font-size: 0.8em;
    color: #f7931e;
}

.formSection .note
{
    font-size: 1em;
}

.formSection .infoBox
{
    background-color: #eAeAeA;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.formSection .error
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundFieldError.png");
    background-color: #ffd9d9;
}

.formSection .imageUploadIcon
{
    width: 80px;
    height: 60px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIcon:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIcon img
{
    width: inherit;
    height: inherit;
}

.formSection .imageUploadIconPortrait
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
    
   
    
}

.formSection .imageUploadIconPortrait:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIconPortrait img
{
    
    width: inherit;
    height: inherit;
}

.formButtonBar
{
    margin-top: 10px;
    text-align: right;
}

.formButtonBar button
{
    width: 159px;
    height: 38px;
    background-image: url("../Pix/Layout/FormButtonBarButtonBackground.png");
    background-color: transparent;
    padding: 0px;
    font-size: 0.8em;
    color: #ffffff;
    border: 0px;
    margin-left: 0px;
    padding-bottom:6px;
}

.formButtonBar button:hover
{
    background-image: url("../Pix/Layout/FormButtonBarButtonBackgroundHover.png");
}

    
    
.stepline
{
    line-height: 37px;
    font-size: 0.8em;
    color: #ffffff;
    margin-bottom: 10px;
}

.stepline .escapeZone
{
    position: relative;
    float: right;
}

.stepline .escapeZone .box
{
    position: absolute;
    width: 50px;
    left: -50px;
}

.stepline .escapeZone .box button
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackground.png");
    background-position: right;
    background-color: transparent;
    float: right;
    width: 15px;
    height: 37px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}

.stepline .escapeZone .box button:hover
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackgroundHover.png");
}

.stepline .box .centerLeft
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundLeft.png");
    background-repeat: no-repeat;
    padding-left: 8px;
    height: inherit;
}

.stepline .box .centerRightStep0Of0
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep0Of0.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep1Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .box .centerRightStep1Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep3Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep3Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .content .step1Label
{
    
    float: right;    
    width:100px;
    margin-right:15px;
    overflow:hidden;
}

.stepline .content .step2Label
{
    
    float: right;    
    width:100px;
    margin-right:15px;
    overflow:hidden;
}

.stepline .content .step3Label
{
    
    float: right;    
    width:75px;
    overflow:hidden;
}


.stepline .content img
{
    width: 16px;
    height: 25px;
    padding-top: 8px;
}


.message
{
    margin-bottom: 10px;
}

.message .information
{
}

.message .information .box
{
    width: inherit;
}

.message .information .box .topLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .information .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .information .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .information .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .information .box .centerRight
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .information .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .information .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}


.message .information .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageInformationSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .warning
{
}

.message .warning .box
{
    width: inherit;
}

.message .warning .box .topLeft
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .warning .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .warning .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .warning .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .warning .box .centerRight
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .warning .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .warning .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageWarningBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.message .warning .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageWarningSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}


.message .error
{
}

.message .error .box
{
    width: inherit;
}

.message .error .box .topLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .error .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .error .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

.message .error .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .error .box .centerRight
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .error .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .error .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.message .error .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .content .headline
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 3px;
}

.message .content .note
{
    font-size: 0.8em;
}

.clearance
{
    clear:both;
    }