body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
  color: #000000;
  font-size: 8.5pt;
  padding: 0px;
  margin: 0px;
}

img { 
  vertical-align: top;
}

table {    
  border-collapse: collapse;
  font-size: 8.5pt;
}

table.questionaire {
  width: 500px;  
}

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.dot {
  text-align: center;
  vertical-align: top;
  padding: 10px;
  width: 10px;
}

td.content {
  text-align: left;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding: 20px;
}

td.site_title {
  font-size: 12pt;
  color: #003366;
  font-weight: bold;
  line-height: 110%;
  text-decoration: none;
  text-align: center;
  padding-bottom: 15px;
}

td.page_title {
  font-size: 11pt;
  color: #003366;
  font-weight: bold;
  line-height: 110%;
  text-decoration: none;
  text-align: center;
  padding-bottom: 15px;
}

td.progress {
  font-size: 10pt;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height:30px;
}

td.page_text {
  text-align: center;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 15px;
}

td.yes_no_question {
  text-align: center;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding: 5px;
}

td.question {
  text-align: left;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding: 5px;
}

td.answer {
  text-align: left;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding: 5px;
}

td.label {
  text-align: right;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding: 5px;
}

td.not_applicable {
  text-align: left;
  vertical-align: top;
  color: #000000;
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 0px;
  padding-bottom: 25px;
}

td.highlight {
  text-align: left;
  vertical-align: top;
  color: #000000;
  background-color: #fbb511;
  padding: 5px;
  cursor: pointer;
}

.input_error {
  color: #000000;
  background-color: #fbb511;
}

td.header_logo {
  text-align: left;
  vertical-align: bottom;
  padding-top: 12px;
  padding-bottom: 2px;
  height: 50px;
}

td.header_topbar_left {
  text-align: right;
  vertical-align: top;
  height: 42px;
  width: 750px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

td.header_topbar_right {
  text-align: right;
  vertical-align: top;
  height: 42px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

td.progress {
  font-size: 10pt;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 30px;
}

.bottom_divider {
  font-size: 1px;
  text-align: center;
  vertical-align: middle;
  height: 7px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.hidden {
  display:none;
}

.visible {
  display:table-row;
}

a:hover {
  color: #000000;     
  text-decoration: none;       
  cursor: pointer;
}

a {
  color: #000000;     
  text-decoration: none;
  cursor: pointer;
}

textarea {
  overflow:hidden;
}

.no_border {
  border: 0;
}

.error { 
  text-align: left;
  color: #FF0000;
  border: 0;
}

.note { 
  text-align: left;
  color: #083194;
  border: 0;
}

.un1, .un2, .un3, .un4 {
  font-size: 1px;
  overflow: hidden; 
  display: block; 
}

.un1 {
  height: 1px;
  background: #ff0000; 
  margin: 0 5px;
}

.un2 {
  height: 1px;
  background: #fbb511; 
  border-right: 2px 
  solid #ff0000; 
  border-left: 2px
  solid #ff0000; 
  margin: 0 3px;
}

.un3 {
  height: 1px;
  background: #fbb511; 
  border-right: 1px 
  solid #ff0000; 
  border-left: 1px
  solid #ff0000; 
  margin: 0 2px;
}

.un4 {
  height: 2px; 
  background: #fbb511; 
  border-right: 1px solid #ff0000;  
  border-left: 1px
  solid #ff0000; 
  margin: 0 1px;
}

.urgentnote {
  background: #fbb511; 
  color: #ff0000;  
  border-right:1px solid #ff0000; 
  border-left:1px solid #ff0000;
}

.urgentnote div {
  margin-left: 5px;
}
