html { font-size: 100% } 
body { background-color: #e6e6e6; font-size: .65em }

/* generic classes */
p { font: 1.4em Arial,Helvetica,sans-serif; color: black; margin-top: 0px; margin-bottom: 0px }
.normal { font: 1.4em Arial,Helvetica,sans-serif; color: black; margin-top: 0px; margin-bottom: 0px }
.header { font: 2em Arial,Helvetica,sans-serif; font-weight: bold; color: #808080 }
.login { font: 1.4em Arial,Helvetica,sans-serif; color: black; font-weight: bold; text-align: right; border: 0 }
.sofi { font: 1.4em Arial,Helvetica,sans-serif; color: black; border: 0 }
.chapter { font: 2.4em Arial,Helvetica,sans-serif; font-weight: bold; color: black; border: 0 }
.question { font: 2.0em Arial,Helvetica,sans-serif; color: black; border: 0; overflow: auto }
.remarks { font: 1.6em Arial,Helvetica,sans-serif; color: black; border: 0; padding-left: 12px; padding-right: 12px; background-color: #feff99 }
.answer { font: 1.4em Arial,Helvetica,sans-serif; color: black; border: 0; overflow: hidden; text-align: center; font-weight: bold; background-color: #e6e6e6 }
.helphead { font: 1.4em Arial,Helvetica,sans-serif; color: black; border: 0; margin: 0; background-color: white; font-weight: bold }
.bigtitle { font: 2.8em Verdana,Arial,Helvetica,sans-serif; color: black; margin-left: 24px }
.sidebar { font: 1.2em Verdana, Arial,Helvetica,sans-serif; color: #ffff00 }
.questionpanel { background-color: #fff493; padding: 12px }
.subtitle { font: 1.5em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: black; background-color: #ffffff }
.subtitle_gray { font: 1.5em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: gray; background-color: #ffffff }
.sidebar_sub { font-size: 0.85em; font-weight: normal; margin-left: 16px; list-style-type: none }
.dropdownlist { background-color: #ffffff; border: 1px solid black }
.gridhead { font: 1.6em Arial, Helvetica, sans-serif; color: black; font-weight: bold }
.item { font: 1.6em Arial,Helvetica,sans-serif; color: black; margin-top: 0px; margin-bottom: 0px; font-weight: bold }
.italic { font: 1.4em Arial,Helvetica,sans-serif; color: black; margin-top: 0px; margin-bottom: 0px; font-style: italic }
.introhead { font: 1.8em Arial,Helvetica,sans-serif; font-weight: bold; color: black }
.blackbg { background-color: Black }
.makeprofile { width: 500px; background-color: #feff99; margin-left: 12px; font-size: 1.4em }

.invisible { display: none }

/* tables, table rows, table cells */
td.advice { background-color: #feff99; padding: 6px }
tr.adviceheader { font: 1.4em Arial,Helvetica,sans-serif; color: black; font-weight: bold }

/* lists
   Important! Place all lists inside divs with class "listcontainer" to preserve desired
   font size! */
div.listcontainer { font-size: 1.4em; margin: 0px; padding: 0px }
ul { margin-top: 0px }
li { font: 1em Arial,Helvetica,sans-serif }
li ul li { font: 1em Arial,Helvetica,sans-serif }

/* form fields */
fieldset { background-color: #feff99; border: 1px solid #808080 }
legend { font: 1.4em Arial,Helvetica,sans-serif; color: black; font-weight: bold }
textarea { background-color: #ffff00 }
textarea.remark { font: 1.4em Arial,Helvetica,sans-serif; background-color: white; border: 1px solid black; overflow: auto }
input.custom { font: 1.4em Arial,Helvetica,sans-serif; color: black; background-color: #feff99; border: 1px solid black }
input.answerbutton_off { font: 2.0em Arial,Helvetica,sans-serif; width: 120px; font-weight: bold; color: black; background-color: #ffdf00 }
input.answerbutton_on { font: 2.0em Arial,Helvetica,sans-serif; width: 120px; font-weight: bold; color: #ffdf00; background-color: black }
input.answerbutton_off_selected { font: 2.0em Arial,Helvetica,sans-serif; width: 120px; font-weight: bold; color: black; background-color: #ffdf00 }
input.answerbutton_on_selected { font: 2.0em Arial,Helvetica,sans-serif; width: 120px; font-weight: bold; color: #ffdf00; background-color: black }

/* hyperlinks */
a { color: #ffff00; text-decoration: none }
a:visited { color: #ffff00; text-decoration: none }
a:hover { color: #ffffff; text-decoration: none }

a.blue { color: #0000ff; text-decoration: none }
a.blue:visited { color: #0000ff; text-decoration: none }
a.blue:hover { color: #000000; text-decoration: none }

a.black { color: #000000; text-decoration: none }
a.black:visited { color: #000000; text-decoration: none }
a.black:hover { color: #808080; text-decoration: none }