body
{
  font-family:arial,helvetica,clean,sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.231;
  padding: 20px 0 0 0;
}

h1
{
  font-size:18px;
  margin-bottom:5px;
}

input[type=text], textarea
{
  width:300px;
  border:solid 1px gray;
  padding:3px;
}

textarea
{
  height:70px;
}

#survey
{
  border: solid 1px gray;
  padding: 0 0 15px 0;
}

#outer
{
  width:680px;
  margin-left:auto;
  margin-right:auto;
  padding: 40px 0 0 0;
}

#footer
{
  width:680px;
  margin-left:auto;
  margin-right:auto;
  font-family:arial,helvetica,clean,sans-serif; 
  font-size:11px; 
  color:gray;
  text-align:right;
}

#footer a
{
  font-family:arial,helvetica,clean,sans-serif; 
  font-size:11px; 
  color:gray;
  text-decoration:underline;
}

#survey .content
{
  padding:20px;
  min-height:400px;
}
#survey .buttons
{
  text-align:center;
}

.question
{
 margin: 10px 0 25px 0; 
}

.description
{
  color:#525150;
}
.invalid
{
  background-color:Red;
}
label
{
  font-weight:bold;
}

.ismandatory
{
  color:red;
  font-weight:bold;
}


.ranktable th, .ranktable td
{
  width:60px;
  text-align:center;
  font-weight:normal;
}

.ranktable td
{
  font-weight:bold;
}

.matrix th
{
  border-bottom: 1px solid #c0c0c0;
}

.matrix .subquestion
{
  text-align:left;
  border-right: 1px solid #c0c0c0;
}

.matrix 
{
  margin: 4px 0 0 0;
}
.matrix th
{
  padding: 2px 4px 4px 4px;
  text-align:center;
  vertical-align:baseline;
}

.matrix td
{
  padding:4px;
  text-align:center;
  vertical-align:baseline;
}

.matrix tr.odd
{
  background-color:#eaf3f6;
}

.matrix tr
{
}