* {margin:0;padding:0}
body, table {font:11px tahoma, verdana, arial, helvetica, sans-serif;color:#000;line-height:1.2em}
#container {width:294px;height:360px;border:1px solid #999;background-color:#f3f3f3;padding:2px}
#masthead {height:28px;background-color:#fff;padding:1px 3px;font-size:12px;margin:0 0 4px 0; color:#4897a2; border:1px solid #666}
img#logo {margin:1px 2px 2px 2px;float:right}
#app_name {font-weight:bold;color:#154754}
#date_time {font-size:11px;color:#898989}
span#update_date {margin-right:4px}
.menu ul {padding:0;margin:0;list-style-type:none}
.menu li {float:left;position:relative;list-style-type:none}
.menu a,.menu a:visited {display:block;text-align:center;text-decoration:none;width:68px;font-weight:bold;border:1px solid #677;border-bottom:1px solid #ccc;background-color:#9bc;color:#666;margin:1px 2px 0 0;padding:1px 0 1px 0}
.menu a:hover {background-color:#376c98 !important;color:#fff !important;border-bottom:1px solid #376c98 !important;text-decoration:none}
.menu a{outline:none}
table {clear:both;margin:0 0 1px 0;background-color:#fff;border:1px solid #677;border-top:1px solid #376c98}
.expiry, .symbol, .month, .type, .tradeTime {text-align:center}
.symbol {color:#344;font-weight:bold}
.volume, .strike {text-align:right;width:45px;padding-right:8px}
.strike {padding-right:25px;}
.cpstrike{text-align: right; padding-right:16px;}
.strike_l{text-align: right; margin-right: .1em;}
.strike_r{text-align: left; margin-left: .1em;}

.column {background-color:#d5dcdc;border-bottom:1px solid #bbb;font-weight:bold;text-align:center} /* table header row */
.row1, .row3, .row5, .row7, .row9 {background-color:#fff}
.row2, .row4, .row6, .row8, .row10 {background-color:#e5f0f0}
td {padding:1px}
td.blank_row br {display:none}
a {color:#4897a2;font-weight:bold;text-decoration:none}
a:hover {color:#154754;text-decoration:none}
td.symbol a {color:#000}
.no_data_available {text-align:center;padding:20px 0;font-style:italic}
.about_chart, #about_datasets {padding:0 3px; font-family:tahoma, arial, helvetica, sans-serif}
#about_datasets {margin:7px 0 0 0}
#footer_text {position:absolute;width:284px;left:6px;top:315px;color:#777;font:10px tahoma, arial, helvetica, sans-serif}
#copyright {margin-top:6px}
#closeLink {text-align:center;position:absolute;top:136px;left:0;background-color:#ffc;border-top:1px dotted #999;padding-top:1px;width:100%}
#closeLink a {display:block;width:147px;height:18px}
#chart_box {display:none;position:absolute;top:74px;left:138px;width:154px;height:155px;background-color:#fff;z-index:100;border:1px solid #666;overflow:hidden}
#chart_box table {border:none;margin:0}
#chart_box_frame {width:154px;height:135px;visibility:hidden}
#footer_ad {z-index:100;position:absolute;top:246px;background-color:#fffff5 !important;color:#000;border:1px solid #666;width:286px;height:50px;padding:2px 3px}