html, body{height:100%;}
body{margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
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:#990000;}
.up{color:green;}
.down{color:red;}
.unchange{color:#000;}
.titleImage{float:left; padding-top:3px;}
.boldTxt{font-weight:bold;}
.blueTxt{color:rgb(51,102,153);}
/*.lightBlueTxt{color:#00a1bd;}*/
.greyTxt{color:grey;}
.redTxt{color:#990000;}
.redTxt2{color:#EB1C22;}
.sortTxt{color:#990000;}
.sortTxt:hover{color:#990000;}
.clear{clear:both;}
.rowGrey{background-color:#eff0f0;}
.sectionHeader{color:rgb(51,102,153); font-weight:bold;}
.divHeader{padding-bottom:5px;}
.pageHeader{font-size:16px; float:left; padding-left:10px; font-weight:bold; line-height:21px;}
.tabHeader{color:rgb(51,102,153);}
.tabHeaderSelected{color:rgb(51,102,153); font-weight:bold;}

.tableData td{padding:5px;}
.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;}
.subMenuGreyTable{border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.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; 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;}
.margin-tb-0{margin-top:0px; margin-bottom:0px;}
.quoteInfoTableCellHeight{height:20px;}

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

.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:150px;} /*sychronize to umscontent*/
.divCompanyAction{width:53%; float:right;}
.newsTimestamp{width:100px; /*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:100px;}
.divQuoteExdateDays{padding-left:5px; float:left; color:red;}
.quoteHeaderHeight{line-height:25px;}
.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;}
.headerLeft{float:left;}
.divHeader .iconRight{line-height:21px; vertical-align:bottom;}
.iconRight{float:right; padding-right:5px;}
.iconRight img{vertical-align:middle; padding-right:5px;}
.iconRight a{color:rgb(51,102,153);}
.iconRight2{float:right; padding-top:5px; padding-right:10px;}
.iconRight2 img{vertical-align:middle; padding-right:5px;}
.iconRight2 a{color:rgb(51,102,153);}
.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;}
.bocNewsSelected{float:left;}
.otherNewsSelcted{float:left; padding-left:10px; padding-right:10px; line-height:25px}
.bocNews{float:left; line-height:25px;}
.otherNews{float:left; padding-left:12px; padding-right:12px; line-height:25px;}

/**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 .frequency a{color:#000;}
.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 #990000; border-bottom:5px solid #990000; border-right:5px solid #990000; 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:74px; 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:#990000; 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 #900000;}

/**Added the following on 20130918 for company_calendar.php**/
.company-calendar .calendarDate{height:25px; padding-left:5px; padding-right:7px; 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:#900000; 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:#900000; 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:#b80000;}
.company-calendar-result .CalNum10, .company-calendar-data .CalNum10{color:#FFFFFF; font-weight:bold; background-color:#900000; 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 chart */
#indexchart{margin:0px; margin-right:10px;}
.divDynChart{/*width:945px;*/ width:880px;}
.dynChartOption{padding-top:5px; text-align:right;}
.dynChartTable{width:705px; align:left; vertical-align:top;}
/*.dynChartTable table{border:1px solid #EB1C22;}*/
.dynChartSize{width:100%; height:700px;}
.chartSetting{width:170px;}
.chartSetting table td{padding:2px 0px 2px 5px;}
.chartTitle{color:#990000; font-weight:bold; padding-left:5px;}
.chartOption{width:80px;}
.tiOption{width:160px;}
.indexCodeOption{width:100px;}
.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:rgb(51,102,153); padding-left:5px;}
.divTemplateCHdrRight a{line-height:25px; font-weight:bold; float:right; color:rgb(51,102,153); padding-right:5px;}

/* 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;}
.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:#025cb0;}
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:#025cb0; 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;}

/* 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;}

/* indexes main */
.stkSpBg{background: #e9f2f2;}

/* 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;}

/* news home */
.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 #EB1C22; *margin-right:-3px;}
.divTtitleHdr{height:18px; padding:6px 10px 0 10px; border-bottom:3px solid #EB1C22; 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:25px; line-height:25px; *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:#990000;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}*/}