@charset "UTF-8";
/* CSS Document*/
body {padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
a, a:active, a:visited {outline:none}
h1 {padding:0; margin:0}
/*wrapper*/
.mb_wrap {display:inline-block; width:99%;  color:#000; font-size:9px; line-height:14px; background:#FFF; }/* width is 99.5% to accomodate for the borders*/
.mb_wrap a {color:#000; text-decoration:none;}
.mb_wrap a:hover {text-decoration:underline;}
.mb_wrap tr {margin:0; padding:0;}
/*body*/
.mb_body {float:left;width:100%;}
/*chart*/
.mb_chart {float:left; width:60%;}
.mb_chart .chart {float:left; width:71%; border-spacing:1px 1px;}
.mb_chart .chart td {cursor:pointer;}
.mb_chart .lbl1 {float:left; width:20%; border-spacing:1px 1px;}
.mb_chart .lbl2 {width:40%; margin-bottom:5px;}
.mb_chart .lbl2 td {width:33.33%; margin:0; padding:0;}
/*legend*/
.mb_lgnd {float:left; width:40%;}
.mb_lgnd .lgnd_lbl {padding-bottom:3px;}
.mb_lgnd .lgnd {float:left; width:14%; border-spacing:1px 1px;}
.mb_lgnd .lbl {float:left; width:40px; height:45px; display:none; border-collapse:collapse;}
/*time range, small charts*/
.trange {float:left; width:100%; height:100%; margin-bottom:5px;}
.trange td {width:20%;}
.trange .dchrt {width:85%;}
.trange .dchrt_end {width:100%; height:100%;}
.trange_lbl tr td {width:20%;}
/*expand collaps trigger*/
.mb_ctrl {float:left; height:17px; width:100%; padding-top:1px; border-top:1px solid #ccc;}
.switch {float:right; height:11px; width:11px; margin-top:3px}
.open {background:url(http://im.mstar.com/im/mb_cl.gif) no-repeat;}
.close {background:url(http://im.mstar.com/im/mb_op.gif) no-repeat;}
.open:hover {background:url(http://im.mstar.com/im/mb_clh.gif) no-repeat;}
.close:hover {background:url(http://im.mstar.com/im/mb_oph.gif) no-repeat;}
/*tabs*/
.mb_nav {float:left;width:100%; border-left: 1px solid #A7AAAF; }
.mb_nav a {margin: 0px; display: block; position:relative; height:24px; border-top: 1px solid #A7AAAF; border-right: 1px solid #A7AAAF; border-bottom: 1px solid #A7AAAF; color:#333; line-height:24px; font-weight:normal; text-align:center; outline:none;}
.mb_nav a:hover {color:#000; text-decoration:none;}
.mb_nav .tabon {height:25px; color:#000; font-weight:bold; border-bottom:none; }
.mb_nav a .tabon:hover {background-color:#FFF; }
/*data table*/
.mb_tblwrp {float:left;width:100%; padding-top:10px;}
.mb_tbl {float:left; width:100%; }
.mb_tbl tr td {padding:2px 0;overflow:hidden}
.mb_tbl tr.hr td {height:1px; padding:0; margin:0; background:#ddd; overflow:hidden}
.mb_tblwrp .gainers, .mb_tblwrp .losers {display:none;}
/*mstar logo*/
.mb_mlnk {float:left;width:100%;}
.mb_mlnk a {width:100%; padding:2px 0 3px 0;  border-bottom:1px solid #ddd; font-weight:bold; display:inline-block; border-top: 1px solid #ddd;}
/*bottom bar*/ 
.mb_footer {float:left; height:31px; width:100%;}
.mb_footer a.logo {float:left; height:23px; width:113px; margin:8px 0 0 0px; background:url(http://im.morningstar.com/im/tool/igoogle_mlogo.png) no-repeat;}
