/*  ***************************************************
    CSS for Singapore CKA Questionnaire

    :: default.css ::    

 *************************************************** */
body
{
    font-family: Arial;    
    margin-top:0px;
}

h1
{
    font-family: Rockwell;
    font-size: 24px;
    font-weight: bold;
    color:#333333;
    text-decoration:underline;
}

h2
{
    font-family: Rockwell;
    font-size:15px;
}


.container
{
    margin-left:auto;
    margin-right:auto;
    width:800px;  
}

.header {
    /*background-color: #000000;
    height: 85px;
    width: 800px;*/
    height: 50px;
    /*width: auto;
    max-height: 78px;
    max-width: 50%;*/
    color: #FFFFFF;
    /*background-image: url("/Content/Images/CI_Header_800.gif");*/
    /*background-image: url("/Content/Images/City_Index_Logo.svg");*/
    background-repeat: no-repeat;
    /*background-image: -moz-linear-gradient(  center top,  rgb(61,61,61) 9%,  rgb(0,0,0) 59% );*/
}


.content
{    
}

.greetings
{
    font-family: Rockwell;
    font-weight: normal;
    font-size: 22px;
    color:#333333;
    padding: 5px 0px 10px 3px;
}

.backgroundInformation
{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    padding:20px;    
    height:325px;
    font-size:11px;
    text-align:justify;
    /*border: solid 2px #333333;*/
    /*background-color: #FFD500;*/
    /*background-image: -moz-linear-gradient(  center top,  rgb(255,222,57) 9%,  rgb(255,213,0) 59% );*/
}

.backgroundInformation li
{
    padding-bottom:10px;
}

.userOptions
{
    
}

.userOptions h1
{
    font-family: Rockwell;
    font-size: 24px;
    font-weight: bold;
    color:#333333;
    text-decoration:underline;
}

.userOption
{       
    margin:0px 40px 40px 40px;
}

.userOption h2
{
    font-family: Arial;
    font-size:16px;
    font-weight:bold;
}

.optionDivide
{
    background-color:#000000;
    height:3px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    width:60%;    
}

.userOption p
{
    font-size:12px;
    padding-left: 25px;
}

.declarationTickBox
{
    float:left;
    width:10%;
    height:65px;
    padding-top:25px;
    text-align:right;
}

.declaration
{
    float:left;
    width:70%;
    height:90px;
}

.declarationButton
{
    float:left;
    width:20%;
    height:65px;
    padding-top:25px;
    text-align:center;
}

.button
{
    font-weight:bold;
    font-size:15px;
    border:solid 1px black;
    width:125px;
    height:30px;
}

.checkBox
{
    height:50px;   
    width:50px;
}

#sessionDisabledText
{
    font-weight:bold;
    color:#FF1115;
    font-size:18px;
}

.questionHeader
{
    font-family: Rockwell;
    font-size: 24px;
    font-weight: bold;
    color:#333333;  
    margin-left: 10px;  
    margin-top: 10px;    
}

.questionText
{
    font-size:16px;
    font-weight:bold;
    margin-left:12px;
    margin-top: 10px;
}

.questionButtonContainer
{
    height:50px;
}

.questionButton
{
    font-weight:bold;
    font-size:15px;
    border:solid 1px black;
    width:125px;
    height:30px;
    float:right;
}

.optionsContainer
{
    margin-left:30px;
    margin-top:20px;
}

.optionsContainer td
{
    height: 30px;    
}

.optionsContainer label
{
    padding-left:10px;
}

.optionDetailContainer
{
    font-family: Arial;
    font-size:14px;
    margin: 10px 0px 10px 32px;  
}

/* Container Override */
#_optionDetailContainer_CKAQuestion9
{
    margin-left: -60px;
}

.optionDetailTextBox
{
    width:150px;
}

.optionDetailLabel
{
}

.optionText
{
    font-size:14px;
}


.subOptionsContainer
{
    margin-left:100px;
    margin-top:20px;
}

.subOptionsContainer td
{
    height: 30px;    
}

.subOptionsContainer label
{
    padding-left:10px;
}

.questionDivide
{
    height:2px;
    margin-left: 9%;
    margin-right: 30%;
    margin-top: 10px;
    background-color: Black;
}

.confirmation p
{
    font-size:12px;
    padding-left: 25px;
}


.infoBox
{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    padding:20px;    
    height:40px;
    font-size:11px;
    text-align:justify;
    border: solid 2px #333333;
    /*background-color: #FFD500;*/
    /*background-image: -moz-linear-gradient(  center top,  rgb(255,222,57) 9%,  rgb(255,213,0) 59% );*/
}

.internalProceedText
{    
    font-family:Rockwell;
    font-size:18px;
    color:#5F91AF;    
    width:100%;
    vertical-align:bottom;
}

.requiredText
{
    color: red;
    font-weight: bold;
    font-size: x-large;
}

.validationErrorContainer
{
    /*background-color: #FFD520;*/
    height: 50px;
}

.validationErrorMessage
{
    float:left;
    font-family: Rockwell;
    font-weight: bold;
    color:#333333;    
    vertical-align:middle;
    height: 35px;
    margin: 15px 15px 0px 15px;
}

.validationIconContainer
{
    float:left;
    font-family: Rockwell;
    font-size: 28px;
    font-weight: bold;
    color:#333333;
    text-decoration:underline;
    vertical-align:middle;
    height: 35px;
    margin: 5px 10px 0px 15px;
}

.validationIcon
{
    height: 40px;
    width: 40px;
}