BODY { color: #FFFFFF; background: #000000; font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; scrollbar-face-color: #666666;
scrollbar-highlight-color: #ffffff;
scrollbar-arrow-color: #FFCC00;
scrollbar-track-color: #969696;  }

H1 { color: #FFCC00; padding: 2px 20px 2px 20px }

DIV.heading {  text-align: center; font-size: normal; font-weight: bold; padding: 1px; background: url(images/orangebar.jpg); color: #000000; border: 1px solid #000000 }
DIV.headingbig {  text-align: center; font-size: medium; padding: 1px 10px 1px 10px; background: #FFFFFF; color: #000000 }
DIV.click { text-align: center; color: #ffcc00; font-size: medium }
LI {font-size: smaller; margin-left: -15px; list-style-type: square }
LI.all { text-align: center; font-size: smaller; margin-left: -15px; list-style-type: none; font-weight: bold }

DT { font-weight: bold; font-size: larger; color: #FFFFFF; margin: 35px 40px 15px 40px}
DD { color: #ffffff; margin: 0px 40px 15px 70px}

A:LINK.all, A:VISITED.all { color: #FFCC00; text-decoration: underline }
A:HOVER.all { color: #FFFFFF; text-decoration: none }

A:LINK, A:VISITED { color: #FFFFFF; text-decoration: underline }
A:HOVER { color: #ffcc66; text-decoration: none }

A:LINK.black, A:VISITED.black { color: #000000; text-decoration: underline }
A:HOVER.black { color: #FFFFFF; text-decoration: none }

input.textbox { background: #FFFFFF }
input.button { background: url(images/orangebar.jpg); font-weight: bold }

/* table classes */
TABLE.main TD { background: url(images/greyback.jpg); margin: 0px; padding: 6px; border: 1px #ffffff solid; vertical-align: top }
TABLE.search TD { background: url(images/greyback.jpg); margin: 0px; padding: 6px; border: 1px #ffffff solid; vertical-align: top }
TD.top { font-size: 24px; text-align: center; background: url(images/orangebar.jpg); font-weight: bold; color: #000000 }
TD.search { padding-top: 30px }
TABLE.chart TD {font-size: 10pt; padding: 1px 3px 1px 3px}
TABLE.statistics TD {font-size: 8pt; padding: 1px 3px 1px 3px; border: 5px}
TD.legend {text-align: left; font: 12pt; }
TD.note {text-align: left }

TR.header { color: 000000; background: url(images/greyback.jpg); text-align: center; white-space: nowrap}
TR.white { color: 000000; background: #FFFFFF }
TR.grey { color: 000000; background: #E6E6E6 }
TD.rank { font-weight: bold; text-align: center }
TD.title { text-align: left; white-space: nowrap }
TD.chart { color: #000000; text-align: left }
TD.author  { text-align: left; white-space: nowrap }
TD.price { text-align: left }
TD.highest { text-align: left }
TD.top10 { text-align: left }
TD.top100 { text-align: left }
TD.movement { text-align: left }
TD.rating { text-align: left }
TD.buy { color: #000000; text-align: left }

TD.selected { background:  url(images/greyback.jpg) } /* the selected column in the tables should be distinguished with a separate class */

 
FONT.first { color: #00ccff; font-size: bigger; font-weight: 900; padding: 0px 2px 0px 2px }
FONT.second  { color: #66ff00; font-weight: 900; padding: 0px 2px 0px 2px  }
FONT.third { color: #ff66ff; font-weight: 900; padding: 0px 2px 0px 2px  }