body { margin: 0; font-family: Arial; font-size: 12px; color: #444444; }
p { margin: 8px; }
h1 { font-size: 26px; font-weight: bold; margin: 40px 0 0 20px; }
h2 { font-size: 22px; font-weight: bold; margin: 0 0 40px 20px; white-space: nowrap; }
h3 { font-size: 14px; font-weight: bold; margin: 10px 0 4px 12px; }
h4 { font-size: 12px; font-weight: bold; margin: 12px 8px; }
a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-size: 11px; background-color: #87CEEB; border: solid 1px #4169E1; color: #000080; }

#Top { width: 670px; height: 290px; border-collapse: collapse; table-layout: fixed; font-size: 100%; }
#Top .left { width: 270px; vertical-align: top; }
#Top .right { width: 395px; text-align: right; }
#Top ol { margin: 0px 0px 0px 18px; padding: 0px; list-style-type: none; list-style-position: outside; }
#Top ol li { margin: 0px 0px 6px 30px; padding: 0px; vertical-align: top; font-size: 11px; list-style-image: url(../images/arrow3.gif); line-height: 14px; }

#Bottom { width: 670px; height: 260px; border-collapse: collapse; table-layout: fixed; color: White; background: #2FB0F4 url(../images/flame.gif) no-repeat right bottom; font-size: 100%; }
#Bottom .left { width: 430px; vertical-align: top; }
#Bottom .right { width: 240px; vertical-align: top; }
#Bottom .buttons { width: 220px; vertical-align: bottom; text-align: center; white-space: nowrap; padding-bottom: 8px; }
#Bottom ul { margin-top: 0; margin-bottom: 0; }
#Bottom ol { margin-top: 0; margin-bottom: 0; }
#Bottom ul li { margin: 8px 8px 8px -16px; }

#Chart .leftText { font-family: Arial, Sans-Serif, Times New Roman; font-size: 10px; text-align: left; background-color: #d7d4d4; border-top: solid 1px white; padding-left: 1px; }
#Chart .rightCheck { font-family: Arial, Sans-Serif, Times New Roman; font-size: 10px; text-align: center; background-color: #f2f2f2; background-image: url('../Images/Check.gif'); background-repeat:no-repeat; background-position: center center; border-top: solid 1px white; }
#Chart .rightText { font-family: Arial, Sans-Serif, Times New Roman; font-size: 10px; text-align: center; background-color: #f2f2f2; border-top: solid 1px white; }
#Chart .centerCheck { font-family: Arial, Sans-Serif, Times New Roman; font-size: 10px; text-align: center; background-color: #e2e2e2; background-image: url('../Images/Check.gif'); background-repeat:no-repeat; background-position: center center; border-top: solid 1px white; }
#Chart .centerText { font-family: Arial, Sans-Serif, Times New Roman; font-size: 10px; text-align: center; background-color: #e2e2e2; border-top: solid 1px white; }
#Chart .centerX { font-family: Arial, Sans-Serif, Times New Roman; font-size: 10px; text-align: center; background-color: #e2e2e2; background-image: url('../Images/RedX.gif'); background-repeat:no-repeat; background-position: center center; border-top: solid 1px white; }
#Chart .header { color: White; font-weight: bold; font-size: 11px; text-align: left; font-family: Arial; border-bottom: solid 1px black; padding-left: 1px; }

.answer { width: 430px; height: 260px; overflow: auto; }
.close { float: right; margin: 0 0 4px 4px; }
.enlarge { margin-right: 8px; white-space: nowrap; font-size: 12px; }