html { background: #2A4970; }
body { margin: 17px 0 15px 0; padding: 0; text-align: center; font-size: small; font-family: "Lucida Grande" ,Tahoma,Arial,sans-serif; }
#container, #report { text-align: left; background: #FFFFFF; margin: 0 auto; width: 700px; }
.report { font-size: 12px; }
#container:after, #report:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer { margin:0 auto; padding:10px 0 10px 0; text-align:center; width:700px; }
form { margin: 20px 20px 0 20px; padding: 0 0 20px 0; }
body form.page /*<--overwrite old survey report layout style*/ { margin: 0px 20px; padding: 0 0 20px 0; border-width: 0px; }
p { margin: 0 0 10px; }
/* LOGO */
#logo { margin: 0; background-color: #092440; }
#logo img { display: block; }
img { border: none; -ms-interpolation-mode: bicubic; }
div#print-logo { display: none; }
/* LISTS - old forms and surveys */
form ul { list-style: disc inside none; padding: 0; margin: 0; }
body form.page li.field /*<--overwrite old survey report layout style*/, li.field, li.section, li.validation { float: left; width: 100%; padding: 10px 0; }
#OutroText { float: none; }
/* LISTS - new forms and surveys */
#fields ul ul { list-style: disc inside none; }
#fields, #questions, #fields ul { padding: 0; margin: 0; }
#fields, #fields ul, #questions, li.field, li.section, li.validation, li.progressbar, li.buttons { list-style: none outside none; }
#questions li.field { border-top:1px dotted #CCCCCC; padding:20px 0; }
#questions li.field:first-child { border: none; }
/* PROGRESS BAR */
form li.progressbar p { font-size: 85%; font-weight: bold; margin: 3px 0 0 0; }
form li.progressbar .background { background-color: #eee; height: 15px; width: 100%; }
form li.progressbar .bar { background-color: #DEDEDE; height: 15px; }
/* VALIDATION SUMMARY */
form li.validation { margin: 0 auto 2.1em; }
form li.validation ul { list-style-type: decimal; list-style-position: inside; }
form li.validation p { color: #FFF; background-color: #AF2B2B; font-weight: bold; line-height: 150%; font-size: 100%; font-weight: bold; margin: 0; padding: 4px; text-align: center; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); }
form li.validation .list { background-color: #FFF1F1; padding: 6px 12px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #ccc; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); }
form li.validation ul li { padding: 3px 0; margin-bottom: 3px; }
/* ERRORS */
div.error { color: Red; font-size: 85%; margin-top: 3px; display: none; }
/* LABELS */
form table.label { margin: 0 0 3px 0; }
.other label, span.selectfield label.other { margin: 2px 0 3px 0; font-weight: normal; font-size: 85%; line-height: 150%; display: block; }
form table.label .number { margin-right: 8px; }
form table.label .question { margin-right: 5px; }
form table.label .question em { font-style: italic; color: inherit; }
form table.label .question strong { font-weight: bold; }
form table.label td p { margin: 0; }
form .required { color: red; }
/* BUTTONS */
form li.buttons { overflow: hidden; clear: both; }
form li.buttons .submit-button { float: right; cursor: pointer; }
form li.buttons .back { float: left; }
/* FIELDS */
input.textquestion, textarea.textquestion, input.textfield, textarea.textfield, .other input, span.selectfield input.other, select { font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 100%; margin: 0; padding: 2px 0; border-width: 1px; border-style: solid; border-color: #7c7c7c #c3c3c3 #dddddd #c3c3c3; background: #fff url(/assets/images/fieldbg.gif) repeat-x center top; }
span.selectfield input.other { width: auto; }
select { padding: 1px !important; }
/* CHECKBOXES AND RADIOBUTTONS */
.selectfield.checkboxlist input, .selectfield.radiolist input, .booleanquestion input, .booleanfield input, .selectquestion .radiolist input, .selectquestion .checkboxlist input, .selectquestion.rating.vertical input { display: block; height: 13px; margin: 4px 0 0; padding: 0; width: 13px; }
.selectfield.checkboxlist label, .selectfield.radiolist label, .booleanquestion label, .booleanfield label, .selectquestion .radiolist label, .selectquestion .checkboxlist label, .selectquestion.rating.vertical label { display: block; font-size: 100%; line-height: 150%; margin: -16px 0 0 23px; padding: 0 0 5px 0; }
.booleanquestion td, .booleanfield td { padding-right: 10px; }
/* TABLES */
form table { border-collapse: collapse; }
form td, form th { margin: 0; padding: 0; font-weight: normal; }
form table.label td { margin: 0 0 3px 0; font-weight: bold; font-size: 100%; line-height: 150%; vertical-align: top; }
table + table { margin-top: 20px; }
.selectquestion.rating.horizontal, .selectgroup, .rankinggroup.radiolist, .rankinggroup.dropdownlist { width: 100%; margin: 5px 0; }
.selectquestion.rating.horizontal th, .selectquestion.rating.horizontal td, .selectgroup.radiolist thead th, .selectgroup.radiolist tbody td, .selectgroup.checkboxlist thead th, .selectgroup tbody td, .rankinggroup.radiolist thead th, .rankinggroup.radiolist tbody td { text-align: center; }
.selectquestion .checkboxlist td, .selectquestion .radiolist td { padding-right: 20px; text-align: left; border: 0; }
.selectgroup.dropdownlist select, .rankinggroup.dropdownlist select, .table-graph { width: 99%; }
.selectgroup.radiolist th, .selectgroup.radiolist td, .selectgroup.checkboxlist th, .selectgroup.checkboxlist td, .rankinggroup.radiolist th, .rankinggroup.radiolist td, .table-graph th, .table-graph td, .rating.horizontal td, .rating.horizontal th { border: 1px solid #ccc; }
.selectgroup table.label td, .selectgroup table.label th, .rankinggroup table.label td, .rankinggroup table.label th { border: none; }
.selectgroup th, .selectgroup td, .rankinggroup th, .rankinggroup td, .table-graph th, .table-graph td, .rating.horizontal td, .rating.horizontal th { line-height: 140%; }
.selectgroup tbody th, .selectgroup tbody td, .rankinggroup tbody th, .rankinggroup tbody td, .table-graph th, .table-graph td { padding: 3px; vertical-align: top; }
.table-graph th, .table-graph td { text-align: center; }
.selectgroup tbody th, .rankinggroup tbody th, .vertical tbody th, .table-graph.left th, .table-graph.left td { text-align: left; }
.table-graph.left th { padding: 0 10px; }
.table-graph.left td { padding: 0 25px; }
.selectgroup thead th, .selectgroup thead td, .rankinggroup thead th, .rankinggroup thead td, .rating.horizontal th, .table-graph th { background-color: #F0F0F0; }
.selectgroup.checkboxlist tbody td, .selectgroup.checkboxlist tbody th, .selectgroup.radiolist tbody td, .selectgroup.radiolist tbody th, .rankinggroup.radiolist tbody td, .rankinggroup.radiolist tbody th, .rating.horizontal td { background-color: #FFF; }
.selectgroup.checkboxlist tbody .alt td, .selectgroup.checkboxlist tbody .alt th, .selectgroup.radiolist tbody .alt td, .selectgroup.radiolist tbody .alt th, .rankinggroup.radiolist tbody .alt td, .rankinggroup.radiolist tbody .alt th { background-color: #F9F9F9; }
.selectgroup th { padding: 3px 0px; }
/* Footer */
#footer a {  font-size: 10px; text-decoration: none; color: #ccc; }
/* IE6 */
.field-value .checkboxlist tbody td, .field-value .radiolist tbody td { border: none; text-align: left; }
.radiolist tbody td { vertical-align: middle; }
.dropdownlist { width: auto; }
/* DateTime Picker */
#ui-timepicker-div, #ui-datepicker-div { z-index:9999; }
#ui-datepicker-div { width: 170px; }
#ui-datepicker-div, #ui-timepicker-div { padding:3px 0px; }
#ui-datepicker-div table { width: 80%; font-size: 12px; line-height: 18px; }
#ui-datepicker-div td span, #ui-datepicker-div td a { padding:0 3px; }
#ui-datepicker-div select.ui-datepicker-month, #ui-datepicker-div select.ui-datepicker-year  { width: auto; margin:1px; }
#ui-datepicker-div .ui-datepicker-title { margin: 1px auto; }
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { width: 20px; }
#hourSlider .ui-slider-handle, #minuteSlider .ui-slider-handle { height: 14px; width: 14px; }
#hourSlider .ui-slider-vertical, #minuteSlider .ui-slider-vertical { width: 10px; }
#ui-datepicker-div .ui-datepicker-title select { font-size: 14px; }
#ui-datepicker th { font-size: 12px; }
/* Forms layoutModes */
li.beside div.field-text { width: 200px; padding-right: 10px; }
li.beside div.error { padding-left: 10px; }
li.beside div.error p { margin: 0; }
li.beside div.field-text, li.beside div.field-value, li.beside div.error { float: left; }
.field-value input.checkbox { margin-top: 0; height: 14px; width: 14px; }
.field-value label { vertical-align: top; }
/* Survey Report Layout */
form.page { background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; }
#spinner { display: none; }
#refreshForm { background-color: #FFF; height: 70px; margin: 0; padding-top: 30px; text-align: center; }
#asatHeader { width: 100%; background-color: #EEE; }
#asatHeader form { margin: 0px; padding: 5px; text-align: right; }
#asatHeader span { position: relative; top: 2px; }
#asatHeader input { vertical-align: middle; }
span.options, span.view-printable { float: left; }
.report .table-graph { margin-left: 33px; margin-bottom:0; margin-top:10px; width:90%; }
/* Captcha */
#Captcha .field-value, li.captcha .field-value { margin: 10px 0; }
#Captcha.beside .field-value, li.captcha.beside .field-value { margin: 0; }
#Captcha .captcha, li.captcha .captcha { display: block; }
div.captcha { width: 187px; }
input.captcha { margin-top: 10px; width: 148px; }
a.captchaReset, a.captchaHelp { float: right; clear: both; margin-bottom: 6px; text-indent: -9999em; display: block; background: transparent url(/assets/images/icon-set/actions/actions.png) no-repeat -420px 0; width: 27px; height: 26px; }
a.captchaHelp { background-position: -30px 0; }
a.captchaReset:hover, a.captchaReset:focus { background-position: -420px -27px; }
a.captchaHelp:hover, a.captchaHelp:focus { background-position: -30px -27px; }
a.captchaReset:active, a.captchaReset:focus, a.captchaHelp:active, a.captchaHelp:focus { outline: none; }
/*other*/
#FormFields .field pre, .survey-answer pre { white-space: pre-wrap; /* css-3 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5+ */ white-space: -moz-pre-wrap; /* Older Versions of Mozilla */ }