div {   border: 1px solid #aa9999; width: 580px; padding: 6px; margin-bottom: 5px; }
div.q1 { background-color: #ffddc8; }
div.q2 { background-color: #ffeef8; }
div.opt { background-color: #ffeebb; }
table { border: 1px solid #aa9999; width: 594px; margin-bottom: 5px; }
td { padding: 6px; text-align: center; width: 60px; }
tr.q1 { background-color: #ffddc8; }
tr.q2 { background-color: #ffeef8; }
th { padding: 6px; text-align: center; font: bold 11px arial, verdana, 'sans serif'; vertical-align: bottom; background-color: #ffeef8; width: 60px; }
td.lft { text-align: left; width: auto; }
th.lft { font: bold 14px arial, verdana, 'sans serif'; width: auto; }

table.rev { border: 1px solid #ddcc99; border-left-color: #ffffdd; border-top-color: #ffffdd; margin: 0px; width: 290px; }
table.rev tr th { width: 23px; background: #cceecc; text-align: center; font: bold 11px arial, verdana, 'sans serif'; padding: 3px; }
table.rev tr td { width: 23px; background: #ddddff; text-align: center; padding: 3px; }