﻿/*V1.1, Jacky, update moneyness pop up */
@media Screen {
  .T1 {height: 44px;}
  .T2 {height: 20px;}
  .bg1 {background: #F5F1E2; padding: 3px;}
  .bg2 {background: #DED6B6; padding: 3px;}
  .bg3 {background: #E0DDD3; padding: 3px;}
  .hwidth {width: 49%; padding: 2px 1px 2px 0px;} /*  ----------------Div --------------*/
  .TopLDiv {width: 645px; float: left;}
  .TopRDiv {width: 187px; float: right; border: solid 1px #CCCCCC;}
  .MidLDiv {width: 485px;}
  .MidRDiv {width: 350px; padding-left: 0px;}
  .LowLDiv {width: 483px;}
  .m_T {border-collapse: collapse; border: solid 1px #CCCCCC;} /*  ----------------Quote Table Cells --------------*/
  .W1 {width: 153px;}
  .W2 {width: 70px;}
  .W3 {width: 109px;}
  .W4 {width: 60%; white-space: nowrap;}
  .W5 {width: 40%; white-space: nowrap;}
  .WMkCp1 {width: 40%;}
  .WMkCp2 {width: 60%;}
  .UL1 {list-style-type: none; padding: 0px; margin: 0px; width: 100%; line-height: 20px;}
  .UL2 {list-style-type: none; padding: 0px; margin: 0px; width: 100%; line-height: 18px;}
  .LI1 {height: 20px; padding: 0px; margin: 0px; width: 100%; line-height: 20px;}
  .LI1_1 {height: 24px; padding: 0px; margin: 0px; width: 100%; line-height: 20px;}
  .LI2 {height: 40px; padding: 0px; margin: 0px; width: 100%; line-height: 40px;}
  .LI3 {height: 16px; padding: 0px; margin: 0px; width: 100%; line-height: 16px;} /* a adr table*/
  .a_afr_T {height: 53px; background: #FFFFFF;}
  .a_adr_H {background: url("../../Images/Style/stock_bg_css.gif") repeat-x;background-position: 0 -218px; height: 17px; color: #666666; font: normal 12px Arial; padding-left: 3px; width: 100%;}
  .a_adr_C {background: #E0DDD3;} /* Statistic Table */
  .s_T {height: 128px; border-collapse: collapse;}
  .s_H {background: url("../../Images/Stock/stat_title_bg.gif") repeat-y; width: 19px;}
  .s_C {background: #EEECE5; padding: 1px; border: solid 1px #FFFFFF; width: 135px; height: 40px;}
  .b_T {height: 63px; background: #F6F6F6; border-collapse: collapse;}
  .b_H {background: #EEECE5; padding-left: 3px; padding-right: 3px; font: normal 12px Arial; height: 18px;}
  .b_C {background: #EEECE5; padding: 2px; height: 39px; width: 348px;}
  .b_bar {width: 200px;} /* warrant and CBBC*/
  .w_T {background: url("../../Images/Style/stock_bg_css.gif") repeat-x; background-position: 0 -707px;height: 29px;}
  .w_Call {background: #F4FBDB; width: 100%; overflow: auto; height: 80px;}
  .w_Put {background: #FFF3EC; width: 100%; overflow: auto; height: 80px;} /* Dividend */
  .d_T {background: url("../../Images/Stock/ir_title.gif") no-repeat; height: 24px; width: 86px; color: #FFFFFF; line-height: 24px;}
  .d_T2 {height: 24px; color: #FFFFFF; line-height: 24px;}
  .d_bg {background: url("../../Images/Stock/ir_bg.gif") repeat-y; }
  .d_c1 {width: 98px; padding: 2px;}
  .d_c2 {width: 62px; padding: 2px;}
  .d_cbg {background: #F5F6F5; }
  .d_bottom {background: url("../../Images/Stock/ir_bottom.gif") no-repeat; height: 11px; width: 350px;} /* Average and Technical Data */
  .a_w {width: 170px;}
  .ada_t {background: url("../../Images/Stock/bask_title.gif") no-repeat; height: 25px; width: 169px; line-height: 25px; padding-left: 5px; float: left;}
  .ada_DR {border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; width: 169px; padding: 1px 0px 1px 0px; float: left;}
  .ada_ADR {border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; width: 169px; padding: 1px 0px 1px 0px; background: #F5F6F5; float: left;}
  .ada_Bottom {border-left: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; width: 169px; padding: 1px 0px 1px 0px; float: left;} /* Top 5 Turnover */
  .t5_T {border: solid 1px #D5EDF7;}
  .t5_H {background: url("../../Images/Style/stock_bg_css.gif") repeat-x; background-position: 0 -467px;} /* Index Constituent */
  .divIC {background: #F5F1E2; position: absolute; overflow: visible; border: solid 2px #CCCCCC; padding: 2px; top: 4px; left: 4px; float: left; color: #005688; white-space: nowrap; font: normal 12px Arial;}
  #divIC ol{list-style-type: none; margin: 0px; padding: 2px; display: block;}
  .layer1 {position: relative; margin: 0px; padding-left: 3px; top: 0px; font: normal 12px Arial;}
  .layer2 {position: relative; margin: 0px; padding-right: 3px; top: 0px; font: normal 12px Arial;}
  .vMiddle {vertical-align: middle;}
  .font10 {color: #666666;}
}
@media Print {
  .T1 {height: 44px;}
  .T2 {height: 20px;}
  .bg1 {background: #F5F1E2; padding: 3px;}
  .bg2 {background: #DED6B6; padding: 3px;}
  .bg3 {background: #E0DDD3; padding: 3px;}
  .hwidth {width: 49%; float: left;} /*  ----------------Div --------------*/
  .TopLDiv {width: 460px; float: left;}
  .TopRDiv {width: 187px; float: right; border: solid 1px #CCCCCC;}
  .MidLDiv {width: 378px;}
  .MidRDiv {width: 272px; padding-left: 0px;}
  .LowLDiv {width: 376px;}
  .m_T {border-collapse: collapse; border: solid 1px #CCCCCC;} /*  ----------------Quote Table Cells --------------*/
  .W1 {width: 100px;}
  .W2 {width: 70px;}
  .W3 {width: 100px;}
  .W4 {width: 60%;}
  .W5 {width: 40%;}
  .WMkCp1 {width: 40%;}
  .WMkCp2 {width: 60%;}
  .UL1 {list-style-type: none; padding: 0px; margin: 0px; width: 100%; line-height: 20px;}
  .UL2 {list-style-type: none; padding: 0px; margin: 0px; width: 100%; line-height: 18px;}
  .LI1 {height: 20px; padding: 0px; margin: 0px; width: 100%; line-height: 20px;}
  .LI1_1 {height: 24px; padding: 0px; margin: 0px; width: 100%; line-height: 20px;}
  .LI2 {height: 40px; padding: 0px; margin: 0px; width: 100%; line-height: 40px;}
  .LI3 {height: 16px; padding: 0px; margin: 0px; width: 100%; line-height: 16px;} /* a adr table*/
  .a_afr_T {height: 53px; background: #FFFFFF;}
  .a_adr_H {background: url("../../Images/Style/stock_bg_css.gif") repeat-x; background-position: 0 -218px;height: 17px; color: #666666; font: normal 12px Arial; padding-left: 3px; width: 100%;}
  .a_adr_C {background: #E0DDD3;} /* Statistic Table */
  .s_T {height: 128px; border-collapse: collapse;}
  .s_H {background: url("../../Images/Stock/stat_title_bg.gif") repeat-y; width: 19px;}
  .s_C {background: #EEECE5; padding: 1px; border: solid 1px #FFFFFF; width: 135px; height: 40px;}
  .b_T {height: 63px; background: #F6F6F6; border-collapse: collapse;}
  .b_H {background: #EEECE5; padding-left: 3px; padding-right: 3px; font: normal 12px Arial; height: 18px;}
  .b_C {background: #EEECE5; padding: 2px; height: 39px; width: 348px;}
  .b_bar {width: 200px;} /* warrant and CBBC*/
  .w_T {background: url("../../Images/Style/stock_bg_css.gif") repeat-x; background-position: 0 -707px; height: 29px;}
  .w_Call {background: #F4FBDB; width: 100%; overflow: auto; height: 80px;}
  .w_Put {background: #FFF3EC; width: 100%; overflow: auto; height: 80px;} /* Dividend */
  .d_T {background: url("../../Images/Stock/ir_title.gif") no-repeat; height: 24px; width: 86px; color: #FFFFFF; line-height: 24px;}
  .d_T2 {height: 24px; color: #FFFFFF; line-height: 24px;}
  .d_bg {background: url("../../Images/Stock/ir_bg.gif") repeat-y; }
  .d_c1 {width: 98px; padding: 2px;}
  .d_c2 {width: 62px; padding: 2px;}
  .d_cbg {background: #F5F6F5; }
  .d_bottom {background: url("../../Images/Stock/ir_bottom.gif") no-repeat; height: 11px; width: 350px;} /* Average and Technical Data */
  .a_w {width: 170px;}
  .ada_t {background: url("../../Images/Stock/bask_title.gif") no-repeat; height: 25px; width: 169px; line-height: 25px; padding-left: 5px; float: left;}
  .ada_DR {border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; width: 169px; padding: 1px 0px 1px 0px; float: left;}
  .ada_ADR {border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; width: 169px; padding: 1px 0px 1px 0px; background: #F5F6F5; float: left;}
  .ada_Bottom {border-left: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; width: 169px; padding: 1px 0px 1px 0px; float: left;} /* Top 5 Turnover */
  .t5_T {border: solid 1px #D5EDF7;}
  .t5_H {background: url("../../Images/Style/stock_bg_css.gif") repeat-x;background-position: 0 -467px; } /* Index Constituent */
  .divIC {background: #F5F1E2; position: absolute; overflow: visible; border: solid 2px #CCCCCC; padding: 2px; top: 4px; left: 4px; float: left; color: #005688; white-space: nowrap; font: normal 12px Arial;}
  #divIC ol {list-style-type: none; margin: 0px; padding: 2px; display: block;}
  .layer1 {position: relative; margin: 0px; padding-left: 3px; top: 0px; font: normal 12px Arial;}
  .layer2 {position: relative; margin: 0px; padding-right: 3px; top: 0px; font: normal 12px Arial;}
  .vMiddle {vertical-align: middle;}
  .dis {display: none;}
  .t_H1 {font:normal 10px Arial!important;} /*     .floatL     {float: none !important;}*/
}

/* Javascript Popup Description */
.w_pop{border:#F1F1F1 5px solid;padding:5px 0px 5px 0px;left:0;z-index:10;visibility:hidden;z-index:30;width:400px;position:absolute;background-color:#ffffff /* clip:rect(0px 0px 0px 0px); */}
.w_pop_bdr{border:#D8D8D8 1px solid}
.w_pop .d_r1{width:100%;float:left}
.w_pop .lrp{padding-left:5px;padding-right:5px}
.w_pop .d_desp{padding:3px 3px 3px 3px;overflow-y:hidden;overflow-x:hidden}
.w_pop .sp{margin-bottom:5px}
.w_pop .ln{width:100%;height:1px;background-color:#F1F1F1;float:left}
.w_pop .tw{width:100%; border-collapse:separate; border:solid 1px #CCCCCC;}
.w_pop .twd{border-collapse:collapse; border:solid 1px #CCCCCC; white-space:nowrap}
.w_pop .G1 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -279px; }
.w_pop .G2 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -326px;}
.w_pop .G3 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px; background-position: 0 -373px;}
.w_pop .G4 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -420px;}
.w_pop .B { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -124px;}
.w_pop .R1 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -519px;}
.w_pop .R2 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -566px;}
.w_pop .R3 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -613px; }
.w_pop .R4 { background:url("../../Images/Style/stock_bg_css.gif") repeat-x; width:64px;background-position: 0 -660px; }
.w_pop .WH { width:64px;}

