html, body{height:100%;}
body{margin:0px; font-size:12px;   -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family:PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif; min-width:990px !important;}
a{text-decoration:none; color:#000;}
a:hover{color:#666;}
a img{border:0px;}
form{margin:0px;}
select{outline:none;}
input{outline:none;}

/* Common */
.mainFrame{width:100%;}
.mainFrameInner{padding:5px;}
.frameInnerLeft{padding-left:5px;}
.fullFrame{width:100%;}
.themeColor{color:#890069;}
.up{color:green;}
.down{color:red;}
.unchange{color:#000;}
.quoteup{color:rgb(5, 168, 84);}
.quotedown{color:red;}
.quoteunchange{color:#000;}
.titleImage{float:left; padding-top:3px;}
.boldTxt{font-weight:bold;}
.boldTxtcompare{font-weight:bold;background-color:#eff0f0;}
.blueTxt{color:rgb(51,102,153);}
.lightBlueTxt{color:#00a1bd;}
.greyTxt{color:grey;}
.greyTxt a{color:grey;}
.redTxt{color:#890069;}
.redTxt2{color:#EB1C22;}
.sortTxt{color:#890069 !important;} 
.sortTxt:hover{color:#890069;}
.clear{clear:both;}
.rowGrey{background-color:#eff0f0;}
.sectionHeader{color:#890069; font-weight:bold;font-size:12pt;}
.divHeader{padding-bottom:5px;}
.divHeader .stockCode{line-height:25px;}
.divHeader .stockName{line-height:25px;}
.divHeader .stockADU{float:left;}
.divHeader .rightMenu{float:right;}
.pageHeader{font-size:12pt; float:left; padding-left:10px; font-weight:bold; line-height:21px;}
.tabHeader{color:#000000;font-weight:bold;font-size:12pt;}
.tabHeaderSelected{color:#890069; font-weight:bold;font-size:12pt;}
.submainmeun .tabHeaderSelected{font-size:10pt;font-weight:bold;} /* top20_stock */
.submainmeun a{font-size:10pt;font-weight:bold;} /* top20_stock */
.tableData td{padding:3px; line-height:17px;}
.tableData .figure{padding:0px;}
.tableData .subIndex{padding-left:20px;}	/* indexes main */
.dataLeft{float:left; display:inline;}
.dataRight{float:right; display:inline;}
.dotLine{border-bottom:1px dotted #e2e2e2;}

.divSection{margin-top:20px;}
.divTop{padding-top:8px;}
.message{display:inline; font-size:12px;}

.divRemark{line-height:18px; padding-left:5px; padding-top:8px;}
.divRemarkIPONews{line-height:18px; padding-left:15px; padding-top:8px;}
.remarkEng .left{width:60px; float:left;}
.remarkEng .right{overflow:hidden;}
.remark .left{width:40px; float:left;}
.remark .right{overflow:hidden;}
.frequency .dot{float:left; width:20px; height:18px; background:url("../images/dot.bmp") no-repeat; margin-top:3px;/*background-position-y:3px;*/}
.frequency .right{overflow:hidden;}

.rowHeader{background:#ddd;}
.rowPaleGrey{background:#eff0f0;}
.rowWhite{background:#FFF;}

.greyTable{border:1px solid #e0e0e0;}
.greyTableTop{border:1px solid #e0e0e0; border-collapse:collapse;/* margin-top:5px;*/}
.greyTableData{border-bottom:1px solid #e0e0e0; background:url("../images/quote_grey_bg.gif") repeat-x;}
.borderRight td{border-right:1px solid #e0e0e0;}
.subMenuGreyTable{border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.padLeft td{padding-left:10px;}
.padRight td{padding-right:10px;}

.wordBreak{word-break:break-all;}
.noPadding{padding:0px !important;}

.float-left{float:left;}
.float-right{float:right;}
.cbxIndustry .wrap-align{display:inline-block; float:left; margin-right:5px;}
.cbxIndustry .wrap-align input#code{margin-top:0px; margin-bottom:0px; height:16px;}
.cbxIndustry .wrap-align select#naturelist{margin-top:0px; margin-bottom:0px; height:20px;}
.button-wrap{display:inline-block; *display: inline;height:20px;}
.button-link{cursor:pointer; height:20px; display:block;}
.button-link-ci-search{cursor:pointer; height:20px; display:block;}
div.button{background-image:url("../images/button.png");background-repeat:no-repeat;width:54px;height:20px;display:inline-block;text-align:center;cursor:pointer;}
div.button-ci-search{background-image:url("../images/button-22px.png");background-repeat:no-repeat;width:59px;height:22px;display:inline-block;text-align:center;cursor:pointer;}
.search-button-wrap{margin-top:2px; overflow:hidden; display:inline-block;*display: inline;}
.margin-tb-0{margin-top:0px; margin-bottom:0px;}

.dtable tr {line-height:20px;}

.TableStyleA{width:100%; clear:both;}
.TableStyleA table{width:100%; display:table; border-spacing:1px; border-collapse:collapse; border:1px solid #e0e0e0; font-size:12px; color:#000;}
.TableStyleA td{padding:6px;}
.TableStyleA tr.item{background:url(../images/quote_grey_bg.gif) repeat-x;}
.TableStyleA tr.item td{border-bottom:1px solid #e0e0e0; font-weight:bold;}
.TableStyleA td.up{color:green;}
.TableStyleA td.down{color:red;}
.TableStyleA a{color:#000;}
.TableStyleA a:hover{color:#666;}
.TableStyleA tr.GreyBg td{background:#eff0f0;}
.TableStyleA tr.WhiteBg td{background:#FFF;}
.TableStyleA .connect{color:#890069;}
.TableStyleA .connectexpired{color:#999;}
.TableStyleA a.link{color:#00a1bd; text-decoration:none;}
.TableStyleA a.link:hover{color:#666; text-decoration:none;}

.purpleBtn { background-color: #890069; color: white; cursor: pointer; padding: 0.08rem 0.48rem; display: inline; }

/* footer */
#Footer{width:100%; clear:both; padding:10px; font-size:11px; color:#000; line-height:140%; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:justify; background-color:#e6e6e6; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
.tableQuoteInfo{border:1px solid #e0e0e0; margin-bottom:10px;}
/*.borderRight{border-right:1px solid #e0e0e0;}*/
.borderBottom, .borderBottom td{border-bottom:1px solid #e0e0e0;}
.divAddInfo{width:47%; float:left; padding-bottom:5px;}
.divAddInfo2{width:100%; padding-bottom:5px;}
.quoteInfoTableHeight{height:118px; float:right;}
.divCompanyAction{width:53%; float:left;}
.divUnderAssetAndCode{width:53%; float:left;}
.divUnderAssetAndCode .line{line-height:17px; padding:3px;}
.newsTimestamp{width:110px; /*vertical-align:top;*/}
.newsData{padding: 5px 0px 0px 0px; vertical-align: top; line-height: 20px; color:#EB1C22;}
.newsData a{color:rgb(51,102,153); text-decoration: none;}
.warrantRatioTable{width:50%;}
.warrantRatio td{line-height:5px;}
.warrantBarYellow{background-color:yellow; font-size:10px;}
.warrantBarPurple{background-color:#D7DAFE;font-size:10px;}
.stockHeader{float:left; padding-left:20px;}
.divStkRatio{display:inline; float:left; line-height:15px; margin-top:5px; width:250px;}
.divQuoteExdateDays{padding-left:5px; float:left; color:red;}
.quoteHeaderHeight{line-height:25px;color: rgb(51,102,153); float:left;}
.stkBarup{background-color:#006600;font-size:10px; color:#FFF;}
.stkBardown{background-color:#cc0033; font-size:10px; color:#FFF;}
.stkBarunchange{background-color:#999;font-size:10px; color:#FFF;}
.divStockChart{padding-bottom:15px; padding-left:35px;}
.headerLeft{float:left;}
.divHeader .iconRight{line-height:21px; vertical-align:bottom;}
.divHeader .iconLeft{line-height:21px; vertical-align:bottom;}
.divHomeChart .iconRight{float:right; padding-right:5px;/*padding-bottom:2px;*/}
.mainmeun .iconRight{font-size:12pt;}
.mainmeun .iconRight a{font-size:12pt;}
.fullFrame .borderBottom .iconRight{padding-top:0px;}
.iconRight{float:right; padding-right:5px;/*padding-top:2px;*/height:20px;vertical-align:middle;line-height:20px;}
.iconRight img{vertical-align:middle; padding-right:5px;/*padding-bottom:2px;*/}
.iconRight a{color:#890069;font-size:12px;font-weight:bold;display:inline-block;vertical-align:middle;}
.iconLeft {float: left; padding-left: 5px; /* padding-top: 2px; */}
.iconLeft a{/*color:#890069;*/font-size:12pt;font-weight:bold;}
.pt12{font-size:12pt;}
.padBottom5{padding-bottom:5px;}

.iconRight2{float:right;padding-right:10px;padding-top:7px;}
.iconRight2 img{vertical-align:middle; padding-right:5px;padding-bottom:2px;}
.iconRight2 a{color:#890069;font-size:12px;font-weight:bold;}

.mainmeun .thirdMenu {line-height:21px; vertical-align:bottom; font-size:12pt;}
.mainmeun .thirdMenu {padding-right:5px;}
.mainmeun .thirdMenu a{/*color:#890069;*/font-weight:bold;}

.peRating{font-size:16px; float:left; padding:5px 15px; border:2px solid rgb(206,165,0); text-align:center;}
.peRatingDesc{float:left; padding:10px 10px;}
.redBullet{height:25px;}
.quoteRelated{width:12%;}

/* index */
.divHomeLeft{width:70%; float:left;}
.divHomeRight{width:30%; float:right;}
.homeRank1{width:15px; text-align:center; color:#000;}
.homeRank2{width:15px; text-align:center; color:#000;}
.homeRank3{width:15px; text-align:center; color:#000;}
.homeRank4{width:15px; text-align:center; color:#000;}
.homeRank5{width:15px; text-align:center; color:#000;}
.indexNominal{line-height:26px; height:26px; font-size:30px; font-weight:bold;}
.indexPercentage{font-size:16px;}
.homeRemarks{padding:5px;}
.divEditorChoice{height:150px;}
.indexTabSeparator{float:left; padding-left:8px; padding-right:8px; padding-top:10px;}

.bocNewsSeparator{float:left; /*line-height:25px;*/padding-right:12px;}
.bocNewsSelected{float:left;}
.otherNewsSelcted{float:left; /*padding-left:10px;*/ padding-right:12px; /*line-height:25px*/}
.bocNews{float:left; line-height:25px;}
.otherNews{float:left; /*padding-left:12px; */padding-right:12px; /*line-height:25px;*/}
.stockTableHeader{height:25px; line-height:25px !important; *height:0px;}

/**Added the following on 20130906 for ipo_index.php**/
.ipo-index .upperLeftContainer{width:60%; float:left;}
.ipo-index .upperRightContainer{width:40%; float:right;}
.ipo-index .innerFrame{padding-left:0px;}
.ipo-index a{color: rgb(51,102,153);}
.ipo-index td a{color: #000;}
.ipo-index .iconRight a{color:#890069;}
.ipo-index .frequency a{color:#000;}
.ipo-index .rowHeader {color:#666;background-color:#fff;}
.ipo-index .innerColumn{ height:auto;/*overflow: hidden;*/}
.ipo-index div.DivArticleList > div{ padding: 5px;}
.ipo-index .greyBorder{ border:1px solid #e0e0e0; margin-left: 5px;}
.ipo-index .greyBorder-heading{ border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; width: inherit; background: url("../images/quote_grey_bg.gif") repeat-x;} /*20130913 FIX*/
.ipo-index .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130911 for ipo_listing.php**/
.ipo-listing .greyBorder{ border:1px solid #e0e0e0;}
.ipo-listing .greyBorder-heading{ border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.ipo-listing .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130911 for ipo_listed.php**/
.ipo-listed .greyBorder{ border:1px solid #e0e0e0;}
.ipo-listed .greyBorder-heading{ border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.ipo-listed .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130912 for ipo_hot.php**/
.ipo-hot .greyBorder{ border:1px solid #e0e0e0;}
.ipo-hot .greyBorder-heading{ border-bottom: 1px solid #e0e0e0; height:27px; width: inherit;}
.ipo-hot .greyTxt, a.greyTxt { color: #666; font-size: 12px;}
.ipo-hot .divFigureBox{ width:680px; margin-bottom:5px; float:left; clear:both; *display:inline;}
.ipo-hot .DivFigureContent{margin:10px 6px 5px 6px; float:left; clear:both; *display:inline; *padding-bottom:2px; width: inherit;}
.ipo-hot .StkIPOChartBorder {position:relative; float:left; width:380px; height:383px; border-top:5px solid #890069; border-bottom:5px solid #890069; border-right:5px solid #890069; float:left; background-color:#FFFFFF;}
.ipo-hot .StkIPOSpace {position:relative; float:left; background-image:url(../images/ipo_btnspace.gif); width:283px; height:3px;}
.ipo-hot .StkIPOBg {position:relative; float:left; width:282px; height:85px; border-left:1px solid #FFFFFF; background-image:url(../images/ipo_btnbg.gif);}
.ipo-hot .StkIPOBgActive {position:relative; float:left; width:282px; height:85px; border-left:1px solid #000000; background-image:url(../images/ipo_btnvbg.gif);}
.ipo-hot .TabActiveHdr, a.TabActiveHdr {font-weight:bold; color:#890069; text-decoration:none;}
.ipo-hot .divTableNGraph{display: inline-block;}
.ipo-hot .StkEngActiveTabTxt {font-size: 16px; color: white; font-weight: bold;}
.ipo-hot .QuoteChange {font-size:16px; font-weight:bold;}

/**Added the following on 20130913 for ipo_detail.php**/
.ipo-detail .ipoDetailTable{padding: 10px;}
.ipo-detail a{color: rgb(51,102,153);}
.ipo-detail .divTemplateB{width:100%; height:27px; border-bottom:1px solid #e2e2e2; float:left; background:#FFF;}
.ipo-detail .divTemplateBHdr{height:23px; padding:2px 10px 2px 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#00a1bd;}

/* market calendar */
.calendarLine{border-bottom:3px solid #890069;}

/**Added the following on 20130918 for company_calendar.php**/
.company-calendar .calendarDate{height:25px; padding-left:5px; padding-right:7px; padding-top:20px; float:left; line-height:25px; font-weight:bold;}
.company-calendar .contentTable td { padding: 5px;}
.company-calendar .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130918 for company_calendar_result.php & company_calendar_data.php**/
.company-calendar-result .CalNum11, .company-calendar-data .CalNum11{color:#000000; font-weight:bold;}
.company-calendar-result .CalNum09, .company-calendar-data .CalNum09{color:#adadad; font-weight:bold;}
.company-calendar-result .CalNum05, .company-calendar-data .CalNum05{font-size:35px; color:#890069; font-weight:bold;line-height:35px;}
.company-calendar-result .CalNum06, .company-calendar-data .CalNum06{font-size:35px; color:#000000; font-weight:bold; text-decoration:none; line-height:35px;}
.company-calendar-result .CalNum07, .company-calendar-data .CalNum07{color:#890069; font-weight:bold;}
/*td.CalNum06:hover{font-size:35px; font-weight:bold; color:#FF0000;}*/
.company-calendar-result td.CalNum06:hover, .company-calendar-data td.CalNum06:hover{font-size:35px; font-weight:bold; color:#890069;}
.company-calendar-result .CalNum10, .company-calendar-data .CalNum10{color:#FFFFFF; font-weight:bold; background-color:#890069; background-repeat:no-repeat;}
.company-calendar-result .CalNum12, .company-calendar-data .CalNum12{color:#FFFFFF; font-weight:bold; background-color:#828282; background-repeat:no-repeat;}
.company-calendar-result .contentTable td , .company-calendar-data .contentTable td { padding: 5px;}

/**Added the following on 20130926 for company_dividend.php**/
.company-dividend .contentTable td { padding: 5px;}
.company-dividend .greyTxt{ color: #666; font-size: 12px;}
.company-dividend tr.greyTxt a{ color: #666; font-size: 12px;}

/**Added for education_cbbc.php & education_warrant.php**/
.education-warrant-cbbc{width:100%;}
.education-warrant-cbbc td{font-size: 12px;}
.education-warrant-cbbc div.answer{font-size: 13px; padding:15px; clear:both; border:1px solid #e2e2e2; *width:inherit; *display:block;}
.education-warrant-cbbc .DivTemplateB {border-bottom: 0px; width:auto;}
.education-warrant-cbbc div.back-to-top{clear:both; margin-top:5px; margin-bottom:15px; width: inherit; text-align:right; *float:right; *display:block;}
.education-warrant-cbbc div.articleContent{font-size:13px; margin:0px 5px 10px 5px; line-height:160%;}
.education-warrant-cbbc .shadow {border: 1px solid #e2e2e2; background: #FFF; -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.education-warrant-cbbc .left{float:left;}
.education-warrant-cbbc div#chapter-list ul{list-style-type:square;}
.education-warrant-cbbc div#chapter-list ul a{color:blue;}
.education-warrant-cbbc div#SectionMenu{padding-top:5px; padding-left:5px; padding-right:5px;}
.education-warrant-cbbc .mainFrameInner > div{overflow:hidden; clear:both; *width:100%;}
.education-warrant-cbbc{overflow:hidden;}

/* news detail */
.tableNewsDetail{padding:10px; font-size:12px;}
.tableNewsDetail br{line-height:20px;}
.tab_title b{font-size:16px;}
.tab_title a{text-decoration:none; color:#666;}
.tab_title a:hover{color:#b80000;}
.tab_content{border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-left:1px; margin-right:1px; background-position:bottom; background-repeat:repeat-x; /**padding:10px !important;*/}
.tab_content p{padding-left:45px;}
.mobile_tab_content{border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-left:1px; margin-right:1px; background-position:bottom; background-repeat:repeat-x; /**padding:10px !important;*/}
.mobile_tab_content p{padding-left:10px;}
.closeWindow a{text-decoration:underline;}
.closeWindow a:hover{color:#b80000;}

 /* disclaimer */
 .disclaimer{padding-top:10px;}
.FooterCopyright{padding:10px; font-size:12px; color:#000;}

/* quote */
.stockCode{font-size:16px; float:left;}
.stockName{font-size:16px; float:left; padding-left:10px;}
.stockName span{float:left;}
.alignQuoteMeter{padding-top:3px;}

.barOuter { line-height: 0; width: 104px; height: 18px; /*border: 1px solid #dbdbdb*/; border-radius: 12px; float: left; margin-left:2px; }
.barInner { width: 100px; height: 16px; border-radius: 10px; overflow: hidden; }
.barInner div { height: 16px; font-size: 9px; line-height: 16px; color: #FFF; text-align: center; float: left; }
.StkBarup { background-color: #006600; font-size: 10px; }
.StkBarunchange { background-color: #999; font-size: 10px; }
.StkBardown { background-color: #cc0033; font-size: 10px; }

/* quote_profit */
.quote_profit .tabHeader{font-size:12pt;color:#890069;}

/* quote chart */
#indexchart{margin:0px; margin-right:10px;}
.divDynChart{width:945px; /*width:880px;*/}
.dynChartOption{padding-top:5px; text-align:right;}
.dynChartTable{width:100%; align:left; vertical-align:top;}
.dynChartTable table{border:1px solid #FFFFFF;}
.dynChartSize{width:100%; height:700px;}
.chartSetting{width:230px;}
.chartSetting table td{padding:2px 0px 2px 5px;}
.chartTitle{color:#890069; font-weight:bold; padding-left:5px;}
.chartOption{width:150px;}
.tiOption{width:160px;}
.indexCodeOption{width:150px;}
.drawButton{padding-right:10px;}
#quoteName{float:left; padding-left:10px;}
#comparestockcode{width:85px;}

/* quote related news */
.divArticleList p{margin:10px;}
.divArticleBox{clear:both; padding:3px; }
.divArticleBox .date{font-size:10px; color:#666;}
.divArticleBox .articleHdr a:hover{color:#666;}
.more{color:rgb(51,102,153); padding-left:5px;}
.divArticleBox .more{color:rgb(51,102,153); padding-left:5px;}
.divArticleBox .more:hover{color:rgb(51,102,153);}
.divTemplateA{width:100%; height:27px; float:left;}
/*.divTemplateB{width:100%; height:27px; border-bottom:1px solid #e2e2e2; float:left;}
.divTemplateBHdr{height:23px; padding:2px 10px 0 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#00a1bd;}
.divTemplateCHdr{height:23px; padding:2px 10px 0 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#ff6600;}*/
.articleHdr{font-size:18px; font-weight:bold;}
.divTemplateB{width:100%; height:27px; border-bottom:1px solid #e2e2e2; float:left; background:url("../images/quote_grey_bg.gif") repeat-x;}
.divTemplateBHdr{height:23px; padding:2px 10px 0 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#00a1bd;}
.divTemplateCHdr{line-height:25px; font-weight:bold; float:left; color:#890069; padding-left:5px;font-size: 12pt;}
.divTemplateCHdrRight a{line-height:25px; font-weight:bold; float:right; color:#890069; padding-right:5px;font-size: 10pt;}

/* quote warrant */
.WarrantBackgroundrelated{background-color: #FFEA7D;}
.WarrantRowHighlight{background-color: #FFD07D;}
.WarrantWarRowOdd{background: #FFF2DF;}
.WarrantWarRowEven{background: #FFF9EF;}
.WarrantRemark_in{font-size: 8px; background-color:#FFF2DF;text-decoration: none; border: 1px solid #CCC;}
.WarrantRemark_at{font-size: 8px; background-color:#FFD07D;text-decoration: none; border: 1px solid #CCC;}
.WarrantRemark_out{font-size: 8px; background-color:white;text-decoration: none; border: 1px solid #CCC;}

/* paging */
.paging{padding:0px 10px 10px 0px; text-align:right;}
.paging a{color:#00a1bd;}
.paging a:hover{color:#666;}
.paging .selected{font-weight:bold; color:#00a1bd;}

.paging2{padding:0px 10px 10px 0px; text-align:right;}
.paging2 a{color:#EB1C22;}
.paging2 a:hover{color:#666;}
.paging2 .selected{font-weight:bold; color:#EB1C22;}

.pagingWar{padding:0px 10px 10px 0px; text-align:right;}
.pagingWar a{color:#ff6600;}
.pagingWar a:hover{color:#FF0000;}
.pagingWar .selected{font-weight:bold; color:#000;}

/* company info */
.companyTitle table{padding-top:15px;}
.companyTitle td{line-height:25px;}
.compURL a{color:#00a1bd;}
.companyMenu{padding-top:10px;}

.Tab{height:28px; width:100%; line-height:28px; float:left; clear:both; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.Tab div {height: 28px; padding: 0 10px 0 10px; border-right: 1px solid #e2e2e2; float: left;font-size: 12pt;}
.Tab.TabEng div {font-size: 10pt;}
.Tab div a:hover{color:#00bfff;}
.TabActive{font-weight: bold; border-bottom:1px solid #FFF;}
.TabActive a{color:#00a1bd;}
.TabActive a:hover{color:#00bfff;}
a.TabSelected div{font-weight: bold; border-bottom:1px solid #FFF; background-color:#890069;}
div.Tab a.TabSelected{color:#FFF;}
div.Tab a.TabSelected:hover{color:#FFF;}
div.Tab a.TabNormal div:hover{border-bottom:1px solid #FFF; background-color:#890069; color:#FFF;}
.backgroundDot{background-image:url(../images/table_dot.gif); background-repeat:repeat-x; height:9px; width:100%; padding:0px;}

.companyHeader{font-size:16px; font-weight:bold; padding-top:8px; clear:both;}
.companyProfile{padding:10px 0px 0px 7px;}
.companyInfo{padding:10px 0px 0px 9px;}
.companyTable{padding:8px 0px 0px 4px;}

/* stock comparsion */
.stockIndustry{font-size:20px; font-weight:bold; color:#00a1bd; padding-left:10px;}

/* indexes main */
.stkSpBg{background: #e9f2f2;}
/* login welcom*/
div.tablesize{border: 3px solid white;min-width:880px;max-width:880px;}
table.tablefield,
th.tablefield {border:3px solid white;border-collapse:collapse;padding-right:45px;padding-left:45px;background:#f0e0b0;text-align:center;}
th.tablehead  {border:3px solid white;border-collapse:collapse;padding-right: 0px;padding-left:10px;background:#f0e0b0;text-align:left;}
td.tablefield {border:3px solid white;border-collapse:collapse;padding-right:20px;padding-left:20px;background:#f0e8d8;text-align:center;}
th.tablefield2{border:3px solid white;border-collapse:collapse;padding-right:10px;padding-left:10px;background:#f0e0b0;text-align:center;}
/* lot size*/
.lotdiv {min-width:256px;display: table;text-align:left;}
.lothead  {padding-left: 10px;background:#f0e0b0;text-align:left;height:20px;}
.lottable {border-collapse: collapse;}
.lotfield1 {background:#f0e8d8;text-align:center;padding-right: 50px;padding-left: 50px;}
.lotfield2 {background:#ffffff;text-align:center;padding-right: 50px;padding-left: 50px;}
.lotfield3 {background:#f0e0b0;text-align:center;}

/* indexes constituent */
.divMarketIndexLeft{float:left; width:347px; height:200px;}
.divMarketIndexRight{margin:0px 0px 0px 10px; float:left;}
.divMarketIndexOuter{height:55px; line-height:55px; padding-left:20px; padding-right:20px;}
.divMarketIndexInner{font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; border-bottom:1px dotted #000; line-height:30px; padding-top:15px;}
.divMarketIndexInner2{text-align:center; vertical-align:middle; line-height:20px;}
.marketIndexNominal{font-size:14px; font-weight:bold; text-align:center;}
.stkIndexesChange{float:left; padding-bottom:15px; height:40px; *height:35px;}
.stkIndexesChange div{float:left; width:160px; margin-left:12px; *display:inline;}
.stkIndexesOther{float:left; clear:both; padding-left: 30px; width:320px; height:70px; *height:65px;}
.stkIndexesOther div{float:left; width:150px; *display:inline; word-spacing:10px;}
.stkIndexesOtherTitle{width:50px; display:inline-block; text-align:right; padding-top:5px;}
.stkIndexesValue{padding-left:5px;}
.stkIndexesDotLine{border-bottom:1px dotted #000; padding-top:5px;}
.divMarketIndexImg{padding:10px 0 0 10px;}
.indexChange{line-height:30px; font-size:12px; font-weight:bold;}

/* Headlines */
.newsHomeTimestamp{width:35px; vertical-align:top; line-height:20px;}
.tableData .newsFigure{padding:0px; /*height:250px; */vertical-align:top;}
.commentaryTable{/*height:364px;*/}	/*dynamic calculate*/

/* categorized news list */
.menu{font-size:12px;}

/* top 20 */
.divTitle{width:100%; height:27px; border-bottom:2px solid #890069; *margin-right:-3px;}
.divTtitleHdr{height:18px; padding:6px 10px 0 10px; border-bottom:3px solid #890069; line-height:18px; font-weight:bold; float:left; clear:both;}
.subMenu{float:right; padding-top:8px;}

/* industry */
.stkBarRatio{line-height:5px;}
.industrymenu{padding-top:8px; padding-left:5px;}
.cbxIndustry{float:right; line-height:20px;}
.cbxIndustry #code{border:1px solid rgb(169,169,169); vertical-align:bottom;}
/*.cbxIndustry #buttonsubmit{border:1px solid rgb(169,169,169); vertical-align:bottom;}*/
.naturelist{/*padding:1px 0px;*/border:1px solid rgb(169,169,169); vertical-align:bottom;}
.industryProfit{color:rgb(51,102,153); padding-left:5px; font-weight:bold; line-height:25px;}

/* etf */
.rightOption{float:right;}

/* etf detail */
.etfDetailHeader{padding:5px 5px 5px 17px;}
.etfCbxBox{height:22px; width:200px}
.DivArticleContent{width:100%; line-height: 160%; float: left; clear: both;}
.DivArticleContentInner{padding:5px;}
.ETFTextBold, a.ETFTextBold {font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
.ETFSubHder, a.ETFSubHder {/*font-family:arial;*/ font-size:13px; color:#B00000; font-weight:bold; text-decoration:none;}
a.ETFSubHder:hover {/*font-family:arial;*/ color:#00a1bd; line-height: 120%;}
.ETFInfo{padding:5px 8px 5px 4px;}
.ETFTable td{padding:4px 10px 4px 10px;}

.ETFTable .figure{padding:0px;}
.ETFTable .ETFObjTitle{padding-left:10px;}
.ETFTable .ETFObj{padding-left:11px;}
.etfRemark{line-height:18px;}
.TabActiveHdr, a.TabActiveHdr {font-weight:bold; color:#00a1bd; text-decoration:none;}
.StkTableGreenBorder{background-color:#E9F2F2;}
.divBoxLeft{width:50%; padding:5px 5px 5px 0px;}
.divBoxRight{width:50%; padding:5px 0px 5px 5px;}

/* warrant overview */
.warrantHeader{font-weight:bold; float:left; padding-right:20px;}
.warrantTableHeader{height:22px;/*height:25px; line-height:25px !important; *height:0px;*/}
.warrantTableHeader .headerLeft{padding-left:5px;}
.warrantRankOpt{vertical-align:bottom; float:left;}
.warrantRankOpt .link{color:rgb(51,102,153);}
.tablePadRight{padding-right:4px;}
.tablePadLeft{padding-left:4px;}
.warrantOverviewSearch{/*margin-top:30px;*/}
.warrantOverviewRight{margin-left:8px;}
.WarrantsRank1{color:#000; text-align:center;}
.WarrantsRank2{color:#000; text-align:center;}
.WarrantsRank3{color:#000; text-align:center;}
.WarrantsRank4{color:#000; text-align:center;}
.WarrantsRank5{color:#000; text-align:center;}
.divWarrantOveriewLeft .figure table td{vertical-align:top;}
.divWarrantOveriewRight .figure table td{vertical-align:top;}

/* warrant turnover analysis */
.WarrantCbbcRowOdd{background:#FFF2DF;}
.WarrantCbbcRowEven{background:#FFF9EF;}
.warrantMenu{padding-bottom:10px;}
.warrantMenu .selected{color:#ff6600; font-weight:bold;}

/* warrnt turnover underlying */
.warrantTurnoverRightMenu a{color:rgb(51,102,153); font-weight:bold; float:right; line-height:25px; padding-right:5px;}

/* memo newly */
.memoDate{color:rgb(51,102,153); font-size:16px; font-weight:bold;}

/* warrant news */
.divWarArticleBox{clear:both; padding:3px;}
.divWarArticleBox .more{color:rgb(51,102,153); padding-left:5px;}
.divWarArticleBox .more:hover{color:rgb(51,102,153);}
.divWarArticleBox .date{font-size:10px; color:#666;}
.divWarArticleBox .articleHdr a:hover{color:#666;}

/* company search */
.ciSearchBox{padding-left:10px;}
.ciSearchBoxBtnLeft{float:left;}
.ciSearchBoxBtnRight{float:left; padding-left:10px;}
.divCIResult{padding:15px 0px 0px 5px;}
.ciResultTitle{font-weight:bold; padding-left:5px;}
.ciResultData{margin:10px 0 0 5px;}
.ciResultTable{padding-top:10px;}

/* sector business */
.stkMouseOver{background-color: #dff9fd;}

/* mobile related news */
.mobileMainFrame{width:100%; height:100%;}
.mobileFrameInner{padding:0px; height:100%;}
.mobile .divArticleBox{clear:both; padding:8px;}
.mobile .divArticleList{height:100%;}
.mobile .divArticleList p{margin-left:0px;}
/*.mobileTimestamp{position:fixed; bottom:0; right:0; width:100%; background-color:rgb(175,31,32); color:#000; height:35px;}
.mobileTimestamp .icon{float:left; width:35px;}
.mobileTimestamp .provider{float:left; padding-top:10px; padding-left:5px;}
.mobileTimestamp .circle1{float:left; padding-top:12px; padding-left:20px;}
.mobileTimestamp .circle2{float:left; padding-top:12px; padding-left:10px;}*/

/* mobile local index */
.mobileIndex{min-height:100%; position:relative;}
.mobile .turnover{background-color:rgb(199,199,199);}
.mobile .indexTable .greyLine td{border-bottom:1px solid #eff0f0;}

#mobileContent {min-height:100%; height:100%; background-color:green;}
/*#mobilefooter .mDisclaimer div{float:left;}*/
#mobilefooter .mDisclaimer .icon img{float:left; width:20px;}
#mobilefooter .mDisclaimer .icon{float:left; width:20px;}
#mobilefooter .mDisclaimer .timestamp{float:left; width:280px;}
#mobilefooter .mDisclaimer .timestampEng{float:left; width:400px;}

#mobilefooter{height:16px; line-height:16px;width:100%;background-color:#890069;color:#FFF;font-size:12px; font-weight: bold;
text-shadow: 0 /*{c-bar-shadow-x}*/ 0px /*{c-bar-shadow-y}*/ 0px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/}

/* Common */
.refreshBtn{cursor: pointer;}
.center{text-align: center;}
/* Global Search */
#divGlobalSearch > div{height:30px; float:left; padding-right:10px;}
#divGlobalSearch .codeSearch div{padding-top:5px; color:blue;}
#autoCompDIV{background:white; display:none;}
#autoCompDIV ul{margin:0px; /*padding-left:15px; */ padding:0px;}
#autoCompDIV li{list-style:none;}
.ac_results {padding: 0; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; filter: Alpha(opacity=90); BORDER-RIGHT: #fff 2pt outset; BORDER-BOTTOM: #fff 2pt outset;}
.ac_odd {background-color: #eee;}
.ac_over{background-color: #999; color: white;}

/* Hot Pick List */
.riskDisclosure a{color:blue;} 

/* Video */
.videoRight a{text-decoration: underline; color:rgb(51,102,153); float:right; padding-top:5px; font-weight:bold;}

/* Warrant DLSS */
.content0 {width: 100%; float: left; display: inline; padding-bottom:5px;}
.content0StockCode { font-size:12pt; float:left; /*padding-left:5px;*/ color:#890069;font-weight:bold; /*font-family: Arial,PMingLiU;*/ /*font-family: Arial;*/ line-height:25px}
.content0StockName {font-size:12pt; float:left; padding-left:10px; color:#890069;font-weight:bold; /*font-family: Arial,PMingLiU;*/ /*font-family: Arial;*/ line-height:25px; padding-right:4px}
.headerItem{float:left; padding-left:20px; line-height:25px;}
.contentRT1 {width: 35%; float: left; display: inline;}
.quoteBody1 {width: 65%; height: 100%; float: left; display: inline; font-size: 12px;  /*font-family: Arial;*/}
.quoteBody1 table {padding: 0; /*margin: 0;*/ cellpadding: 0; cellspacing: 0; width: 100%;}
.quoteDL { width: 100%; height: 100%; }
.quoteDL1 { width: 100%; height: 100%; }
.quoteDL1 .head1l { color: rgb(51,102,153); font-weight: bold; padding-top:5px;}
.quoteDL1 .head1r { font-size: 20px; font-weight:bold; text-align: center; }
.quoteDL .quoteDLTableTop { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; /*border-bottom: 1px solid #e0e0e0; */border-right:1px solid 1px solid #e0e0e0; }
.quoteDL .quoteDLTableTop, .quoteDL .quoteDLTableTop table { border-spacing:0px;  *border-collapse: collapse; }
.quoteDL .quoteDLTableTop td table{ border-spacing:0px; *border-collapse: collapse; }
.quoteDL .quoteDLTableTop td table td { padding: 3px; }
.quoteDL .quoteDLTableTop td table td table { border-spacing:0px; padding:0px; *border-collapse: collapse; }
.quoteDL .quoteDLTableTopl { padding: 0px; background: url("../images/quote_grey_bg.gif") repeat-x; }
.quoteDL .quoteDLTableTopr { background: url("../images/quote_grey_bg.gif") repeat-x; }
.quoteDL .quoteDLTableMTop { border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.quoteDL .quoteDLTableRTop { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.quoteDL .quoteDLTableMButton { border-left: 1px solid #e0e0e0; }
.quoteDL .quoteDLTableRButton { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.quoteDLTableRBottom table{border-spacing:0px; *border-collapse: collapse;}
.quoteDL1rData { line-height: 20px; }
.quoteValue { font-size: 14px; font-weight: bold; }

.quoteDL2 { width: 100%; height: 100%; padding-bottom: 5px; }
.quoteDL2 table { width:100%; padding: 0px; border-spacing:0px; }
.quoteDL2 table td table td { padding: 3px; }
.quoteDL2Table { border: 1px solid #e0e0e0; }
.quoteDL2 .quoteDL2Table td { vertical-align: top; }
.quoteDLTablel { border-left: 1px solid #e0e0e0; }
.divBid{background-color:rgb(248,232,240); text-align:center; width:50%; padding:0px; }
.divAsk{background-color:rgb(204,255,255); border-left:1px solid #e0e0e0; text-align:center; width:50%; padding:0px; }
.yellow {background-color: yellow;}
.quoteBidAskText{width:50px; float:left;}
.quoteBidAskButton{float:left; line-height:20px;}
.stockCodeSearch{padding-left:20px; line-height:25px;}
.stockCodeSearch a{color:rgb(51, 102, 153);}
#payable{padding-left:40px; padding-top:7px; line-height:25px; font-weight:bold;}
.divQuoteMeter{/*position:absolute; */ top:18px; right:5px; float:right;}
.divQuoteMeter .left{float:left; padding-top:26px; padding-right:15px;}
.divQuoteMeter .left a{font-size:12px; text-decoration:none; color:rgb(51, 102, 153); padding-left:5px;}
.divQuoteMeter .right{float:left;}
.quoteMeterDisplay{background-repeat:no-repeat; background-position: center; position:relative; width:96px; height:41px}
.quoteMeterDisplay .value{position: absolute;width:100%;bottom: 0;text-align:center;padding-bottom: 2px;text-decoration: underline;}
.quoteMeterDisplay #netClick{cursor: pointer;}
.quoteMeterDisplay .loading{position: absolute; top:-25px; height:20px; width:20px;}
.free_tc{background:url("../images/tc/quote_count_free.gif");}
.free_sc{background:url("../images/sc/quote_count_free.gif");}
.free_eng{background:url("../images/eng/quote_count_free.gif"); width:167px;}
.chargeable_tc{background:url("../images/tc/quote_count_chargeable.gif");}
.chargeable_sc{background:url("../images/sc/quote_count_chargeable.gif");}
.chargeable_eng{background:url("../images/eng/quote_count_chargeable.gif"); width:145px;}
#netClick{font-size:14px; font-weight:bold;}

/* RTSS */
.quoteRT1{width: 100%; text-align:center;}
.quoteRT1 .borderRight{border-right:1px solid #e0e0e0;}
.quoteRTTableTop{border-spacing:0px; *border-collapse:collapse;}
.quoteRTTableTop td{padding:0px;}
.quoteRTTableTopr{border-left:1px solid rgb(224, 224, 224);border-bottom:1px solid rgb(224, 224, 224); height:75px; line-height:36px;}
.quoteRTTable{height:100%; border-spacing:0px; *border-collapse:collapse;}
.quoteRTTable td{padding:0px}
.quoteTable{border-spacing:0px; *border-collapse:collapse; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:left;}
.quoteTable1a, .quoteTable1b{width:50%;}
.quoteTable1a table, .quoteTable1b table{border-spacing:0px; *border-collapse:collapse;}
.quoteTable1a td, .quoteTable1b td{padding:3px}
.quoteTable1a{border-right:1px solid #e0e0e0; }
.QuoteBidAsk{border-spacing:0px; *border-collapse:collapse;}
.QuoteBidAsk td{padding:0px;}
.QuoteBidAskHeadl table{border-spacing:0px; *border-collapse:collapse;}
.QuoteBidAskHeadl table td{padding:0px;}
.QuoteBidAskHeadl .colAsk {height:35px; border-left:1px solid #e0e0e0;}
.QuoteBidAskHeadl .colBid {height:35px;}
.QuoteBidAskHeadl .colAsk .box{overflow: hidden; height: 100%; width: 100%; position: relative; background:url('../images/quote_grey_bg.gif') repeat-x scroll 0% 0% transparent; border-bottom:1px solid #e0e0e0;}
.QuoteBidAskHeadl .colBid .box{position:relative; height: 100%; width: 100%;overflow: hidden; background:url('../images/quote_grey_bg.gif') repeat-x scroll 0% 0% transparent; border-bottom:1px solid #e0e0e0;}
.quoteRT1 .head2l{background: url("../images/quote_grey_bg.gif") repeat-x; height: 23px; vertical-align: top; padding-top: 10px; padding-bottom: 3px; text-align : center;}
.quoteRT1 .head3l{width: 50%; vertical-align: top; font-size: 12px; font-weight: bold; background: url("../images/quote_grey_bg.gif") repeat-x;  color: rgb(51,102,153); padding:0px 0px 12px 3px; height: 23px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align:left;}
.quoteRT1 .head3r {width: 50%; vertical-align: middle; font-size: 20px; font-weight: bold; text-align: center; padding-right:5px;}
.quoteRT1 .bid{font-size: 18px; text-align: center; font-weight: bold;}
.quoteRT1 .ask{font-size: 18px; text-align: center; font-weight: bold;}
.quoteRT1 .bidRatio{background-color:rgb(0, 153, 51); color:white; text-align:left; line-height:20px; padding-left:5px;}
.quoteRT1 .bidRatio0{background-color:rgb(244, 0, 38); color:white; text-align:left; line-height:20px; padding-left:5px;}
.quoteRT1 .askRatio{background-color:rgb(244, 0, 38); color:white; text-align:right; line-height:20px; padding-right:5px;}
.quoteRT1 .Ordsl { width:50%; float:left; text-align:right; color: black; }
.quoteRT1 .Ordsr { width:50%; *width:49%; float:left; color: black; text-align:right; }
.quoteRT1 .Ordsl .line{ line-height:22px; }
.quoteRT1 .Ordsr .line{ line-height:22px; }
.collapsableContainer{display:none;}
.contentRT1 .borderTable{border:1px solid #e0e0e0;}
.contentRT1 .transTableLeft{width:5px; height:5px; float:left}
.contentRT1 .transTableRight{overflow:hidden;}
.contentRT1 .headerQueue{display:table; width:100%;}
.contentRT1 .bidvals{font-weight:bold; color:rgb(174,0,69); background-color:rgb(248,232,240); text-align: center; font-size:13px; line-height:20px; border-bottom:1px solid #e0e0e0}
.contentRT1 .askvals{font-weight:bold; color:rgb(0,64,139); background-color:rgb(204,255,255); text-align: center; font-size:13px; line-height:20px; border-bottom:1px solid #e0e0e0}
.contentRT1 .collapsableBrokerSTK{width:100%; border-top:1px solid #e0e0e0;}
.contentRT1 .brookerask {height:10%;color:rgb(0,64,139);font-size:12px; padding-left:3px; cursor:pointer;}
.contentRT1 .brookerbid {height:10%;color:rgb(174,0,69);font-size:12px; padding-left:3px; cursor:pointer;}
.contentRT1 .brookertext{height:10%;color:#000;font-size:12px; padding-left:3px;font-weight:bold;}
.contentRT1 .sectionTh{width:100%;font-size:13px; border-spacing:0px; *border-collapse:collapse; background: url("../images/quote_grey_bg.gif") repeat-x;}
.contentRT1 .sectionTh td{padding: 2px 3px 3px 3px;}
.contentRT1 .logRedtxt{font-weight:bold; color:rgb(182,44,102);}
.contentRT1 .logBluetxt{font-weight:bold; color:rgb(50,102,162);}
.contentRT1 #transactionLogFullTable{border-spacing:0px; *border-collapse:collapse;}
.contentRT1 .collapsableSTK{display:table; width:100%; height:147px;}
.contentRT1 .quoteInfoTableCellHeight{padding:0px 3px 0px 3px; height:20px;}
.contentRT1 #clickTransLogButton{text-decoration: underline; color:#890069; cursor:pointer;}
#divBeforeLogon{display:none;}
#divBeforeLogon div{line-height:25px;}
#divSuspendAcct{display:none;}
#divNoSecAcct{display:none;}
.openSectAcct{text-decoration:underline; color:blue;}

/* Quote Transaction */
.DivFigureContent {width: 100%; clear: both;}
#StkTSTop ul{clear:both; padding:3px; margin:0px; height:22px; line-height:22px; clear:both;}
#StkTSTop li{height:22px;line-height:22px;font-size:13px;margin:0;padding:0;display:inline-block;text-align:left; padding-left:5px;}
#StkTSTop .Title{width:80px; float:left;}
#StkTSTop .TitleTS{width:150px; float:left;}
#StkTSTop .Bar{width:448px;margin:0 20px; float:left;}
#StkTSTop .VWAP{width:80px; float:left;}
#StkTSTop li div{float:left;font-size:11px;height:20px;line-height:20px;display:inline-block;border:1px solid #FFF;border-width:1px 0;*margin-right:-1px; text-align:center;}
#StkTSTop .BidAM{background:#c8f0fa}
#StkTSTop .BidPM{background:#7fc5de}
#StkTSTop .AskAM{background:#ffcade}
#StkTSTop .AskPM{background:#e1acc9}
#StkTSTop .ColorBox{width:12px;height:12px;display:inline-block;vertical-align:top;margin:1px 1px 0 0;font-size:0}
#StkTSTop .Text{width:100%;}
#StkTSTop .Remark{border-top:1px solid #e2e2e2; padding:6px 0px 7px 15px;}
#StkTSBChart{width:100%; float:left;clear:both}
#StkTSBChart .Title{width:100px;font-size:12px;height:30px;line-height:30px;float:left;padding-left:10px;}
#StkTSBChart .Pink{background:#e1aac8}
#StkTSBChart .Blue{background:#6496f0}
#StkTSBChart .Red{background:#e63264}
#StkTSBChart .DBlue{background:#00418c}
#StkTSBChart .ColorBox{width:12px;height:12px;display:inline-block;vertical-align:top;margin:1px;font-size:0}
#StkTSBChart .Text{width:550px;height:20px;margin-top:6px;float:left;text-align:right;font-size:12px;word-spacing:8px}
#StkTSBChart .Chart{padding-top:10px;clear:both}
#StkTSBChart ul{list-style:none;padding:0;margin:0;float:left;clear:both;width:650px}
#StkTSBChart li{height:12px;line-height:12px;margin:6px 0;*margin:12px 0;_margin:10px 0;float:left;display:inline-block}
#StkTSBChart .Legend{width:45px;border-right:1px solid #545454;text-align:right;margin:0 2px 0 0;padding:5px;_padding:8px 5px}
#StkTSBChart .RedFont{color:#e63264}
#StkTSBChart .BlueFont{color:#00418c}
#StkTSBChart .Num{margin-left:5px}
#StkTSBChart .LegendTS{border-right:1px solid #545454;text-align:right;margin:0 2px 0 0;padding:5px;_padding:8px 5px}
#StkTSBTable{clear:both;*display:inline}
#StkTSBTable table{width:100%}
#StkTSBTable table td{height:24px;padding:0 3px}

/* Recent Search */
#recentSearchTimestamp{display:inline;}
#recentSearchResult table td{padding:3px 3px 0px 3px;}

/* Warrant Comparsion */
.stockComparsion td{vertical-align:top; padding:0px;}
.stockComparsion .title{padding:3px;}
.cmpInput{width:200px;color:#888888;}
.cmpArrow{padding:0px 5px 0px 5px;}
#clickRefresh{cursor:pointer;}
.cmpTable div{padding:3px;}
.cmpTable div:nth-child(odd){background: #eff0f0;}
.cmpTableTop{border-top:1px solid #e0e0e0;}
.cmpTableRight{ border-right:1px solid #e0e0e0;}

/* Warrant Overview table menus */
.leftBg, .leftBgSelected {
float: left;
display: inline;
height: 100%;
font-size: 20px;
width:6px;
}
.centerBg, .centerBgSelected {
float: left;
display: inline;
height: 23px;
}
.rightBg, .rightBgSelected {
float: left;
display: inline;
height: 100%;
font-size: 20px;
width:6px;
}
.centerBgSelected a {
color: #ffffff;
}
.centerSpace {
	height:100%; 
	clear:none; 
	float:left; 
	display:inline;
	width:6px;
}
.warrantOverviewTableMenu{
padding: 5px 5px;
color: #474747;
/*font-family: Arial,PMingLiU;*/
font-weight: bold;
font-size: 10pt;
position:relative;
top:5px;
}
.leftCornerHighlighted{
background: url("../images/nav_red_leftcorner.gif") no-repeat;
width:6px;
}
.leftCornerNotHighlighted{
background: url("../images/nav_grey_leftcorner.gif") no-repeat;
width:6px;
}
.centerAreaHighlighted{
background: url("../images/nav_red_bg.gif") repeat-x;
}
.centerAreaHighlighted a{
color: #ffffff;
}
.centerAreaNotHighlighted{
background: url("../images/nav_grey_bg.gif") repeat-x;
}
.rightCornerHighlighted{
background: url("../images/nav_red_rightcorner.gif") no-repeat;
}
.rightCornerNotHighlighted{
background: url("../images/nav_grey_rightcorner.gif") no-repeat;
}
a.warrantOverviewTableMenu:hover{
color: #ffffff;
}

/* global search */
#divGlobalSearch{padding-top:2px;}
#clickFreeButton{padding: 8px 0px 0px 10px;}
#clickDetailButton{padding: 8px 0px 0px 10px;}
#clickSearch{cursor:pointer;}

/* Price Alert */
.pa_error {color: #FF0000;}
.pa_select{padding:0;margin: 0;}
.pa_text_label{padding:0;margin: 0;}
.pa_input {padding-left:5px;}
/* .matched_table{display:none;} */
/* .expired_table{display:none;} */
.tableData thead span{padding-left:5px;}
.tableData .pa_td_r{padding-left:3px;}
.tableData .pa_td{padding-left:5px;}
.tableData .pa_td select.alertType{width: 130px;min-width: 130px;}
.tableData .pa_td option{padding-left:5px;}
.tableData .pa_td select:disabled{background:#ebebeb;}
.tableData .pa_td option:disabled{background:#ebebeb;}

.page_link{padding:0px 10px 10px 0px; text-align:right;}
.page_link a{color:#00a1bd;padding:0px 10px 10px 0px; text-align:right;}
.page_link a:hover{color:#666;}
.page_link .page_selected{font-weight:bold; color:#00a1bd;}

/* Common styles effective from 20141122 onwards*/
table.commonstyle td.name{width:20%;}
.inlineBlock{display:inline-block;}
table.commonstyle td div.arrow{width:15%;}
table.commonstyle td div.nominal{width:85%;}
.floatLeft{float:left;}
.floatRight{float:right;}
.overflowHidden{overflow:hidden;}
.percent100{width:100%;}

/* Tools-analysis ONLY*/
div.tools-analysis input[type="text"]{width:100px;}

/*wholeday_transaction*/
.WholedayTranSelection select{width:100px;}
.WholedayTranSelection input[type=text]{width:100px;}
.WholedayTranSelection .aligntext{text-align:right;padding-left: 50px;}
.WholedayTranResult .left{width:100px;}
.WholedayTranResult .right{width:200px;}
.WholeDayTranTable {height:540px;}
.WholeDayTranTable #area_paging a{color:rgb(51, 102, 153);}

/* Timeline in quote_right.php  */
#Timeline #Wrapper{width:100%; margin-top:61px; float:left; position:relative;}
#Timeline #FixedLeft{float:left; text-align:right;}
#Timeline #FixedRight{float:right; text-align:left;}
#Timeline .FixedCol{width:85px;}
#Timeline #DynamicCol{margin:0px 87px; border:1px solid rgb(136, 136, 136); position:relative; background-color:rgb(136, 136, 136); height:17px;}
#Timeline #DynamicCol ul{width:100%; height:17px; list-style:none; margin:0px; padding:0px; position:relative; float:left; display:block;}
#Timeline #DynamicCol ul li{display:inline-block; position:relative; *display:inline; *zoom:1; height:17px; margin:0px; padding:0px; float:left;}
#Timeline #DynamicCol .todaycolor{background-color:#febb76;}
#Timeline #DynamicCol .remainingcolor{background-color:#e3e3e3;}
#Timeline #DynamicCol .lasttradingdatecolor{background-color:#999999; *margin-right:-1px;}
#Timeline .Bubble{position:absolute; top:-51px; width:70px; height:17px; line-height:17px; font-size:12px;}
#Timeline #LeftBubble{margin-right:0px; text-align:right; right:0px;}
#Timeline #RightBubble{margin-left:0px; text-align:left; left:0px;}

.bottom_container {display: table;}
.bottom_column { display: table-cell; padding-right: 10px; vertical-align:middle; *display:inline;}
.bottom_row { display: table-row;}
.bottom_row span{display:block; vertical-align:middle;}
.bottom_row img{height:10px; width:10px; vertical-align: middle;display: block;}

.vcmLabel{padding:2px 4px; background-color: #ff8d00; float: left; color: white; height:14px; line-height:14px;}

/* popUp common */
.popUp .tableLayoutContent {padding:10px; font-size:12px;}
.popUp .tableLayoutContent .sectionHeader {text-align:center; padding-bottom:10px}
.popUp .tableLayoutContent .closeWindow {padding-top:10px}
.popUp.popUpVcmListing .tableLayoutContent .tableData {margin-top:20px}
.popUp.popUpVcmListing .tableLayoutContent .tableData:first-child {margin-top:0}