HTML {
}
BODY {
 FONT-FAMILY: Arial; 
 FONT-SIZE: 9pt;

}
/* Survey page (all survey content is contained in this table) */
TABLE.page {
 border: 1px solid #ff0000;
 padding: 0px;
 margin: 10px;
 margin-bottom: 10px;
 width: 600px;
}
/* survey header */
Table.header {
 width: 600px;
 margin: 10px;
}
TD.header {
 text-align: center;
 padding: 0px;
}
/* Login screen */
TD.login{
 padding-left: 5px;
 color: #ff0000;
}
/* Survey title */
TD.title {
 background-color: #ff0000;
 color: #FFFFFF;
 padding: 5px;
 font-weight: bold;
}
/* Survey introduction */
TD.introduction {
 font-family: verdana;
 font-size: 12px;
 color: #ff0000;
 background-color: #FFFFFF;
 padding: 5px;
}
/* Section title */
TD.sectionTitle{
 color: #ff0000;
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 20px;
 padding-bottom: 20px;
 font-weight: bold;
}
SPAN.sectionTitle{
 width:100%;
}
/* Question table*/
TD.question {
 background-color: #FFFFFF;
}
TD.questionNo {}
TD.questionText{
 font-family: arial;
 color: #000000;
 font-weight: bold;
}
TD.questionInput{}
TD.textBefore{
 padding: 0px;
}
TD.textAfter{}
/* Essay */
INPUT.essayText {
}
SELECT.essayDropdown{
}
INPUT.essayCheckbox{
}
/* Rating question */
TABLE.rating {
}
TD.ratingMinMax {
}
TD.ratingNumbers {
}
TD.ratingNA {
}
TD.ratingRadio {
}
TD.ratingEmpty {
}
INPUT.ratingRadio {
}

/* Numeric question */
TABLE.numeric {
}
TD.numericPrefix {
}
TD.numericPostfix {
}
TD.numericInput {
}
INPUT.numericInput {
}
/* Dropdown question */
TABLE.dropdown {
}
TD.dropdown {
}
SELECT.dropdown {
}
/* Multiple question */
TABLE.multiple {
}
TABLE.multipleChoice {
}
TD.multipleButton {
}
TD.multipleText {
}
TD.multipleImage {
}
INPUT.multipleOther {
}
INPUT.multipleButton {
}

/* Matrix question */
TABLE.matrix {
 border-collapse:collapse;
 margin: 10px;
 margin-bottom: 10px;
 /* border-collapse:separate; */
}
TD.matrixHeading {
 border: #9aaeec 1px solid;
 background-color: #edf6fa;
 font-weight: bold;
 color: #2d4b79;
}
TD.matrixCell {
 border: #9aaeec 1px solid;
 padding: 2px;
}
TD.matrixEmpty {
 /* border: #9aaeec 0px solid; */
}
INPUT.matrixCheckbox {
}
INPUT.matrixRadio {
}
INPUT.matrixText {
}
SELECT.matrixDropdown {
}
/* Upload files screen */
Table.uploadPage {
 border: #5c6e93 1px solid;
 padding:0px;
 margin: 10px;
}
TD.uploadTitle {
 background-color: #81a6d7;
 padding: 5px;
 color: #FFFFFF;
 font-weight: bold;
}
TD.uploadHelp {
 padding:5px;
}
TD.upload {
 padding-left:5px;
 padding-right:5px;
}
SELECT.uploadSelectImage {
}
TD.uploadPreview {
}
TD.uploadButtons {
 background-color: #81a6d7;
 padding: 1px;
 color: #FFFFFF;
}
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: #ff0000;
 padding: 3px;
 height: 27px;
}
/* survey footer */
Table.footer {
 margin: 10px;
 width: 600px;
}
TD.footer {
 text-align: center;
}
/* Save and come back */
TD.saveAndComeBack {
 padding-left: 5px;
 padding-top: 5px;
}
TD.thankYouNote {
 /* controlls the table cell where survey thank-you note is displayed
 */
 padding: 5px;
 padding-top: 20px;
 padding-bottom: 20px;
}
/* Dialog */
TD.dialog {
 padding: 5px;
 padding-top: 20px;
 padding-bottom: 20px;
}

td {
 FONT-FAMILY: Arial; 
 FONT-SIZE: 9pt;
}
td.title {
 FONT-FAMILY: Arial; 
 FONT-SIZE: 12pt;
}
#clsHeaderOpinio {
 height: 100px;
 background: #ffffff url(http://gen.sanoma-magazines.be/opinio/humo/banner_opinio.jpg) 0 0 no-repeat;
 margin-top: 4px;
 margin-left: 6px;
 margin-bottom: -10px;
}