body {
background-color:#f7f0c5;
font-size:14px;
color:#000;
border:0;
margin:0;
padding:0px;
}

#answers
{
margin:0 auto;
width:90%;
}




#completed
{
   width:75%;
   text-align:center;
 background-color:#fff;
 margin:10px auto;
 padding-top:10px;
   outline: 1px solid #111111;
}


#questionhelp
{
font-size: 10px; 
font-style: italic;
line-height:30px;
vertical-align:middle;
}

#questionhelp img
{
   margin:5px;
}
#question
{
outline: 1px solid #444;
background-color:#fff;
width:97%;
margin:20px auto;
}

#questiontext
{
font-weight:bold;
font-size:14px;
padding:10px 10px 5px 25px;
text-indent: -18px;

}

#groupheader
{
  margin:1%;
  font-size:17px;
  font-style:italic;
}


#groupdescription
{
  margin:1%;
}
#container{
   width:1000px;
  margin:0 auto;
outline: 1px solid #444444;
background-image:url(johnson_jack_header_online_survey.jpg);
background-repeat:no-repeat;
background-color:#E9E9E9;
padding:5px 0;

}

#welcometext
{
width: 50%;
margin:0 auto;
padding-bottom: 30px;
text-align:center;
}

#welcome
{
background-color:#123188;
color:#fff;
text-align:center;
padding: 10px 0px;
margin-top:163px;
font-size:30px;
}
#clearall{
	height:300px;
	padding-top:180px;
}
.submit {
background-color:#FFF;
font-size:20px;
color:#2F5376;
}

.select {
background-color:#EFEFEF;
color:#555;
}

.textarea {
background-color:#EFEFEF;
width:400px;
}

.clearall
A:hover {
text-decoration:underline;
}

.graph {
border:solid;
background-color:#EFEFEF;

font-size:10px;
border-color:#FFF;
border-width:1px;
}

.answertext{
font-size: 14px;
}
.answertextright {
text-align:left;
}

.innergraph {
background-color:#EFEFEF;
color:#777;

font-size:10px;
direction: ltr;
}

.rank {
background-color:#f0f0f0;
color:#000;
}
.rank

.array1 {
background-color:#D1D1D1;
text-align:center;
}

.array2 {
background-color:#EFEFEF;
text-align:center;
}

.question {
background-color:#FFF;

}

.questiontext{


}

.questionhelp {
font-size:10px;
font-style:italic;
}

.asterisk {
color:red;
font-size:9pt;

}

.innergraph img {
height:12px;
vertical-align:top;
}

.innergraph table {
height:12px;
border:1px solid #000;
table-layout:fixed !important;
}

.innergraph td {
height:12px;
}

.printouttable {
width:100%;
}

.printouttable td {
border-color:#fff #fff #ddf;
border-style:solid;
border-width:1px;
}

.printouttable td:first-child {
background-color:#4E70A9;
font-weight:700;
text-align:right;
padding-right:5px;
padding-left:5px;
color:#fff;
}

.printouttitle {
padding-right:5px;
padding-left:5px;
font-size:18px;
}

.surveytitle {
font-size:1.2em;
height:1.5em;
}

.surveytitle:hover {
background-color:#F0F0FF;
}

.languagechanger {
font-size:1em;
}

.errormandatory,.warningjs {
font-size:12px;
font-weight:700;
color:RED;
}



.clearall
A:link,.clearall
A:visited,.clearall
A:active {
text-decoration:none;
}

table.question {
width: 100%;
}

table.question tr.array1:hover,table.question tr.array2:hover {
background-color:#A7A9D1;
}

td.answertext
{
  padding:3px 6px;
}

.dsheader
{
font-size:12px;
font-weight:bold;
}