body {
	margin: 0px;
	padding: 0px;
	background-color:#0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #444444;
}

p,h1,h2,h3,h4,div,td,th { margin:0px; padding:0px; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size:1.0em; }

#container {
    width:768px;
    margin:10px auto 10px auto;
    background-color:#FFFFFF;
    border:1px solid #006600;
}

#content { 
	font-size:1.2em;
	padding: 30px 30px 80px 40px;
	margin: 0px;
}
#content p { font-size:1.0em; margin:1.4em 0em; }
#content li { font-size:1.0em; }
#content h1 { font-size:1.4em; margin: 0px 0px 1.4em 0px; color:#0239BC; }
#content h2 { font-size:1.3em; margin:1.3em 0em; color:#0239BC; }
#content h3 { font-size:1.2em; margin:1.2em 0em; color:#0239BC; }
#content h4 { font-size:1.1em; margin:1.1em 0em; color:#0239BC; }
#content a:link,
#content a:active,
#content a:visited,
#content a:hover
{
    color:#0239BC;
    text-decoration:none;
}
#content a:hover
{
    text-decoration:underline;
}

.validationError { color:#CE0031; }

.validationSummary {
    padding:10px 10px 10px 70px;
    background-color:#FFF7DE;
    background-image:url('../images/alertsign.gif');
    background-repeat:no-repeat;
    background-position:18px 12px;
    color:#CE0031;
    border:1px solid #E5E5E5;
    font-weight:bold;
}
.validationSummary ul {
    margin:4px 0px 4px 20px;
    padding:0px;
    font-weight:normal;
    list-style-type:disc;
}
.validationSummary ul li {
    color:#CE0031; 
    margin:0px;
    padding:0px;
}

/*Questionnaire Styles*/
#questionnaire h4 span.practice { color:#AA0000; }

/*Questionnaire Text Question Styles*/
#questionnaire div.textQuestion
{
    clear:both;
}
#questionnaire div.textQuestion p
{
    vertical-align:middle;    
}
#questionnaire div.textQuestion label
{
    float:left;
    width:8em;
}
#questionnaire div.textQuestion input
{
    width:16em;
}


/*Questionnaire Photo Question Styles*/
#questionnaire div.photoQuestion 
{
    width:660px;
    height:440px;
    position:relative;
    margin-top:2.0em;
}
#questionnaire div.photoQuestion div.question
{
    width:300px;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#questionnaire div.photoQuestion div.possibleAnswers
{
    position:absolute;
    width:280px;
    top:120px;
    left:364px;
    display:none;
}
#questionnaire div.photoQuestion div.possibleAnswers div.possibleAnswerRow
{
    text-align:center;
    margin:20px 0px;    
}
#questionnaire div.photoQuestion input
{
    color:#000000; 
    background:#FFFFFF; 
    text-align:center; 
    padding:3px 4px; 
    text-decoration:none; 
    width:88px;
    border:1px solid #0099FF; 
    cursor:pointer;
}
#questionnaire div.photoQuestion input:hover {
    background:#DFF3FF;
}
#questionnaire div.photoQuestion input.selected
{
    background-color:#0099FF;
    color:#FFFFFF;
}
#questionnaire div.photoQuestion div.possibleAnswers input.Anger { margin-right:10px; }
#questionnaire div.photoQuestion div.possibleAnswers input.Surprise { margin-left:10px; }
#questionnaire div.photoQuestion div.possibleAnswers input.Sadness { margin-right:40px; }
#questionnaire div.photoQuestion div.possibleAnswers input.Happiness { margin-left:40px; }
#questionnaire div.photoQuestion div.possibleAnswers input.Fear { margin-right:10px; }
#questionnaire div.photoQuestion div.possibleAnswers input.Disgust { margin-left:10px; }

#questionnaire div.photoQuestion div.startFirstPhotoQuestion
{
    position:absolute;
    top:182px;
    left:461px;  
    text-align:center; 
    display:none; 
}
#questionnaire div.photoQuestion div.isFirstPhotoQuestionMessage
{
    position:absolute;
    top:186px;
    left:140px;  
    width:320px;
    text-align:left;  
    display:none;    
}
#questionnaire div.photoQuestion div.submitAnswer
{
    position:absolute;
    top:182px;
    left:461px;  
    width:80px;
    text-align:center;  
    display:none;
}


/*Questionnaire Option Question Styles*/
#questionnaire div.optionQuestion
{
    clear:both;
}
#questionnaire div.optionQuestion p
{
    vertical-align:middle;    
}
#questionnaire div.optionQuestion table
{
    margin-left:8em;
}
#questionnaire div.optionQuestion p.comments label
{
    float:left;
    width:8em;
}


/*Questionnaire Grid Question Styles*/
#questionnaire div.gridQuestion
{
    clear:both;
}
#questionnaire div.gridQuestion p
{
    vertical-align:middle;    
}
#questionnaire div.gridQuestion label
{
    float:left;
    width:8em;
}
#questionnaire div.gridQuestion table.grid
{
    border-collapse:collapse;
    margin-top:1.0em;
    margin-bottom:1.0em;
}
#questionnaire div.gridQuestion table.grid th
{
    text-align:center;
    font-weight:normal;
    padding:2px;
    vertical-align:bottom;
    border:1px solid #C3D4DF;
    background-color:#EFF9FF;
}
#questionnaire div.gridQuestion table.grid td
{
    padding:2px;
    border:1px solid #C3D4DF;
    text-align:center;
}
#questionnaire div.gridQuestion table.grid td.gridRowName
   {
    text-align:left;
}

#questionnaire div.gridQuestion table.grid input
{
    width:90%;
}


/*Questionnaire MultiSelect Question Styles*/
#questionnaire div.multiSelectQuestion
{
    clear:both;
}
#questionnaire div.multiSelectQuestion p
{
    vertical-align:middle;    
}
#questionnaire div.multiSelectQuestion div.possibleAnswers
{
    margin-left:8em;
}
#questionnaire div.multiSelectQuestion div.possibleAnswers p
{
    margin:0.3em 0;    
}
#questionnaire div.multiSelectQuestion p.comments label
{
    float:left;
    width:8em;
}


#submit
{
    text-align:center;
    margin-top:40px;
}
#submit input.button
{
    border:1px solid #0099FF;
    background-color:#FFFFFF;
    font-weight:bold;
    width:6em;
}

.progess
{
    float:right;
    font-size:1.3em;
    font-weight:bold;
    color:#7F7F7F;
}
.progess em
{
    
    font-style:normal;
    color:#0239BC;
}