html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse; border-spacing: 0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background: #4b657f; line-height:1.5; padding: 1px 0; }
a { text-decoration: none; color: #3974BD; cursor: pointer; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:260%; font-weight:normal;}
h2 {font-size:160%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {font-size:100%;}
th { padding: 8px 4px; font-weight: bold; }
td, table.question-stats td { padding: 3px 7px; background-color: #FFF; }
thead th, table.question-stats th { background: #F0f0f0; text-align: center; }
thead td { background-color: #F0F0F0; }
tbody th { text-align: left; background-color: #FFF; }
.alt td, .alt th { background-color: #F9F9F9; }
tbody .alt td, tbody .alt th { background-color: #F9F9F9; }
tbody .focused td, tbody .focused th { background-color: #DCE5EB; }
ul, ol { margin-left:30px; list-style-position:inside; }
ul { list-style-type: disc; list-style-position: inside; }
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}
fieldset { position: relative; padding: 10px; border: 1px solid #ccc; }
legend { position: absolute; top: -1em; margin: 0; padding: 5px 10px; font-size: 100%; font-weight: bold; }
.textquestion { border: 1px solid #DCDCDC; color: #444444; font-family: arial,helvetica,sans-serif; font-size: 13px; line-height: normal; padding: 4px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
select { padding: 3px 2px; border: medium none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #DCDCDC; cursor: pointer; }
.question .mandatory, .form-field .mandatory { float: left; }
/* Layout */
.clear { clear: both; }
#container { width: 780px; margin: 20px auto; }
.top-corners { margin: 20px 0 0; }
.bottom-corners { margin: 0 0 20px; }
#content { background: #fff; float: left; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content-inner { padding: 20px; }
#footer { float: left; width: 100%; text-align: center; clear: both; }
#footer-inner { padding: 5px; }
#footer-inner a { color: #ffffff; font-size: 10px; }
.page-title { margin-top: 0px; }
#header { background: none; }
#logo { padding: 0; margin: 0; }
h1 { color: #56595B; font-size: 18px; margin-bottom: 18px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; line-height: 22px; }
h2 { color: #56595B; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; margin: 10px 0; }
h3 { font-size: 13px; margin: 20px 0 10px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; }
p { margin: 10px 0; line-height: 18px; }
.buttons { float: left; width: 100%; margin: 20px 0 0; }
/* validation */
form-field.error input, form-field.error textarea, form-field.error select { border: 1px solid #FF9C9C; }
#validation { margin:0 0 10px 0; background-color: #AF2B2B; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#validation p { color: #fff; margin:0; padding: 4px; font-weight: bold; text-align: center }
#validation .list { background-color: #FFF1F1; padding: 1px 20px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 0px 0px 4px 4px; border: 1px solid #FF9C9C; border-top: none; }
#validation ol { margin: 0; }
#validation li { color: #333; padding: 3px 0; }
/* survey questions, form fields, survey reports */
.question, .form-field, .graph { position: relative; clear: both; padding: 10px; }
.question .number { font-weight: normal; left: 10px; position: absolute; }
.question .statement { margin: 0 0 0 2em; display: inline-block; width: 97%; }
.graph .title { float: left; }
.graph .statement { float: left;	margin-left: 1em; }
#content .question .statement p, #content .form-field p, #content .graph p { margin: 0 0 10px; line-height: 20px; }
.survey-answer { clear: both; padding: 10px 25px 10px 20px; }
.field-value, .survey-graph { clear: both; padding: 10px 0; }
table.radiolist.selectgroup, table.checkboxlist.selectgroup, table.radiolist.rankinggroup, table.table-graph { width: 100%; }
.selectgroup td, .rankinggroup td, table.table-graph td, table.table-graph th, table.question-stats th, table.question-stats td { text-align: center; vertical-align: middle; }
.selectgroup td, .rankinggroup td, .selectgroup th, .rankinggroup th, table.table-graph td, table.table-graph th, table.question-stats td, table.question-stats th { border: 1px solid #CCCCCC; }
.selectgroup.dropdownlist td, .rankinggroup.dropdownlist td { text-align: left; }
.selectgroup input { margin: 0; }
table.question-stats th, table.table-graph th { padding: 2px 5px; }
.textquestion.time { margin-left: 5px; }
span.other { margin-left: 10px; }
label.other { margin-right: 5px; }
.radiolist .radiobutton { margin-left: 0; }
.radiobuttonlist.other { margin-left: 0px; }
.progress-bar, .progress { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.percentage { font-size: 10px; }
::selection { background: orange; }
::-moz-selection {  background: orange; }