@CHARSET "UTF-8";

*{-webkit-text-size-adjust:none;}

.scpBlue {
	color: #043C6B;
}
.boldFont{font-weight: bold;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.update_time{font-size:11px; text-align:right; padding: 3px 5px 0 0; color: #666;}
.news_body {
	padding: 5px;
}
.news_body .copyright{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #444;
}
.news_body .disclaimer{
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	color: #444;
}

/* hsiChart.jsp */
.hsi_chart {
	width: 100%;
}
.hsi_chart .value {
	width: 50%;
	color: #222;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	padding: 0px 10px 2px 2px;
}
.hsi_chart .day_low_high {
	width: 50%;
	border-left: solid 1px #ccc;
	color: #001b54;
	font-size: 12px;
	text-align: left;
	padding: 2px 2px 2px 8px;
}
.hsi_chart .day_low {
	
}
.hsi_chart .day_high {
	
}
.hsi_chart .turnover {

}
.hsi_chart .change {
	font-size: 14px;
	text-align: right;
	white-space: nowrap;
}
.hsi_chart .change .chg_none {
	color: #001b54;
	background: none;
	padding: 0px 8px 0px 20px;
}
.hsi_chart .change .chg_down {
	color: #dd0000;
	background: url(./images/quotes_down.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}
.hsi_chart .change .chg_up {
	color: #009900;
	background: url(./images/quotes_up.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}
.hsi_chart .update_time {
	padding: 2px;
	text-align: center;
}

/* IPO Reminder */
.ipo_reminder {
}

/* IPO Reminder Mini */
.ipo_reminder_mini {
	height: 100%;
}

/* World Index */
.world_index {
	font-size: 12px;
	height: 400px;
}
.world_index .update_time {
	padding: 2px 2px;
	text-align: center;
}
.world_index_mini {
	font-size: 12px;	
}
.world_index_mini .update_time {
	padding: 2px 2px;
	text-align: center;
}

/* Forex */
.forex .title{
	font-size: 13px;
	font-weight: bold;
}
.forex .content{
	margin-bottom: 10px;
}
.forex .update_time {
	padding: 2px 2px;
	text-align: center;
}

/* Versatile Index */
.versatile_index {
	width: 100%;
}
.versatile_index .ui-tabs .ui-tabs-panel {
	padding: 3px 0px 3px 0px;
}
.versatile_index .mini-tabs .ui-tabs .ui-tabs-panel l {
	padding: 3px 0px;
}

/* Hot Sector & IPO Reminder Combo */
.sectorIpoCombo {
	width: 330px;	
}

/* worldIndexChartPopup.jsp */
.world_index_chart_popup .name {
	color: #222;
	font-size: 14px;
	text-align: center;	
	padding-bottom: 3px;
}

/* stockChartPopup.jsp */
.stock_chart_popup {
	text-align: center;
}
.stock_chart_popup .name {
	color: #222;
	font-size: 14px;
	text-align: center;
	border-bottom: dotted 1px #aaa;
}
.stock_chart_popup .figures {
	font-size: 13px;	
	color: #222;
	text-align: center;
	white-space: nowrap;	
}
.stock_chart_popup .figures .price {
	font-weight: bold;
}
.stock_chart_popup .figures .chg_none {
	background: none;
	padding: 0px 8px 0px 20px;
}
.stock_chart_popup .figures .chg_down {
	color: #dd0000;
	background: url(./images/quotes_down.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}
.stock_chart_popup .figures .chg_up {
	color: #009900;
	background: url(./images/quotes_up.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}
.stock_chart_popup .update_time {
	padding: 1px 2px;
	text-align: center;
}
.stock_chart_popup .links {
	padding: 1px 2px;
	text-align: center;
	font-size: 12px;
	color: #0B30C6;
}

/* hotSector.jsp */
.hot_sector {
	text-align: center;
	font-size: 12px;
	background-color: #FFF;
}
.hot_sector .title{
	font-size: 110%;
	color: #DC002B;
	padding: 4px;
}
.hot_sector .legend {
	border-bottom: 1px solid #DDD;
	padding: 4px;	
}
.hot_sector .legend .up {
	background: url(images/sector_up.gif) no-repeat 35px center;
	padding: 4px 50px;	
}
.hot_sector .legend .down {
	background: url(images/sector_down.gif) no-repeat 35px center;
	padding: 4px 50px;
}
.hot_sector .update_time{
	padding: 4px;
	text-align: center;	
}

/* recent_stock_search */
.recent_search {
		
}
.recent_search .content{
	
}
.recent_search .update_time {
 	padding: 0px 2px;
	text-align: center;
}

/* stockQuote.jsp | stockQuoteDetails.jsp */
.stock_quote {
	width: 100%;	
}
.stock_quote .input {
	font-size: 110%;
	padding: 4px 10px;
}
.stock_quote .input .inputBox{
	font-size: 120%;
	width: 60px;
	padding: 2px 3px;
	margin-left: 5px;
	margin-right: 5px;
}
.stock_quote .details{
	width: 100%;
	margin-bottom: 5px;	
}
.stock_quote .details .name_info{
	background-color: #1A5DB0;
	width: 100%;
}
.stock_quote .details .name_info .name{
	width: 50%;
	font-size: 130%;
	padding: 2px 10px;
	color: #fff;
	font-weight: bold;
}
.stock_quote .details .name_info .update_time {
	width: 50%;
	padding: 2px 10px;
	color: #fff;
}
.stock_quote .details .price_info{
	padding: 50px;
	width: 100%;
}
.stock_quote .details .price_info .last_price{
	border: 1px solid #e0e0e0;
	font-size: 160%;
	width: 20%;	
	padding: 4px 10px;
	color: #555;
	text-align: center;
}
.stock_quote .details .price_info .last_price div{
	font-size: 150%;
	color: #222;
}
.stock_quote .details .price_info .other_price{
	width: 80%;		
}
.stock_quote .details .price_info .other_price .chg_none{
	
}
.stock_quote .details .price_info .other_price .chg_up{
	color: #009900;
	background: url(./images/quotes_up.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;	
}
.stock_quote .details .price_info .other_price .chg_down{
	color: #dd0000;	
	background: url(./images/quotes_down.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}
.stock_quote .details .cell{
	padding: 4px;
	border: 1px solid #e0e0e0;
	height: 32px;
	color: #555;
}
.stock_quote .details .cell div{
	font-weight: bold;
	color: #222;

}
.stock_quote .details .cell .price{	
	width: 80%;		
}
.stock_quote .details .cell .price .chg_none{
	
}
.stock_quote .details .cell .price .chg_up{
	color: #009900;	
}
.stock_quote .details .cell .price .chg_down{
	color: #dd0000;
}
.stock_quote .details .basic_info{
	width: 100%;
}
.stock_quote .info_tabs{
}
.finCalendar{
	width:220px;
	height: 660px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;	
}
.finCalendar .ui-datepicker-inline{
	margin-left:auto;
	margin-right:auto;
	border-color:transparent;
}
.finCalendar .ui-datepicker-week-end{
	padding: 0;	
}
.finCalendar th{
	padding: 0;	
}
.finCalendar .ui-datepicker td span, .ui-datepicker td a{
	padding: 0;	
}
.finCalendar .ui-accordion .ui-accordion-content{
	margin: 0px;
	padding:0px;
}
.stock .shareRepurchase .ui-datepicker-inline{
	margin-left:auto;
	margin-right:auto;
	border-color:transparent;
}
.rankMa {
	margin: 2px 0px 8px 0px;
}
.rankMa .title{
	font-size: 13px;
	font-weight: bold;
	color: red;	
}
.rankMa .update_time{
	padding: 2px;
	text-align: center;
}
.rank52Week {
	margin: 2px 0px 8px 0px;
}
.rank52Week .title{
	font-size: 13px;
	font-weight: bold;
	color: red;	
}
.rank52Week .update_time{
	padding: 2px;
	text-align: center;
}
.newsTable{
	width:100%;
	font-size: 12px;
	color: #333;
}
.newsTable .col1 {
	width:5%;
	vertical-align: top;
	padding: 2px 4px;
}
.newsTable .col2 {
	width:95%;
	padding: 2px 4px;
}
.newsTable .col2 a {
	color: #333;
	text-decoration: none;
}
.newsTable .col2 a:hover {
	color: #D9002A;	
}
.newsDetailHeadline {
	background-color: #1A5DB0;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}
.newsTime {
	font-size: 15px;
	font-weight: bold;
}

.newsDetail {
	font-size: 12px;
}
.monospace {
	font-family: monospace;
}

.hidden {
	display: none;
}

.hidden {
	display: none;
}
.abs {
	position: absolute;
}
.centerAlign {
	text-align: center;
}
.leftAlign {
	text-align: left;
}
.rightAlign {
	text-align: right;
}
.centerAlignImportant {
	text-align: center !important;
}
.leftAlignImportant {
	text-align: left !important;
}
.rightAlignImportant {
	text-align: right !important;
}
.dtableCenterAlignImportant {
	text-align: center !important;
}
.dtableLeftAlignImportant {
	text-align: left !important;
}
.dtableRightAlignImportant {
	text-align: right !important;
}
.dtableFinCalendarTableEmptyCol {
	width: 10px;
}
.priceField {
	text-align: right;
}
.topAlign {
	vertical-align: top;
}
.middleAlign {
	vertical-align: middle !important;
}
.bottomAlign {
	vertical-align: bottom;
}
.clearBoth {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.nowrap {
	white-space: nowrap;
}
.homeVerticalTab {
	width: 125px;
	height: 75px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 95px;
	padding: 0px 3px;
	cursor: pointer;
}
.homeVerticalTab div {
	width: 102px;
	height: 75px;
	white-space: nowrap;
	padding: 0px;	
}
.homeNews .off {
	background: url(./images/home/news.png) no-repeat 0 0;
	color: #fff;
}
.homeNews .on {
	background: url(./images/home/news_over.png) no-repeat 0 0;
}
.recentSearch .off {
	background: url(./images/home/recent_search.png) no-repeat 0 0;
	color: #fff;
}
.recentSearch .on {
	background: url(./images/home/recent_search_over.png) no-repeat 0 0;
}
.hotSearch .off {
	background: url(./images/home/hot_search.png) no-repeat 0 0;
	color: #fff;
}
.hotSearch .on {
	background: url(./images/home/hot_search_over.png) no-repeat 0 0;
}
.popularSearch {
	width: 100%;
	font-size:12px;
	margin-top:10px;
}
.volumeRatio {
	width: 100%;	
}
.volumeRatio .col1 {
	background-image: url(./images/percentage_bar.png);
	background-repeat: repeat-y;		
	height: 17px;
	border-top: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom : 2px;
	padding-left: 2px;
}
.volumeRatio .col2 {
	font-weight: bold;
	padding: 0px 3px;
	color: #974B4B;
}
.companyProfile {
	width: 100%;
	padding: 5px;
	font-size: 14px;
}
.companyProfile .header{	
	font-weight: bold;
	color: #FFF;
	font-size:16px;
	background-color: #1A5DB0;
	padding: 3px 0 3px 5px;
}
.companyProfile .subHeader{
	font-weight: bold;
	background-color: silver;
	padding: 3px 0 3px 5px;
}
.companyProfile .col1, .companyProfile .subTitle{
	width: 20%;
	color: #0085c6;
	font-weight: bold;
}
.companyProfile .col2{
	width: 80%;
}
.ipoDetail .header{
	height: 28px;
	background-color:#D9002A;
}
.ipoDetail .desc{
	padding: 10px;
}
.ipoDetail .footer{
	padding: 10px;
}
.ipoDetail .footer .close{
	margin-left:auto;
	margin-right:auto;
	width:30px
}
.ipoCalendar{
min-height: 152px;
}
.ipoCalendar .ui-widget-header {
border: none;
}
.ipoCalendar .topBar{
	margin: auto;
	width:618px;
	clear: both;
	font-size: 12px;
	height:23px;
}
.ipoCalendar .navigationBar{
	width:610px;
	padding:2px;
}
.ipoCalendar .topBar .navigationBar .button-prev{
	float:left;
	padding: 2px 0 2px 6px;
	font-weight: normal;
	cursor: pointer;
}
.ipoCalendar .topBar .navigationBar .button-next{
	float:right;
	padding: 2px 0 2px 6px;
	font-weight: normal;
	cursor: pointer;
}
.ipoCalendar .topBar .navigationBar .button-prev div{
	width: 37px;
	height: 15px;
	background: url(../images/btn_prev2.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-prev div:hover{
	background: url(../images/btn_prev2_h.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-next div{
	width: 37px;
	height: 15px;
	background: url(../images/btn_next2.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-next div:hover{
	background: url(../images/btn_next2_h.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-prev-label{
	position: absolute;
	padding: 2px 0 0 6px;
}
.ipoCalendar .topBar .navigationBar .button-next-label{
	position: absolute;
	padding: 2px 0 0 330px;
}
.ipoCalendar .detail{
	margin:auto;	
}
.ipoCalendar .detail .content{
	text-align: center;
	border: 2px solid #A0A0A0;
}

.ipoCalendar .detail .content .header{
	height:21px;
	border: 1px solid #AAA;
	width:36px;
	color: #484848;
}

.ipoCalendar .detail .content .dayHeader,
.ipoCalendar .detail .content .dateHeader
{
	background-color: #F4F4F4;
}
.ipoCalendar .detail .content .rowHeader{
	text-align:left;
	white-space: nowrap;
	width:187px;
	padding-left: 5px;
}
.ipoCalendar .detail .content .dateHeader{
	border-top: 0;
}
.ipoCalendar .detail .content .holiday{
	color: red;
}
.ipoCalendar .detail .content .cell{
	width:38px;
	height:25px;
	border: solid 1px #A0A0A0;
}
ipoCalendar .detail .content table.ipoPeriodLastDate{
	width:38px;
}
.ipoCalendar .detail .content .ipoPeriodLastDate .upperHalf{
	background-color: #cc0000;
	width:19px;
	height:25px
}
.ipoCalendar .detail .content .ipoPeriodLastDate .lowerHalf{
	background-color: #48ACC6;
	width:19px;
	height:25px
}
.ipoCalendar .detail .content .ipoDateTypeIpoPeriod{
	background-color: #325187;
}
.ipoCalendar .detail .content .ipoDateTypeProcessing{
	background-color: #98b0d8;
}
.ipoCalendar .detail .content .ipoDateTypeListingDate{
	background-color: #beebff;
}
.ipoCalendar .detail .content .ipoDateTypeAllocationDate{
	background-color: #15b9ff;
}
.ipoCalendar .detail .legend{
	border: none;
	margin: 0 auto;
	margin-top:10px;
}
.ipoCalendar .detail .legend .legendContent{
	padding: 5px;
}
.ipoCalendar .detail .legend .legendContent .legendColor{
	width:10px;
	height:10px;
}
.ipoCalendar .detail .legend .legendContent .legendSep{
	width:20px;
}
.ipoCalendar .detail .legend .legendContent .legendLabel{
	text-align: left;
	padding-left: 5px;
}
.ipoCalendar .detail .legend .legendContent .ipoPeriod{
	background-color: #325187;
}
.ipoCalendar .detail .legend .legendContent .processing{
	background-color: #98b0d8;
}
.ipoCalendar .detail .legend .legendContent .allocationDate{
	background-color: #15b9ff;
}
.ipoCalendar .detail .legend .legendContent .listingDate{
	background-color: #beebff;
}

.sectorCompare .stockCode{
	width:10%;
}
.sectorCompare .stockName{
	width:20%;
}
.sectorCompare .yearEnd{
	width:10%;
}
.sectorCompare .title{
	background:silver;padding-left:4px;
}
.ie7 .sectorCompare .title{
	padding-top:3px
}
.sectorCompare .data{
	color:#004D9D;
}
.sectorCompare .growthTrend .growthLatest{
	width:23%;
}
.sectorCompare .growthLatest{
	width:10%;
}
.sectorCompare .growthRate{
	width:10%;
}
.sectorCompare .update_time{
	padding-top:10px;
	text-align:right
}

.bankTimeDepositInterestRate .filter{
	border: 1px solid #CCC;
	padding: 2px;
}
.bankTimeDepositInterestRate .filter table td, .bankTimeDepositInterestRate .filter table th{
	padding: 3px;
	font-size: 13px;
	white-space: nowrap;
}
.bankTimeDepositInterestRate .filter .hdr_bank{
	text-align: center;
}
.bankTimeDepositInterestRate .filter .hdr_principal{
	text-align: center;
	font-size: 13px;
}
.bankTimeDepositInterestRate .filter .hdr_btn{
	text-align: center;
}
.bankTimeDepositInterestRate .filter .bdy_bank{
	text-align: right;
}
.bankTimeDepositInterestRate .filter .bdy_principal{
	text-align: center;
}
.bankTimeDepositInterestRate .filter .bdy_btn{
	text-align: left;	
}
.bankTimeDepositInterestRate .filter .bdy_btn input[type=button]{
	margin: 0px 2px;
	font-weight: normal;
	color: #000;
	vertical-align: middle;
	height: 28px;
}
.bankTimeDepositInterestRate .filter .bdy_spacer{
	width: 30%;
}
.bankTimeDepositInterestRate .rate_date{
	text-align: center;
	padding: 3px;
	font-size: 13px;
	font-weight: bold;
	background-color: #EEE;
	color: #444;
}	
.bankTimeDepositInterestRate .disclaimer{
	text-align: center;
	padding: 3px;
	font-size: 12px;
	background-color: #fff;
	color: #444;
}

.economicIndicator .indicatorList{
	padding: 2px;
}
.economicIndicator .details{
	padding: 3px;
}
.economicIndicator .details .text{
	padding: 3px;
	font-size: 13px;
	color: #444;
}

/* Misc */
.ajaxLoading {
	width: 100%;
	height: 200px;
	background: transparent url( "../images/loading.gif" ) no-repeat
		scroll 50% 0%;
}

.errMsg{
	color:#BF0000;
}
.negativeFlag {
	color: #dd0000;
	padding-left: 0px;
	text-align: right;
	white-space: nowrap;
}

.positiveFlag {
	color: #009900;
	padding-left: 0px;
	text-align: right;
	white-space: nowrap;
}

.zeroFlag {
	padding-left: 0px;
	text-align: right;
	white-space: nowrap;
}

.chg_none {
	text-align: right;
	white-space: nowrap;
	color: #001b54;
	background: none;
	padding: 0px 8px 0px 20px;
}

.chg_down {
	text-align: right;
	white-space: nowrap;
	color: #dd0000;
	background: url(./images/quotes_down.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}

.chg_up {
	text-align: right;
	white-space: nowrap;
	color: #009900;
	background: url(./images/quotes_up.gif) no-repeat 2% 50%;
	padding: 0px 8px 0px 20px;
}

.priceChg_up {
    background: url("./images/quotes_up.gif") no-repeat scroll right center;
    color: #009900;
    padding-right: 20px;
    text-align: right;
    white-space: nowrap;
}

.priceChg_down {
    background: url("./images/quotes_down.gif") no-repeat scroll right center;
    color: #dd0000;
    padding-right: 20px;
    text-align: right;
    white-space: nowrap;
}

.priceChg_none {
	color: #001b54;
	background: none;
	padding-right: 20px;
}
.termSheet .fourColTable{
	width: 100%;	
}
.termSheet .fourColTable .odd{

}
.termSheet .fourColTable .even{
	background-color: #F7F3EB;
}
.termSheet .fourColTable .label1{
	width:20%;
	color: #484848;
	padding: 1px 2px;
	font-size: 102%;
	vertical-align: middle;
}
.termSheet .fourColTable .value1{
	width: 30%;
	color: #333;
	font-size: 102%;
	font-weight: bold;
	height: 22px;
	vertical-align: middle;
	font-family: Arial,sans-serif;
}
.termSheet .fourColTable .label2{
	width:20%;
	color: #484848;
	padding: 1px 2px;
	font-size: 102%;
	vertical-align: middle;
}
.termSheet .fourColTable .value2{
	width: 30%;
	color: #333;
	font-size: 102%;
	font-weight: bold;
	height: 22px;
	vertical-align: middle;
	font-family: Arial,sans-serif;
}
/* User Info (Welcome Page) */
.userInfoUserName {
	margin-right: 10px;
}

.userInfoInWelcomePage {
	padding: 100px 0 100px 350px;
	font-size: 14px;
	border-left: 2px solid #D9D9D9;
	border-right: 2px solid #D9D9D9;
	border-bottom: 2px solid #D9D9D9;
}

.userInfoInWelcomePageWithLongMsg {
	padding: 100px 0 100px 200px;
	font-size: 14px;
	border-left: 2px solid #D9D9D9;
	border-right: 2px solid #D9D9D9;
	border-bottom: 2px solid #D9D9D9;
}

.browserRequirementMessage {
	padding: 8px;
	font-size: 13px;
}

/* general table style (expert corner broker rating)*/
.genTable th {
	background-image: url(../images/tablehead_bg_2.gif);
	background-position: center top;
	border-style: none solid none none;
	border-width: medium 1px medium medium;
	color: #192666;
	font-weight: bold;
	height: 30px;
	padding-left: 5px;
	border: 0px;
}
.genTable {	
}
.genTable td {
	padding-left: 3px;
	border-style: none none solid;
	border-width: medium medium 1px;
	border: 0px;
}
.genTableRow1 , .genTableRow2 {
	font-size: 11px;
	height: 20px;
	font-weight: normal;
	color: #043C6B;
}
.genTableRow2 {
	background-color: #F4F7FD;
}

.newsFocusImg {
	height: 110px;
	width: 146px;
}
.newsFocusSpan {
	position: relative;
	left: 150px;
	width: 100px;
}
#_homeInfocastNews_WAR_fn__tabs a {
    text-decoration: none;
}
.newsFocus {
	background-color: #FDE7C4;
	min-height: 32px;
	border: 1px solid #fff;
	padding: 2px 0 0 2px;
}
.newsFocus.highlight {
	background-color: #F5911E;
	color: #fff;
}
.newsFocus.highlight a {
	color: #fff;
}

.noPadding {
	padding: 0;
	margin: 0;
}
.ipoThermometer {
	width:167px;
	position:relative;
}
.ie7 .ipoThermometer {
	zoom:1;
}
.ipoThermometer .ipoCoverA{
	display:none;
}
.ipoThermometer .ipoDateTypeIpoPeriod{
	background-color: #FF7C80;
}
.ipoThermometer .ipoDateTypeProcessing{
	background-color: #FF535C;
}
.ipoThermometer .ipoDateTypeAllocationDate{
	background-color: #F80005;
}
.ipoThermometer .duration{
	background-color: #0402E3;
	width:100%;
}
.ipoThermometerWrapper {
	padding-left:28px;
	padding-bottom:15px;
	padding-bottom:20px \9;
}
.ipoThermometer .timeCounterChartHolder{
	position:relative;padding: 0 3px 10px;
}
.ipoThermometer .timeCounterChartHolder .timeCounterIpoName{
	display:none;
}
.scrollable .items .timeCounterIpoItem {
	margin: 8px 3px;
	width: 210px;
	overflow: hidden;
}

.ipoCoverImg,
.timeCounterIpoItem .ipoCoverImg {
	width: 92px;
	height: 123px;
	margin: 2px;
	border: 1px solid black;
}

.ipoCoverA {
	text-decoration: none;
}
.scrollable .items .timeCounterIpoItem_detail div {
	width: 100px;
}
.timeCounterIpoItem_detail  .timeCounterIpoName{
	padding-bottom: 3px;
}

.timeCounterIpoItem_detail .div_chartHolder{
	height: 50px;
}

.timeCounterIpoItem_detail .appCountDown{
	font-size: 10px;
	padding-top: 2px;
}
.timeCounterIpoItem_detail .timerCounterDisclaimer {
	font-size: 10px;
	padding-top: 2px;
}
.timeCounterIpoItem_detail .timerCounterTime .bold{
	font-weight: bold;
}

.timeCounterIpoChart {
	/*width: 120px;*/
	text-align: center;
}
.basisOfAllocation {
	width: 100%;
	padding: 5px;
	font-size: 12px;
}
.basisOfAllocationHeader {	
	font-weight: bold;
	font-size:14px;
}
.basisOfAllocation td {	
	border: solid 1px #000;
	padding: 3px 0 3px 5px;
}
.basisOfAllocation .header {	
	font-weight: bold;
	color: #FFF;
	background-color: #1A5DB0;
	width: 1%;
}
.basisOfAllocation .col1{
	color: #000;
	width: 1%;
}
.allotmentSuccessRate {
	width: 100%;
	padding: 5px;
	font-size: 12px;
}
.allotmentSuccessRate .header {	
	font-weight: bold;
	color: #FFF;
	font-size:12px;
	background-color: #1A5DB0;
	padding: 1px 0 1px 3px;
}
.allotmentSuccessRate .subHeader{
	font-weight: bold;
	background-color: silver;
	padding: 3px 0 3px 5px;
}
.allotmentSuccessRate .col1{
	width: 50%;
}
.allotmentSuccessRate .col2{
	width: 50%;
}
.basicInfo {
	width: 100%;
}
.basicInfo td{
	padding: 3px;
}
.basicInfo .header{
	font-weight: bold;
}
.basicInfo .col1, .basicInfo .subTitle{
	color: #043C6B;
	font-weight: bold;
}
.basicInfo .col2{
}
.basicInfo .odd{
	background-color: #F7F3EB;
}
.basicInfoOuter{
	width: 100%;
	min-height:250px;
}
.ipoHotPick {width:100%;}
.ipoHotPick .ui-tabs .ui-tabs-panel{
	padding: .3em 1.4em;
}
.ipoHotPickContent {
	display:block;
}
.ipoHotPickContent .item{
	padding: 10px 20px 3px;
	display: table-cell;
	width: 225px;
	*zoom: 1;
	*display: inline;
}
.ipoHotPickContent .item .detail {
	width: 140px;
}
.ipoHotPickContent .item .cylinder {
	width: 90px;
}
.ipoHotPickContent .item .detail .chg_up,
.ipoHotPickContent .item .detail .chg_down,
.ipoHotPickContent .item .detail .chg_none{
	padding-top:0;
}

.shadowStock .baseStockDetail .col1 {
	width: 65px;
}
.shadowStockItem {
	border: 0;
	padding: 5px;
	position: relative;
	*zoom: 1;
	*display: inline;
}
.shadowStockItem .txtContent {
	display: inline-block;
	width: 120px;
	vertical-align:top;
}

.shadowStockItem .txtContent .stockName,.shadowStockItem .txtContent .detail
	{
	vertical-align: text-top;
	*zoom: 1;
}

.shadowStockItem .txtContent .stockName {
	word-wrap: break-word;
}

.shadowStockItem .txtContent .detail {
}

.shadowStockItem .txtContent .detail .title {
	width: 50px;
}

.shadowStockItem .chartWrapper {
	border: 0px solid;
	position: relative;
	display: inline-block;
	width:420px;
}

.shadowStockItem .spacer {
	height: 43px;
}

.shadowStockItem .indicator {
	position: absolute;
	left: 100px;
	width: 100px;
	height: 93px;
	text-align: center;
	background: url('../images/shadowStock_indicator.png') center 43px
		no-repeat;
}
.shadowStockItem .indicator .indicatorDesc {
	padding-top:0px;
}
.shadowStockItem .indicator .indicatorDesc .title {
	font-size: 11px;
}

.shadowStockItem .chartBg {
	background-color: #CCC;
	height: 50px;
	/*padding-left: 100px;*/
}

.shadowStockItem .chartBar {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	width: 100px;
	border-left: 1px solid;
	border-right: 1px solid;
}

.shadowStockItem .chartBar .chartBarColor {
	*margin-top: 15px;
	background-color: green;
	height: 30px;
}

.shadowStockItem .unit {
	height: 10px;
	position: absolute;
	width: 150%;
}

.shadowStockItem .unit ul {
	list-style: none;
	padding: 0;
	margin: 0;
	*zoom: 1;
}

.shadowStockItem .unit ul li {
	float: left;
	text-align: center;
	padding-top: 4px;
	background: url('../images/blackLine.gif') center 0 no-repeat;
}

.sponsorPerformanceContent .totalIpo {
	padding: 5px 0;
}

.sponsorPerformanceContent .sponsorPerformance_chart td {
	height: 20px;
	text-align: center;
}

.sponsorPerformanceContent .sponsorPerformance_chart {
	width: 100%
}

.sponsorPerformanceContent .above {
	background: #090;
}

.sponsorPerformanceContent .same {
	background: grey;
}

.sponsorPerformanceContent .under {
	background: red;
}

.sponsorPerformanceContent .detailHolder {
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 5px;
}

.sponsorPerformanceContent .detail {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	*zoom: 1;
	*display: inline;
}

.sponsorPerformanceContent .detail .tbl1 {
	width: 100%;
	table-layout: fixed;
}

.sponsorPerformanceContent .detail .tbl1 .col1 {
	width: 70px;
	word-wrap: break-word;
}

.sponsorPerformanceContent .detail .tbl1 td {
	border: 1px solid black;
	padding: 3px;
}

.sponsorPerformanceContent .detail .pctChange div {
	display: table-cell;
	*zoom: 1;
	*display: inline;
}

.sponsorPerformanceContent .detail .pctChange div.chg_up,.sponsorPerformanceContent .detail .pctChange div.chg_down,.sponsorPerformanceContent .detail .pctChange div.chg_none
	{
	background-position: 5% 2px;
}

.sponsorPerformanceContent .legend {
	margin: 10px 0 5px;
}

.sponsorPerformanceContent .legend .symbol {
	width: 15px;
}

.sponsorPerformanceContent .legend .txt {
	padding: 0 10px 0 3px;
}
.timeCounterList {
	height: 153px;
}
.timeCounterInsight {
	text-align: center;
}
.timeCounterInsight .timeCounterIpoItem{
	margin: 0 13px;
	display:inline-block;
	*zoom:1;
	*display:inline;
}
.timeCounterInsight .timeCounterIpoItem .appCountDown{
	display:none;
}
.companyProfile td{
	padding: 5px 3px;
}
.companyProfile tr.odd{
	background-color: #F4F7FD;
}
.barChartDiv {
	width:80%;
	height:200px;
	margin: 0 auto 30px auto;
}
.simpleInfo .content td{vertical-align:text-top; padding: 3px;font-size:14px;}
.simpleInfo .content .col1{width: 70px;}
.institutionalInvestor table {
	width: 100%;
}
.simpleTableHeader1{
	border: 1px dotted #CCC;
	border-bottom: 1px solid #AAA;
	background-color: #F0F0F0;
	padding: 1px 3px;
	font-weight: bold;
}
.allotmentResultUrl{
	padding:5px;
}
.infocast_disclaimer {
	font-size: 13px;
}
.infocast_disclaimer a{
	text-decoration: none;
}
.infocast_disclaimer .disclaimer, .infocast_disclaimer .ui-dialog-title{
	font-size: 13px;
	font-weight: normal;
	color: #D9002A;	
}
.infocast_disclaimer .ui-dialog-content{
	font-size: 14px;
	color: #000;
	background-color: #fff;
}

.newsWithKeyword .newsWithImg{
	padding-bottom: 5px;
}
.newsWithKeyword .newsWithImg .headline{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
}
.newsWithKeyword .newsWithImg img{
	border: 1px black solid;
}
.newsWithKeyword td.newsTeaser{
	vertical-align: top;
}
.newsWithKeyword td.newsTeaser a{
	text-decoration: none;
}
.shortSellAvgPriceFlag{
	z-index:2; 
	position:relative; 
	background-color:#C72D00; 
	height:3px; 
	top:-51px;
}
.shortSellLastPriceFlag{
	z-index:3; 
	position:relative; 
	background-color:#C72D00; 
	width:3px; 
	height:16px; 
	top:-61px;
}
.shortSellMinAreaFlag{
	position:relative; 
	background-color:#81ACA7; 
	width:33%; 
	height:20px;
}
.shortSellMidAreaFlag{
	position:relative; 
	background-color:#E5F9F8; 
	width:34%; 
	height:20px; 
	top:-20px; 
	left:33%;
}
.shortSellMaxAreaFlag{
	position:relative; 
	background-color:#C7D7CF; 
	width:33%; 
	height:20px; 
	top:-40px; 
	left:67%;
}
.shortSellWrapperArea{
	height:20px;
}
.investTrade .sectorCompare .stockCode{
	width:10%;
}
.investTrade .sectorCompare .stockName{
	width:20%;
}
.investTrade .sectorCompare .yearEnd{
	width:10%;
}
.investTrade .sectorCompare .growthTrend .growthLatest{
	width:23%;
}
.investTrade .sectorCompare .growthLatest{
	width:15%;
}
.investTrade .sectorCompare .growthRate{
	width:15%;
}
.etfListBySubType .outerTable {
	width:100%;
}
.etfListBySubType .outerTable .outerTr {
	height:48px;
}
.etfListBySubType .outerTable .outerTd {
	padding: 3px;
	width: 25%;
	vertical-align: top;
}
.etfListBySubType .innerTable {
	width:100%;
	border: solid 1px #5da9dd;
}
.etfListBySubType .innerTable .header, .etfListBySubType .header {
	background-color: #5da9dd;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	height: 48px;
	width:100%;
	vertical-align: middle;
	padding-left:8px;
}
.etfListBySubType .innerTable .field {
	color: #001b54;
	font-size: 12px;
	width: 40%;
}
.etfListBySubType .innerTable .value {
	color: #000;
	font-size: 12px;
	width: 60%;
}
.etfListBySubType .innerTable .etfName {
	color: #001b54;
	font-size: 14px;
	font-weight: bold;
}
.codeUrl {
	text-decoration: underline;
	cursor: pointer;
}
.codeUrl:hover {
	color: #06C;
}
.etfCell {
	width:25%;
}
.shortSellingHistoricalChart_wrapper{
	width: 600px; 
	padding-left: 8px;
}
.shortSellingHistoricalChart .stockName{
	font-size:18px; font-weight:bold; padding: 10px 0;
}

/* technical analysis */
.technicalAnalysis {
	width: 810px;
}

.technicalAnalysisRanking {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}

.technicalAnalysisDetail {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	display: none;
}

.technicalAnalysisStockDetail {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	display: block;
}

.signalTable  {
	border-style:none;
	border-collapse: separate;
	border-spacing: 3px;
	width:400px;
}

.signalTable .buySignal {
	text-align:left;
	width:200px;
}

.signalTable .sellSignal {
	text-align:right;
	width:200px;
}

.stockInfoBoxOuter {
	float:left;
	width:160px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
}

.stockInfoBoxInner {
	font-weight:bold;
	background: url('../images/taStockBg.png') center 0 repeat-x;
	text-align:center;
	padding-top:5px;
	float:left;
	width:140px;
	height:60px;
	border: 1px solid black;
}

.stockInfoBoxInner a{
	color:#fff;
}

.stockInfoBoxInnerOn {
	background: url('../images/taStockBgOn.png') center 0 repeat-x;
}

.technicalAnalysisStockDetailTable {
	width:100%;
}

.technicalAnalysisStockDetailTable .col1 {
	width:30%;
}

.technicalAnalysisStockDetailTable .col2 {
	width:25%;
	padding-right: 40px;
	text-align: left;
}

.technicalAnalysisStockDetailTable .col3 {
	width:30%;
}

.technicalAnalysisStockDetailTable .col4 {
	width:15%;
	text-align: left;
}

.technicalIndicatorPopupBox {
	text-align:left;
	width:235px;
}

.technicalIndicatorPopupBox li {
*vertical-align: top; 
*margin-left: 2em;
}

.tradingIdeaType {
	font-weight: bold;
	font-size: 15px;
}

.tradingIdeaTabs {
	width: 100%;
}

.investTradeTab {
	background: url('../images/tab_off.png') center 0 repeat-x;
	width: 100px;
	height: 25px;
	text-align: center;
	border: solid 1px #fff;
}

.en_US .investTradeTab {
	background: url('../images/tab_off.png') center 0 repeat-x;
	width: 150px;
	height: 25px;
	text-align: center;
	border: solid 1px #fff;
}

.investTradeTabOn {
	background: url('../images/tab_on.png') center 0 repeat-x;
}

.en_US .investTradeTab {
	background: url('../images/tab_off.png') center 0 repeat-x;
	width: 150px;
	height: 25px;
	text-align: center;
	border: solid 1px #fff;
}

.en_US .investTradeTabOn {
	background: url('../images/tab_on.png') center 0 repeat-x;
}

.signalNumberTabs {
	width: 100%;
	background-color: #929292;
}

.signalNumberTab {
	background-color: #EEEEEE;
	color: #000;
	width: 100px;
	height: 25px;
	text-align: center;
	border: solid 2px #929292;
}

.signalNumberTabOn {
	background-color: #D9002A;
	color: #fff;
}

.investTradeWrapper {
	width: 100%;
	overflow: hidden;
}

.investTradeWrapper .ui-widget-content{
	width: 100%;
	overflow: hidden;
}

.investTradeWrapper .dataTables_wrapper .dtable th{
	border:0px;
	padding: 6px 0px;
}

.tradingIdeaWrapper {
	display: none;
}

.technicalAnalysisRankingRow {
	background-color: #FFF;
	width: 48%;
	height: 25px;
	vertical-align: top;
}

.technicalAnalysisRankingRow2 {
	background-color: #F7F3EB;
	width: 48%;
	height: 25px;
}

.technicalAnalysisRankingCol1 {
	width: 10%;
}

.technicalAnalysisRankingCol2 {
	width: 40%;
	padding-top:4px;
}

.technicalAnalysisRankingCol3 {
	width: 50%;
}

.handSignal {
	background-color: #F7F3EB;
	width: 33px;
	height: 23px;
	padding: 1px;
}

.handDown {
	background-color: #F7F3EB;
	width: 33px;
	height: 23px;
	padding: 1px;
	background: url('../images/excor_handdown.png') center 0 no-repeat;
	border: solid 1px #F7F3EB;
	float: left;
}

.handUp {
	background-color: #F7F3EB;
	width: 33px;
	height: 23px;
	padding: 1px;
	background: url('../images/excor_handup.png') center 0 no-repeat;
	border: solid 1px #F7F3EB;
	float: left;
}

.changeSummaryUp {
	width: 20px;
	height: 15px;
	background: url('../images/up.gif') center 0 no-repeat;
	float: left;
}
.changeSummaryDown {
	width: 20px;
	height: 15px;
	background: url('../images/down.gif') center 0 no-repeat;
	float: left;
}
.changeSummaryFromTargetPrice {
	float:left;
	width:40%;
	text-align:right;
}
.changeSummaryToTargetPrice {
	float:left;
}
.changeSummaryUpPrice div {
	color: #009900;	
}
.changeSummaryDownPrice div {
	color: #dd0000;
}
.codeSelected {
	background-color: #BAC4FF !important;
}
.potentialBar {
	border:solid 2px #000;
	width:100px;
	height:15px;
}
.potentialBar .wrapper {
	position:absolute;
	width:100px;
}
.potentialBar .nominal {
	position:absolute;
	background-color:#000;
	width:2px;
	z-index:4;
}
.potentialBar .targetPrice {
	position:absolute;
	background-color:red;
	width:2px;
	z-index:3;
}
.potentialBar .suggestedPrice {
	position:absolute;
	background-color:#63B8FF;
	width:2px;
	z-index:2;
}
.potentialBar .potential {
	position:absolute;
	background-color:yellow;
	z-index:1;
}
.potentialBarLabelColor {
	float:right;
	width:2px;
	height:20px;
}
.potentialBarLabel {
	float:right;
	height:20px;
	padding:3px 20px 0 10px;
}
	
.blockTradeOverMktPrice {
	width: 57px;
	height: 47px;
	padding: 0px;
	background: url('../images/blockTrade_OverMktPrice.png') center 0 no-repeat;
}
.blockTradeBelowMktPrice {
	width: 57px;
	height: 47px;
	padding: 0px;
	background: url('../images/blockTrade_BelowMktPrice.png') center 0 no-repeat;
}
.blockTradeAtMktPrice {
	width: 57px;
	height: 47px;
	padding: 0px;
	background: url('../images/blockTrade_AtMktPrice.png') center bottom no-repeat;
}
.top6VolBar {
	border: 1px solid #385D8A; 
	background-color: #C6D9F1;
}
.detailIcon {
	width: 24px;
	height: 24px;
	padding: 0px;
	background: url('../images/detail.png') center no-repeat;
	cursor: pointer;
}
.avgVsCloseAvgPriceFlag{
	z-index:2; 
	position:absolute; 
	background-color:#C72D00; 
	line-height:3px;
	height:3px;
	top:9px;
}
.avgVsCloseLastPriceFlag{
	z-index:3; 
	position:absolute; 
	background-color:#C72D00; 
	width:3px; 
	height:20px; 
}
.avgVsCloseMinAreaFlag{
	z-index:1; 
	position:absolute; 
	background-color:#81ACA7; 
	width:33%; 
	height:20px;
}
.avgVsCloseMidAreaFlag{
	z-index:1; 
	position:absolute; 
	background-color:#E5F9F8; 
	width:34%; 
	height:20px; 
	left:33%;
}
.avgVsCloseMaxAreaFlag{
	z-index:1; 
	position:absolute; 
	background-color:#C7D7CF; 
	width:33%; 
	height:20px; 
	left:67%;
}
.avgVsCloseWrapperArea{
	width:100px;
	height:20px;
}
.avgVsCloseWrapperArea .wrapper {
	position:absolute;
	width:100px;
}
.totalRow {
	border-top: solid 1px #000;
	padding-top: 50x;
}

.ipoCalendar{
	width:623px;
	min-height: 152px;
}
.ipoCalendar .ui-widget-header {
	border: none;
}
.ipoCalendar .topBar{
	margin: auto;
	width:618px;
	clear: both;
	font-size: 12px;
	height:23px;
}
.ipoCalendar .navigationBar{
	width:610px;
	padding:2px;
}
.ipoCalendar .topBar .navigationBar .button-prev{
	float:left;
	padding: 2px 0 2px 6px;
	font-weight: normal;
	cursor: pointer;
	left: 2px;
}
.ipoCalendar .topBar .navigationBar .button-next{
	float:right;
	padding: 2px 0 2px 6px;
	font-weight: normal;
	cursor: pointer;
	right: 5px;
}
.ipoCalendar .topBar .navigationBar .button-prev div{
	width: 37px;
	height: 15px;
	background: url(../images/btn_prev2.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-prev div:hover{
	background: url(../images/btn_prev2_h.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-next div{
	width: 37px;
	height: 15px;
	background: url(../images/btn_next2.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-next div:hover{
	background: url(../images/btn_next2_h.gif) no-repeat 2% 50%;
}
.ipoCalendar .topBar .navigationBar .button-prev-label{
	position: absolute;
	padding: 2px 0 0 6px;
}
.ipoCalendar .topBar .navigationBar .button-next-label{
	position: absolute;
	padding: 2px 0 0 330px;
}
.ipoCalendar .detail{
	margin:auto;	
}
.ipoCalendar .detail .content{
	text-align: center;
	border: 2px solid #A0A0A0;
}

.ipoCalendar .detail .content .header{
	height:21px;
	border: 1px solid #AAA;
	width:36px;
	color: #484848;
}

.ipoCalendar .detail .content .dayHeader,
.ipoCalendar .detail .content .dateHeader
{
	background-color: #F4F4F4;
}
.ipoCalendar .detail .content .rowHeader{
	text-align:left;
	white-space: nowrap;
	width:187px;
	padding-left: 5px;
}
.ipoCalendar .detail .content .dateHeader{
	border-top: 0;
}
.ipoCalendar .detail .content .holiday{
	color: red;
}
.ipoCalendar .detail .content .cell{
	width:38px;
	height:25px;
	border: solid 1px #A0A0A0;
}
ipoCalendar .detail .content table.ipoPeriodLastDate{
	width:38px;
}
.ipoCalendar .detail .content .ipoPeriodLastDate .upperHalf{
	background-color: #325187;
	width:19px;
	height:25px
}
.ipoCalendar .detail .content .ipoPeriodLastDate .lowerHalf{
	background-color: #98b0d8;
	width:19px;
	height:25px
}
.ipoCalendar .detail .content .ipoDateTypeIpoPeriod{
	background-color: #325187;
}
.ipoCalendar .detail .content .ipoDateTypeProcessing{
	background-color: #98b0d8;
}
.ipoCalendar .detail .content .ipoDateTypeListingDate{
	background-color: #beebff;
}
.ipoCalendar .detail .content .ipoDateTypeAllocationDate, .ipoCalendar .detail .content .ipoDateTypeFixPriceDate{
	background-color: #15b9ff;
}
.ipoCalendar .detail .legend{
	border: none;
	margin: 0 auto;
	margin-top:10px;
}
.ipoCalendar .detail .legend .legendContent{
	padding: 5px;
}
.ipoCalendar .detail .legend .legendContent .legendColor{
	width:10px;
	height:10px;
}
.ipoCalendar .detail .legend .legendContent .legendSep{
	width:20px;
}
.ipoCalendar .detail .legend .legendContent .listingDate{
	background-color: #92D050;
}
.ipoCalendar .detail .legend .legendContent .ipoPeriod{
	background-color: #325187;
}
.ipoCalendar .detail .legend .legendContent .processing{
	background-color: #98b0d8;
}
.ipoCalendar .detail .legend .legendContent .allocationDate{
	background-color: #15b9ff;
}
.ipoCalendar .detail .legend .legendContent .listingDate{
	background-color: #beebff;
}

.bold{
	font-weight: bold;
}
.hsiWrapper {
	width: 253px;
}

.chg_up {
    color: #090;
    background: url(./images/quotes_up.gif) no-repeat 2% 50%;
    padding: 0 8px 0 20px;
}
.chg_down {
    color: #d00;
    background: url(./images/quotes_down.gif) no-repeat 2% 50%;
    padding: 0 8px 0 20px;
}
.chg_up2 {
    color: #090;
}
.chg_down2 {
    color: #d00;
}

.pageWrapper {
	width: 100%;
	overflow: hidden;
}

.quoteChartWrapper {
	background:url(../images/loading.gif) center center no-repeat;
}

.dataTables_wrapper_portal .dtable, table.hani{
	width: 99%;
}

.dataTables_wrapper_portal .dtable thead tr, table.hani thead tr{
	height: 25px;
}

.dataTables_wrapper_portal .dtable thead tr th, table.hani thead tr th{
	background-color: #17559e;
	border: 0;
	font-weight: bold;
}

.dataTables_wrapper_portal .pager a.selected, .dataTables_wrapper_portal .pager a:hover {
	background-color: #17559e;
	color: #fff;
}

thead {
	color: #fff;
	background-color: #17559E;
	font-size: 12px;
}

#finCalendar_datepicker .ui-datepicker-calendar .ui-state-hover, #finCalendar_datepicker .ui-datepicker-calendar .ui-state-active,
.investTradeWrapper .ui-state-active { 
	background: #17559e 50% 50% repeat-x !important; 
	font-weight: bold; 
	color: #fff; 
}

.finCalendarTable {
	width: 100%;
}

.finCalendarTable tr {
	height: 25px;
}

.finCalendarTable .emptyCol {
	width: 10px;
}

.finCalendarRadio {
	width: 33%;
	height: 25px;
	float: left;
}

.worldIndicesMap {	
	font-family: Arial;
}

.worldIndicesMap .col1,.worldIndicesMap .col5 {
	width: 36%;
}

.worldIndicesMap .col2,.worldIndicesMap .col3 {
	width: 12%;
}

.worldIndicesMap .col4 {
	width: 4%;
}

.worldIndicesMapIndexBox {
	position: absolute;
	height: 40px;
	padding: 1px;
	font-size: 12px;
}

.worldIndicesMapIndexBoxBg {
	background-color: #b1d2f6;
	padding-left: 3px;
}

.worldIndicesMapIndexValue {
	font-size: 11px;
	text-align: left;
	/*color: #FFFFFF;*/
}

.worldIndicesMapIndexChange {
	font-size: 10px;
	text-align: right;
	padding-left: 2px;
}

.table-ui-widget-header { border: 1px solid #999999; background: #888888 url(images/ui-bg_highlight-soft_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
/* Corner radius */
.table-ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.table-ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.table-ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.table-ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.redText {
	color: #dd0000;
}

.greenText {
	color: #009900;
}

.worldIndicesMapDot {
	background: no-repeat;
	background-image: url( "../images/worldwideMapDot.gif" );
	height: 12px;
	width: 12px;
}

/*
 * country flags
*/
.countryFlag {
	background: no-repeat;
	padding-left: 20px;
}

.countryFlag_DJIA,.countryFlag_NASDAQ,.countryFlag_SP,.countryFlag_DJI,.countryFlag_NCI,.countryFlag_SP500 {
	background-image: url( "../images/flag/countryFlagUnitedStates.gif" );
}

.countryFlag_CAC40 {
	background-image: url( "../images/flag/countryFlagFrance.gif" );
}

.countryFlag_HSI {
	background-image: url( "../images/flag/countryFlagHK.gif" );
}

.countryFlag_DAX {
	background-image: url( "../images/flag/countryFlagGermany.gif" );
}

.countryFlag_Nikkei,.countryFlag_NIKKEI,.countryFlag_Topix,.countryFlag_TOPIX,.countryFlag_N225
	{
	background-image: url( "../images/flag/countryFlagJapan.gif" );
}

.countryFlag_SHA,.countryFlag_SHB,.countryFlag_SZA,.countryFlag_SZB,.countryFlag_SHCOM,.countryFlag_SZCOM,
.countryFlag_CSI300,.countryFlag_SZCI,.countryFlag_000300S,.countryFlag_000001S,.countryFlag_000002S,.countryFlag_000003S
	{
	background-image: url( "../images/flag/countryFlagChina.gif" );
}

.countryFlag_KOSPI {
	background-image: url( "../images/flag/countryFlagSouthKorea.gif" );
}

.countryFlag_TSX,.countryFlag_TSE {
	background-image: url( "../images/flag/countryFlagCanada.gif" );
}

.countryFlag_AOL,.countryFlag_SAO {
	background-image: url( "../images/flag/countryFlagAustralia.gif" );
}

.countryFlag_FTSE {
	background-image: url( "../images/flag/countryFlagUnitedKingdom.gif" );
}

.countryFlag_KLCI {
	background-image: url( "../images/flag/countryFlagMalaysia.gif" );
}

.countryFlag_THAI {
	background-image: url( "../images/flag/countryFlagThailand.gif" );
}

.countryFlag_TWI,.countryFlag_TWA {
	background-image: url( "../images/flag/countryFlagTaiwan.gif" );
}

.countryFlag_SMI {
	background-image: url( "../images/flag/countryFlagSwitzerland.gif" );
}

.countryFlag_STRAIT {
	background-image: url( "../images/flag/countryFlagSingapore.gif" );
}
.defaultPageheader{	
	font-weight: bold;
	color: #17559e;
	font-size:16px;
	padding: 3px 0 10px 0;
}
.defaultSubheader{	
	font-weight: bold;
	color: #000;
	font-size:16px;
	padding: 3px 0 5px 0;
}
.firstColPadding{
	padding-left: 5px;	
}
.lastColPadding{
	padding-right: 5px;	
}
.defaultTable {
	width: 100%;
}
.defaultTable tr {
	height: 25px;
}

#stockscreener

.sectorScreener{
  width:100%;
  height: 150px;
}

.stockScreener .listitem {
  display: block;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.2;
}
.stockScreener .listbox {
  display: inline-block;
  /*background-color: $listbox-background-color;*/
  border: 1px solid #acb5bf;
  border-top: 1px solid #acb5bf;
  border-bottom: 1px solid #acb5bf;
  border-radius: 2px;
  min-width: 120px;
  vertical-align: top;
  overflow: auto;
}

.stockScreener .listitem-target {
  display: block;
  cursor: pointer;
  display: block;
  position: relative;
  text-decoration: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  width: 185px;
}
.stockScreener .listitem-target:focus { outline: none; }
.stockScreener .listitem-target:hover { background-color: $listitem-hover-background-color; }

.stockScreener .selectBtn{
  display: block;
  padding: 5px;
  min-width: 80px;
  border-radius: 2px;
  margin-left:5px;
  background-color: #FFF;
  color: #3B88C7;
  border:1px solid #3B88C7;
  text-align: center;
}

.stockScreener .valignTop{
  vertical-align: top;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/scrollNav.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:55px 1px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


.newsMini .dtable thead {
	display: none;
}

.pagingMsg{
	padding-right: 10px;
}

.investTradeWrapper .dataTables_wrapper .normalTable th{
	padding: 6px 0px;
}

@media (min-width: 500px)
.row{
	margin-left: 10px
}

.login > table{
	margin:auto;
}
