/****************************************/
/* OAS style sheet                      */
/* Date: 09/02/2009                     */
/****************************************/

body 
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    background: #FFFFFF url("../images/fading_background_3.png") repeat-x;
    margin-top: 5px;
}

#master
{
    width: 800px;
    margin: 0 auto;
    background-color: White;
    min-height: 500px;
    padding: 10px;
}

#masterHeader
{
    background: url("../images/OasisUFIHeader.gif") no-repeat 0px 0px;
}

#masterHeaderText
{
    float: right;
    width: 310px;
    height: 60px;
    background: url("../images/OASHeader.gif") no-repeat 0px 27px;
}

#masterFooter
{
    clear: both;
    font-size: small;
}

#mainContainer
{
    clear:both;
    margin-top: 10px;
}

h1
{
    background: #D9D9D9;
    font-weight: bold;
    font-size: medium;  
    padding: 5px;
    margin: auto 0px 5px 0px;
}

.questionSection
{
    border: solid 1px #2139bd;
    float: left;
    width: 570px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.stepNameQuestions
{
    background: #D9D9D9;
    font-weight: bold;
    font-size: medium;  
    padding: 5px;
}

.stepNameQuestions
{
    margin: auto -5px 5px -5px;
}

.sidebarSection
{
    float:right;
    width: 200px;
}

.sidebarSectionBox
{
    background: #E3EBF5;
    margin-bottom: 10px;
}

.sidebarSectionBoxHeader
{
    background: #D9D9D9;
    font-weight: bold;
    padding: 3px 3px 3px 1px;
}

.sidebarSectionBoxContent
{
    font-size: x-small;
}

.leftImg
{
    float: left;
    padding: 5px;
}

.rightImg
{
    float: right;
    padding: 5px;
}


.leftButton, .leftFancyButton
{
    float: left;
    margin: 5px;
}

.rightButton, .rightFancyButton
{
    float: right;
    margin: 5px;
}

.OASRule
{
    clear: both;
    background: url("../images/OASHorizontal.gif") repeat-x 0px 0px;
    height: 10px;
    margin: 2px 0 2px 0;
}

.questionRule
{
    clear: both;
    height: 3px;
    margin: 5px;
    background: url("../images/OASQuestionRule.gif") repeat-x 0px 0px;
}

span.underline
{
    text-decoration: underline;
}

.secondaryQuestionDiv
{
    margin-left: 20px;
    margin-bottom: 10px;
    border-left: solid 1px #2139bd;
    padding-left: 10px;
}

.tertiaryQuestionDiv
{
    margin-left: 40px;
    margin-bottom: 10px;
    border-left: solid 1px #2139bd;
    padding-left: 10px;
}

/* Added class - ITWF #4679 */
.quarternaryQuestionDiv  
{
    margin-left: 60px;
    margin-bottom: 10px;
    border-left: solid 1px #2139bd;
    padding-left: 10px;
}

.questionHeader
{
    font-weight: bold;
}

.questionError
{
    color: Red;
}

div.centerDiv
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    text-align: center;
}


.infoForm, .infoForm2
{
    margin-bottom: 20px;
    border-color: #D9D9D9;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
}

.infoForm legend, .infoForm2 legend
{
    font-size: 1.1em;
    font-weight: bold;
}

.infoForm small, .infoForm2 small
{
	display: block;
	margin: 0 0 5px 205px; /* left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.infoFormLabel
{
    display: block;
    text-align: right;
    width: 200px;
    float: left;
    margin-right: 5px;
    font-weight: bold;
}

.infoForm input
{
    margin-left: 5px;
    margin-right: 10px;
    width: 300px;
}

.infoForm p
{
    margin: 10px;
    padding: 0px;
}

div.notes {
  float: right;
  width: 220px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  color: #666666;
  font-size: 88%;
}

div.notes h4 {
  background-image: url(../images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

.infoForm2
{
    /*border: solid 1px white;*/
    margin-top: 10px;
}

.infoForm2 input
{
    float: left;
    margin: 0px 10px 0px 10px;
}

.infoForm2 label
{
    float: left;
    text-align: left;
    width: 680px;
}

.infoForm2 div
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.startSurveyError
{
    display: block;
	margin: 0 0 0 210px; /* left margin set to align w/ right column inputs */
    padding: 1px 3px 0 0;
	font-size: .8em;
}

.finishSurveyError
{
    display: block;
    padding: 1px 3px 0 0;
	font-size: .8em;
	color: Red;
}

.fancyButton, .rightFancyButton, .leftFancyButton
{
    padding: 5px;
    margin: 5px;
    border: 1px solid #000;
    background-color: #D9D9D9;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: Black;
}

/* This is for Firefox */
.fancyButton:disabled, .rightFancyButton:disabled, .leftFancyButton:disabled
{
    color: Gray;
}

.timeoutError
{
    text-align: center;
    color: Red;
}

.totalText
{
    font-weight: bold;
    font-size: medium;
}

a.masterPageLinks:visited
{
    color: Blue;
}

/****************************************/
/* ErrorBlock style sheet               */
/* Date: 08/07/2009                     */
/****************************************/

#errorBlockContainer
{
    border: solid 1px Red;
    margin: 8px 5px;
    font-size: small;
}

#errorBlockTextContainer
{
    background: url("../images/icon_error.gif") no-repeat 5px 5px;
    padding-left: 40px;
    padding-top: 10px;
    float: left;
}

#errorBlockList
{
    margin-bottom: 0px;
    margin-top: 0px;
}

.errorDivClear
{
    clear: both;
}