HTML {
}
BODY {
background-color: #FFFFFF;
color: #004092;
font-family: Verdana;
}
TD {
padding: 0px;
}
/* Survey page (all survey content is contained in this table) */
TABLE.page {
border: #0084C0 1px solid;
padding: 0px;
background-color: #FFFFFF;
margin: 10px;
margin-bottom: 10px;
}
/* survey header */
Table.header {
margin: 10px;
}
TD.header {
text-align: center;
}
/* Login screen */
TD.login {
padding-left: 10px;
}
/* Survey title */
TD.title {
background-color: #0084C0;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
/* Language selection */
TD.langSelector {
font-size: 10px;
padding: 2px;
text-align: right;
}
SELECT.langSelector {
font-size: 9px;
font-family: verdana,arial;
}
/* Survey introduction */
TD.introduction {
font-size: 12px;
padding: 5px;
}
/* Section title */
TD.sectionText{
font-size: 12px;
font-weight: normal;
padding: 5px;
}
/* Section title */
TD.sectionTitle{
padding: 5px;
font-weight: bold;
}
SPAN.sectionTitle{
width:100%;
font-family: verdana;
}
/* Question table*/
TABLE.questionTbl {
margin: 0px;
}
TD.question {
padding: 5px;
}
TD.questionNo {
padding: 5px;
}
TD.questionText {
font-weight: bold;
height:25px;
}
TD.questionInput {
padding-top: 2px;
padding-bottom: 10px;
}
TD.textBefore {
background-color: #FFFFFF;
color: red;
font-weight: bold;
padding: 5px;
}
TD.textAfter {}
/* Essay */
INPUT.essayText {
}
SELECT.essayDropdown {
}
INPUT.essayCheckbox {
}
/* Rating question */
TABLE.rating {
margin-left: 5px;
}
TD.ratingMinMax {
}
TD.ratingNumbers {
}
TD.ratingNA {
}
TD.ratingRadio {
}
TD.ratingEmpty {
}
INPUT.ratingRadio {
}
/* Numeric question */
TABLE.numeric {
margin-left: 5px;
}
TD.numericPrefix {
}
TD.numericPostfix {
}
TD.numericInput {
}
INPUT.numericInput {
}
/* Dropdown question */
TABLE.dropdown {
margin-left: 5px;
}
TD.dropdown {
}
SELECT.dropdown {
}
/* Multiple question */
TABLE.multiple {
padding:10px;
}
TABLE.multipleChoice {
}
TD.multipleButton {
margin-top:0px;
vertical-align: top;
padding:0;
}
TD.multipleText {
margin-top:0px;
margin-bottom:10px;
vertical-align: top;
padding:0;
}
TD.multipleImage {
}
INPUT.multipleOther {
}
INPUT.multipleButton {
}
/* Matrix question */
TABLE.matrix {
border-collapse:collapse;
margin: 10px;
margin-left: 5px;
margin-bottom: 10px;
/* border-collapse:separate; */
}
TD.matrixHeading {
border: #bcbcbc 1px solid;
background-color: #9fc7fe;
font-weight: bold;
}
TD.matrixCell {
border: #bcbcbc 1px solid;
padding: 2px;
}
TD.matrixEmpty {
/* border: #9aaeec 0px solid; */
}
INPUT.matrixCheckbox {
}
INPUT.matrixRadio {
}
INPUT.matrixText {
}
SELECT.matrixDropdown {
}
/* Upload files screen */
Table.uploadPage {
border: #456ead 1px solid;
padding:0px;
background-color: #FFFFFF;
margin: 10px;
}
TD.uploadTitle {
background-color: #548be0;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
TD.uploadHelp {
padding:5px;
}
TD.upload {
padding-left:5px;
padding-right:5px;
}
SELECT.uploadSelectImage {
}
TD.uploadPreview {
}
TD.uploadButtons {
background-color: #548be0;
padding:1px;
}
Input.uploadField {
width: 250px;
}
/* ProgressBar */
TD.progressBar {
/* controlls position of the progress bar, f.exp:
TEXT-ALIGN: center;
*/
}
TABLE.progressBar {
/* controlls width of the progress bar, f.exp:
width: 50%;
*/
}
TD.progressBarFill {
/* controlls the filled part of the progress bar f.exp:
BACKGROUND-COLOR: #000000;
*/
}
TD.progressBarBlank {
/* controlls the blank part of the progress bar f.exp:
BACKGROUND-COLOR: #FFFFFF;
*/
}
TD.progressBarText {
/* controlls the text(percentage) of the progress bar
*/
}
TD.buttons {
/* controlls the table cell where survey buttons are located
*/
background-color: #0084C0;
padding: 3px;
height: 27px;
text-align: center;
}
TD.thankYouNote {
/* controlls the table cell where survey thank-you note is displayed
*/
padding: 5px;
padding-top: 20px;
padding-bottom: 20px;
}
/* survey footer */
Table.footer {
margin: 10px;
}
TD.footer {
text-align: center;
}
/* Save and come back */
TD.saveAndComeBack {
padding: 10px;
}
/* Dialog */
TD.dialog {
padding: 5px;
padding-top: 20px;
padding-bottom: 20px;
}