@charset "UTF-8";

body{
        font-family:  Verdana, Arial,sans-serif;
        color: black;
        background-color: #4477B2;
        margin:0;
        padding: 0;
}
a{text-decoration: none;
  color: blue;}
a:hover{text-decoration: underline;}

#container{
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2px;
 background-color: white;
 border: 2px solid #B1953A;
}

#containertop
{

}

/* =HEADER */
#SurveyHeader
{
   padding-bottom: 10px;
   text-align: center;
   /*height: 150px;*/
   border-bottom: 1px solid #B1953A;
   position:relative;
   background-color: white;
}

#OMBHeader
{
 position: absolute; 
 right: 3px;
 top: 5px;
 font-size: 11px;  
 color: black;
 text-align: right;
}

h1
{
   margin: 0; 
   font-size: 30px;
   padding-top: 5px;
   color: #4477B2;  
}

.bold
{
    font-weight: bold;
}

span#surveyTitle
{
    color: black;
}

/*Progress Bar Styles*/
div#progressBarWrapper
{
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 2em;
    margin-top: 2em;
    height: 20px;
    display: block;
}

div#progressBar
{
    width: 92%;
    float: left;
    border: 1px solid #cccccc;
    height: 20px;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

div#progressBarFill
{
    background-color: #00538E;
    height: 14px;
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
}

div#progressBarText
{
    width:8%;
    float: right;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: .8em;
    height: 20px;
    font-weight: bold;
}

/*Styles for the DIV containing the Error Message*/
#errorTextWrapper
{
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 2px solid red; 
    text-align: center;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
 }
 #errorTextMessage
 {
   font-weight: bold; 
   color: red;
   font-size: 16px;
 }
 
 /*Styles for the DIV containing the Error Message*/
#editTextWrapper
{
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 2px solid red;
    width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
 }
 #editTextMessage
 {
   font-weight: bold;
   color: red;
   font-size: 16px;
 }        
        
#questionTextWrapper
{
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 25px;
        margin-top: 20px;
}

#questionNumber
{
	font-weight: bold;
	font-size:16px;
        margin-right: 5px;
}

#questionText
{
	font-size:16px;
}

#informationTextWrapper
{
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 10px;
        margin-top: 20px;

}

#informationText
{
	font-size:16px;
}

#surveyForm
{
	font-size:14px;
}

#surveyForm\3A standardResponseWrapper
{
      margin-left: 25px;
}

#surveyForm select
{
    margin-right: 10px;
    margin-left: 3px;
}

#surveyForm input
{
    margin-left: 3px;
}

#surveyForm label
{
    margin-right: 10px;
}

table.checkboxes td
{
    padding-left: 25px;
    text-indent: -25px;    
}

#surveyForm\3A specialResponsePanel
{
    font-size: 14px;
    font-weight: normal;
    margin-top: 25px;
    margin-left: 35px;
    width: 350px;
}

#SurveyContent{

}


/*Styles for the DIV containing the navigation links/buttons*/
#navPanel
{
    margin-top: 15px;
    position:relative;
    height: 30px;
    clear: both;
}

#surveyForm\3A nextQuestionButton
{

    position:absolute;
    right: 25px;
    /*left: 200px;*/

}

#surveyForm\3A previousQuestionButton
{

    position:absolute;
    left: 25px;

}

#surveyForm\3A finishButton
{

    position:absolute;
    right: 25px;

}

#surveyForm\3A srbox
{
}

textarea
{
    width: 70%;
}

/* =FOOTER */
#footer_wrapper{
 width: 900px;
  margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
}
#footer{
    text-align: center;  
    font-size: 10px;
    color: white;
}
#footer .logo{


}
#footer .logo span{

}

#footer a{
    color: white;
}

#footer a:hover
{
    text-decoration: underline;
}

#declineFooter
{
    padding-top: 1em;
    color: white;
    text-align: center;
    font-size: 90%;
}

#declineFooter a{
    color: #00B6CA;
}

#declineFooter a:hover
{
    text-decoration: underline;
}

.surveyImage
{
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

#QDSW_DEBUG
{
    display: none;
}

#betaExportForm
{
    display: none;
}