/* Controls the background color behind the outerbox and any text that isn't affected by below CSS classes. */
BODY {font-family:arial, sans-serif; font-size: 12px; background-color:EFEFEF}

/* These control various pieces of text in the survey, but aren't used unless specified in the survey source */
TD {font-family:arial, sans-serif; font-size: 12px} 
P {font-family:arial, sans-serif; font-size: 12px}
.norm {font-family:arial, sans-serif; font-size: 12px}
li {font-family:arial, sans-serif; font-size: 12px}
BR {font-family:arial, sans-serif; font-size: 12px}
H2 {font-family:arial, sans-serif; font-size: 16pt; font-weight: bold}
.lg {font-family:arial, sans-serif; font-size: 16pt}
.sm {font-family:arial, sans-serif; font-size: 10pt}
.t8 {font-family:arial, sans-serif; font-size: 8pt}
.t9 {font-family:arial, sans-serif; font-size: 9pt}
.t10 {font-family:arial, sans-serif; font-size: 10pt}
CENTER {font-family:arial, sans-serif; font-size: 12px}

/* Controls the page title at the top of the main box */
.titletext { font-family:arial, sans-serif; font-size: 12pt; font-weight: bold; color:white }

/* Controls text inside other input fields */
INPUT {font-family: "Courier New", Courier, monospaced} 

/* Controls text inside large text boxes */
TEXTAREA {font-family: "Courier New", Courier, monospaced}

/* Controls text inside text boxes and also controls the text for any postfix or prefix tags */
.userin {font-family: "Courier New", Courier, monospaced}

.smallMono {font-family: "Courier New", Courier, monospaced; font-size: 9pt}

/* The look of any of the buttons */
INPUT.button {font-family:arial, sans-serif; font-size: 12px}

/* The question text in tables */
.questext {font-family:arial, sans-serif; font-size: 12px; color:000000}

/* Font and color of the question numbers or any showtag */
.questag {font-family:arial, sans-serif; font-size: 12px; color:000000}

/* This can be used as a paragraph class to force the font for any extra text not put into tables or questions */
.xtratext {font-family:arial, sans-serif; font-size: 12px; color:000000}

TD.tblspacer { background-color: FFFFFF;}
INPUT.rbtn {font-family: "Courier New", Courier, monospaced; font-weight:bold; font-size: 11pt}

/* Color of the top header row */
TR.hdrrow {background-color:E8E8E8}

/* For use with altcolor: y in question tables */
TR.tblrow1 {background-color:FFFFFF} 
TR.tblrow2 {background-color:E8E8E8} /* The alternate color */

/* The scale header cells */
TD.hdrcell {font-family:arial, sans-serif; font-size: 9pt; background-color:E8E8E8}

/* For use in creating a blank white cell */
TD.blankcell {font-family:arial, sans-serif; font-size: 9pt; background-color:FFFFFF}

/* Top left cell in a question table.  Usually left blank unless colheading: is used in the table definition.  */
TD.colheading {font-family:arial, sans-serif; font-size: 12px; background-color:E0E0E0; font-weight:bold}

/* Color of the border that gets put around and within question tables if thinborder: y is set */
TR.thinborder {background-color:000000}

/* Error messages */
.errrow {font-family:arial, sans-serif; font-size: 14px; background-color: #E0E0E0}
.errmsg {font-family:arial, sans-serif; font-size: 14px; background-color: E0E0E0; color: #993333; border-color: 993333; border-style:solid;border-width:1px}
.erralert {font-family:arial, sans-serif; font-weight: bold; font-size: 12px; background-color: E0E0E0; color: 993333; border-color: 993333; border-style:solid;border-width:2px;padding:2px}

/* Progress Bar Colors */
TD.pg1 {background-color:4B257C} /* Inner progress bar color */
TD.pg2 {background-color:FFFFFF} /* Outer progress bar color */
.pgtext { font-family:arial, sans-serif; font-size: 8pt; color:4B257C } /* Text in front of progress bar */

/* Color of box around survey content.  It also is the color of the header where the page title resides. */
TD.outerbox {background-color:4B257C}

/*  Controls both the bar that the progress bar resides on as well as the text that sits within it. */
.pgline { font-family:arial, sans-serif; font-size: 8pt; background-color: E8E8E8; color:4B257C }

/* Section headers used in survey */
TD.shdr {background-color: E8E8E8; font-size: 14px; color:000000; border-color:000000; border-style:solid;border-width:1px; font-weight:bold}

/* Controls different color cells, but isn't currently used on any Hay surveys */
TR.optrow1 {background-color:FFFFFF}
TR.optrow2 {background-color:CCCCCC}

/* Controls the font for all radio buttons and checkboxes */
.rbcb_opt,.opt_text,.opt_text_sel { font-family:arial, sans-serif; font-size: 12px; vertical-align: middle;}

.opt_text { text-decoration:none; color: black }

.rbcb {font-family: "Courier New", Courier, monospaced; font-weight:bold; font-size: 11pt}

.opt_text_sel { text-decoration:none; color:black; font-weight:700; }