<style type="text/css">
BODY {background: #FFFFFF}
INPUT {font-size: 9px}
TD {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
TH {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background: #004080; color: #FFFFFF; font-weight: bold; text-align: left}
select { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
a       { font-size: 11px; font-weight: bold; color: #000099}
a:link  {  font-size: 11px; font-weight: bold; color: #000099}
a:hover {color:  red; text-decoration: none}
a:visited:hover {color:  red; text-decoration: none}
a.visited {color: #000099}
.imagebackground {background-color: #ffffff}
.toplinks {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #FFFFFF}
.smalllink {  font-size: 9px}
.normal {background: #ffffff}
.bright_header TD {font-size: 13px; color: #004488; font-weight: bold; background: #BDBDBD; line-height: 20px}
.brightheader TD {font-size: 13px; color: #004488; font-weight: bold; background: #BDBDBD; line-height: 20px}
.brightrow {font-size: 11px; color: #004488; font-weight: bold; background: #FFD93E; line-height: 14px}
.brightrow TD {font-size: 11px; color: #004488; font-weight: bold; background: #FFD93E; line-height: 14px}
.totalstext TD {color: #004080; background: #ffffff}
.dark_header TD {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #004080; line-height: 20px}
.dark_header A {color: #FFFFFF}
.dark_header :visited {color: #FFFFFF}
.dark_header A:hover {color: red}
.darkheader TD {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #004080; line-height: 20px}
.darkheader A {color: #FFFFFF}
.darkheader :visited {color: #FFFFFF}
.darkheader A:hover {color: red}
.smallbold {font-weight: bold}
.smallbold TD{font-weight: bold}
.largerBold {font-weight: bold; font-size: 13px}
.largerBold TD{font-weight: bold; font-size: 13px}
.largerBold TR{font-weight: bold; font-size: 13px}
.helpHeadline {font-weight: bold; font-size: 15px}
.helpHeadline TD {font-weight: bold; font-size: 16px}
.space_maker {background: #004080}
.spacemaker {background: #004080}
.blue_grey {background: #EFF0F0; line-height: 20px}
.white {background: #FFFFFF; line-height: 20px}
.tableRight{text-align: right}
.tableRight TD{text-align: right}
.tableCenter {text-align: center}
.page_heading {font-size: 17px; font-weight: bold}
.home_page_menu {background: #BDBDBD}
.homepagemenu {background: #BDBDBD}
.table_sub_header {font-size: 13px; color: #004080; font-weight: bold; background: #FFD93E; line-height: 20px}
.subdetailheader {font-size: 11px; color: #000000; font-weight: normal; background: #D2D2D2; line-height: 16px}
.page_header {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #004080; line-height: 20px}
.menu_header {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #004080; line-height: 20px}
.table_background {background: #FFFFFF; line-height: 20px}
.table_emphasize {background: #FFFFFF; line-height: 20px}
.selected {color: #FF0000; font-weight: bold}
.tradeimage {width: 16px; height: 16px; border: 0px}
.darkTH TH {font-size: 13px; color: #FFFFFF; font-weight: bold; background-color: #004080; line-height: 20px}
.brightTH TH {font-size: 13px; color: #004488; font-weight: bold; background: #FFD93E; line-height: 20px}
.whiterow TR {background: #ffffff}
.loginbutton {width: 45; height: 16}
.bordered {border: 1px solid #004080}

<!-- home page styles -->
.marketDataGrid IMG{width: 16px; height: 16px; border: 0px}
.marketDataGrid TH{text-align:center; border-width:0px}
.marketDataGrid TD{text-align:center; border-width:1px; border-style:groove; padding-top:3px;padding-bottom:3px; font-weight:bold}
td.mdSymbol{text-align:left;border-left-width:0}
td.mdImg{border-right-width:0}

.selectedEvents TD{text-align:left; border-width:1px; border-top-width:0px; border-style:solid; border-color:#004488; padding-top:3px;padding-bottom:3px; }
.selectedEvents IMG{width: 16px; height: 16px; border: 0px}
td.selEventDesc {border-bottom-width:0px; }
td.selEventImg {border-right-width:0px; }
td.selEventLnk {border-left-width:0px; }
img.selectedEventGraph{width: 160px; height: 120px; border: 0px}
<!-- home page styles -->



<!-- trading page styles -->
.orderbook {color: black; background-color:  #000000 }
.orderbook TD{color: black; background-color:  #ffffff }

.orderbookHeader, .orderbookHeader TD{color: black; background:#d2e5fe; background-color:#d2e5fe; font-weight:bold; text-align:center; }

.orders {color: black; background-color:white }
.orders TD{color: black; background-color:white }

.prices TD{color: black; background-color: #ffffff; }

.reportRow {color: black; background-color: #F2F2F2 }
.reportRow TD{color: black; background-color: #F2F2F2 }

.repCancel {color: #ffffff; background-color: #777777 }
.repCancel TD{color: #ffffff; background-color: #777777 }
.repCancel A:link {COLOR: #ffffff; TEXT-DECORATION: underline;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.repCancel A:visited { COLOR: #ffffff; TEXT-DECORATION: underline;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.repCancel A:hover { COLOR: #CC3300; TEXT-DECORATION: none;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.repCancel A:visited:hover { COLOR: #CC3300; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

.orderTicketInc, .orderTicketInc TD, .orderTicketInc A, .orderTicketInc A:link, .orderTicketInc A:visited {COLOR: #ff0000; TEXT-DECORATION: none; text-align:center;   }
.orderTicketInc  A:hover, .orderTicketInc A:visited:hover {COLOR: #0000ff; TEXT-DECORATION: none;  text-align:center; }
.mediumfont {font-size: 13px}
<!-- trading page styles -->


</style>

