/* ----------------------------------------------------------
// Copyright (C) EurolandAsia. All rights reserved.
//
// Developer: Binh Nguyen
// Email: binh.nguyen@euroland.com
// ----------------------------------------------------------*/
*::-moz-selection {
    background: #b00 none repeat scroll 0 0;
    color: #fff;
}
body
{
    color:#424242;
	/* font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; */
    font-family: Arial, sans-serif;
	font-size:16px;
}

body.body_zh-cn,
body.body_zh-tw,
body.body_zh-cn .comparelegend_value div div div,
body.body_zh-tw .comparelegend_value div div div,
body.body_zh-cn .comparelegend_eachvalue,
body.body_zh-tw .comparelegend_eachvalue,
body.body_zh-cn div#highstocklegend,
body.body_zh-tw div#highstocklegend
{
    font-family: "Microsoft Yahei", sans-serif;
}




.comparelegend_value div div div, #legenddate, .comparelegend_eachvalue {
    color: #424242 !important;
	/* font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; */
    font-size:14px
}
div#highstocklegend, .comparelegend_name
{
    font-size:16px;
    /* font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; */
}
	
.highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text {
  
	/* font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; */
     font-size:14px

}
.highcharts-container text
{
    font-size:16px!important;
}
a:link, a:visited, a:active
{
	color: #424242;
	text-decoration: none;
}
a:hover
{	
	color: #bba774;
	text-decoration: none;
}
#divCalendar
{
    background-color: #f8f8f8;
}
#container{
	max-width:992px;
    width:100%;
}

body.body_FlashGraph #flashcurrency {
    left: -69px;
	}
body.body_FlashGraph #flashcontentObj{
	padding-left: 10px !important;
    width: 632px !important;
}

#flashcontent{
	padding-top:16px;
}
body #shareGraph {
	min-height: 300px;
}
body.body_Performance #shareGraph {
	min-height:115px;
	height:auto;
	_padding-bottom: 55px;
}

/* Border of frame */
.common_border
{
    border-top:none;
}
body.body_FlashGraph .common_border
{
	border:none !important;
}
body.body_HtmlGraph .common_border
{
	border:none !important;
}
#pressRLcontents {
    margin-left: 25px;
    margin-right: 20px;
}
/*Last price label, which display on the share information section*/
.last_price_style
{
    color: #0572a4;
    font-weight: bold;
}
body.body_ShareData #shareGraph {
	min-height:200px;
}
td.ControllTD
{
    width:30%;
    padding: 0 10px;
}

.additionFunctionbox {
   position: absolute;
   bottom: 65px;
   right: 0px;
   padding-right: 3%;
}
#dbFooter {
   padding-top: 60px;
   padding-right:3%;
   white-space:nowrap;
   font-size: 14px;
}
.TD_download_excel
{
    width:40%;
}
body.body_ShareData div#lowerSkin
{
    padding-right:0%;
    padding-top: 2%;
}

#divMoreOptionLink a
{
    text-decoration: none;
    color: #0572a4;
    font-size: 120%;
}
#pnlLastprice
{
    height: 43px;
    width: 230px;
    background-image: url(../../images/bglastprice.gif);
    border: solid 1px #c3cfd7;
    color: #0572a4;
    font-weight: bold;
    float: left;
    padding: 3px 0px 3px 15px;
}
#pnlShareInfo
{
    height: 49px;
    width: 375px;
    float: left;
    background-image: url(../../images/bgshareinfo.gif);
    border: solid 1px #c3cfd7;
    margin-left: 13px;
}
#pnlShareInfo .tdLeft
{
    border-bottom: 1px solid #c3cfd7;
    padding-left: 12px;
    width: 35%;
}
#pnlShareInfo .tdMiddle
{
    border-bottom: 1px solid #c3cfd7;
    border-right: 1px solid #c3cfd7;
}
#pnlShareInfo .tdRight
{
    border-bottom: solid 1px #c3cfd7;
}
#pnlShareInfo .tdMiddleBottom
{
    border-right: solid 1px #c3cfd7;
}
#dateTimeBox
{
    color: #424242;
    font-weight: bold;
    float: left;
    padding-top: 5px;
    width: 97%;
    padding-left: 15px;
}

.divDateTimeShareInfo
{
    color: #007DFF;
}
.TickerDateTD
{

}
a.buttonDetachGraph
div.TickerDateDiv
{
	font-weight: normal;
	padding-left:12px;
	margin-bottom:7px;
	text-align:left;
}
table.TickerTbl
{
	border-spacing:0;
	/*border-collapse:collapse;*/
	font-size: 14px;
}
.table_row
{
height: 18px !important;
white-space:nowrap;
}

table.BrokerHeaderTable, table.BrokerTableContent, table.BrokerContentTable{
	border-collapse:collapse;
	border-spacing:0;
}
td.LastPriceName
{
	font-size:27px;
	color:#003365;
}
td.LastPriceClose{
	font-size:27px;
	color:#003365;
	width:150px;
	white-space:nowrap;
}
td.LastPriceChange
{
	font-size:25px;
	padding-right:35px;
}
table.TickerTbl td
{
	
}
td.TickerValueTD
{
	white-space:nowrap;
}
tr.Ticker_HeaderRow_Header
{
}
td.Ticker_SelectedRow{
	font-weight:bold;}
td.TickerNameTD
{
    font-size: 14px;
	font-weight:bold;
	height:36px;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
td.TickerNameTD_ShareName{border-left: 1px solid #d3d3d3;}
td.TickerNameTD_Volume{border-right: 1px solid #d3d3d3;}
td.TickerValueTD
{
	text-align:center;
	height:36px;
    font-size: 14px;
	white-space:nowrap;
	vertical-align:middle;
}

td.TickerNameTD_PreviousClose, td.TickerValueTD_PreviousClose, td.TickerNameTD_High, td.TickerValueTD_High
{
	
}
td.TickerNameTD_MarketName, td.TickerValueTD_MarketName
{
	display:none;
}
td.TickerNameTD_Volume
{
	
}
td.TickerNameTD_Volume, td.TickerValueTD_Volume
{
	padding-right:10px;
	width:75px;
	text-align:right;
}
td.TickerNameTD_ShareName
{
	text-align:left;
	padding-left:12px;
	
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName
{
	text-align:left;
	width:145px;
}
td.TickerValueTD_ShareName{
padding-left:13px;}
tr.Ticker_SelectedRow
{
}

.button_bg
{

}
/* The navigation, which contains the tabs */
#tabPanel
{
	height:30px;
	margin-left:0px;
	/* border-bottom:2px solid #e1e1e1; */
	padding-top:10px;
}
.navigation
{
    
}
.navigation ul li a.tab_selected:link, .navigation ul li a.tab_selected:hover, .navigation ul li a.tab_selected:visited, .navigation ul li a.tab_selected:active
{	border-bottom:2px solid #ffffff;
    height: 30px;
    line-height: 29px;
    display: block;
    float: left;
    color:#172854;
}
.navigation ul li
{
 
    height: 29px;
    line-height: 29px;
    /* display: block;
    float: left; */
    width: auto;
	margin-right:2px;
}

.navigation ul li a
{

    display: inline-block;
    height: 29px;
    line-height: 29px;
    padding: 0 12px;
    text-decoration: none;
    float: left;
	color:#666666;
}
.navigation ul li a:link, .navigation ul li a:visited, .navigation ul li a:active
{
    text-decoration: none;
}

.navigation a:hover, .navigation ul li a:hover, .navigation ul li a.tab_selected:hover 
{
    height: 29px;
    line-height: 29px;
    display: block;
    float: left;
	text-decoration:none;
	color:#666666;
}
.additionFunction table {
    float:right;
}
.additionFunction
{
padding-top:0px;
}
#lowerpart{
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
    
	margin-left:3%;
    margin-right:2%;
}

.lowerSkin {
    float: right;
    text-align: right;
}
.Disclaimer{
float:left;
padding-left:28px;}
.Supplied{
	float:right;
	padding-right:25px;}
#upperpart{
	padding: 0 !important;
}
/* button*/
.additionFunction .button
{
    
    /* background: rgba(0, 0, 0, 0) url("btn_bg.jpg") repeat-x scroll 0 0; */
    color: #FFFFFF;
    font-weight: normal;
	text-decoration:none;
    background-color: #E31f26;
    border-radius: 3px;
    display: inline-block;
    min-width: 120px;
    text-align: center;
    font-size: 14px;
}
.additionFunction .button:hover
{ 
    background:#e31d1a;
}

.additionFunction a img{
	display:none;}
	
div.additionFunction table td{
	line-height: 30px;
    width: fit-content;
}
a.button
{
	padding-top: 3px;
	padding-bottom: 3px;
    margin-left: 10px;
}
a.buttonDetachGraph
{
	padding-left:15px;
	padding-right:15px;
}

a.buttonDownloadExcel
{
	padding-left:15px;
	padding-right:15px;

}
a.buttonPrint
{
	padding-left:15px;
	padding-right:15px;
}

/* Period navigation, which contains the period tabs */
body.body_FlashGraph .periodSelection
{
    height: 20px;
    padding-top: 9px;
    padding-left:23px;
	border:none !important;
}
body.body_HtmlGraph .periodSelection
{
    height: auto;
    padding-top: 9px;
    padding-left:30px;
	border:none !important;
}
.periodSelection
{
    height: 20px;
    padding-top: 9px;
    padding-left:23px;
	border-left: 1px solid #DFDFE0;
	border-right: 1px solid #DFDFE0;
}
.PeriodSelectionIntervalText {
    text-align: left;
	vertical-align: top;
}
#lblInterval {
	white-space: nowrap;
		}
div#periodSelectionPanel.periodSelection input {
    margin-left: 8px;
    margin-right: 3px;
}
#periodSelectionPanel label {
    white-space: nowrap;
}

.periodSelection ul li a
{
    color: #fff;
}
.periodSelection ul li a:link, .periodSelection ul li a:visited, .periodSelectionn ul li a:active
{
    text-decoration: none;
}
.periodSelection ul li a:hover
{
    text-decoration: none;
    /*background: url('tab_active.gif') repeat-x 0; */
}


/* DIV comparison */
.divcomparison
{
    background-color: #fff;
}



/* css for trade by thansau */
body.body_Trades div#divSubControl
{
	border:1px solid #DFDFE0;
	border-top:none;
	padding:0 9px;
}
TD.data
{
    border-bottom: solid 1px #999999;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 4px;
    vertical-align: top;
    text-align: right;
}
table.maintable
{
    width: 500px;
}


td#lastheading
{
    text-align:left;
	padding-left:5px;
}


td#timeheading
{
    text-align: left;
	padding-left:5px;
	border-left: 1px solid #d3d3d3;
	width:50%;
}
.tdbullet
{
    border-bottom: solid 1px #999999;
    padding-top: 2px;
    padding-left: 4px;
    vertical-align: middle;
}
.combo
{
    font-size: 8pt;
}
TABLE.collapse
{
    border: #FFFFFF 1px solid;
    border-bottom: 0px;
}

TD.euroland
{
    color: #424242;
    border-top: 1px solid #FFFFFF;
}
.minus 
{
  	color: #ff0000 !important;
}
.Ticker_OddRow .minus {
    color: #008000 !important;
}
.Ticker_OddRow .Minus {
    color: #008000 !important;
}
.minus2 
{
  	color: #ff0000 !important;
}
.Ticker_OddRow .minus2 {
    color: #008000 !important;
}
.neutral
{
    color:#424242 !important; 
}
.plus
{
	color: #008000 !important;
}
.Ticker_OddRow .Plus {
    color: #ff0000!important;
}
.plus2
{
	color: #008000 !important;
}
.Ticker_OddRow .plus2 {
    color: #ff0000!important;
}

.Ticker_OddRow .plus{
    color: #ff0000!important;
}

.Ticker_OddRow .minus{
	color: #008000 !important;
}
.Minus
{
    color: #ff0000;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_down1.gif');
    background-repeat: no-repeat;
	text-align: left;
}
.Minus2
{
    color: #ff0000;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_down2.gif');
    background-repeat: no-repeat;
	text-align: left;
}
.Neutral
{
    color:#666666;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_neutral.gif');
    background-repeat: no-repeat;
	text-align: left;
}
.Plus
{
    color:#008800;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_up1.gif');
    background-repeat: no-repeat;
	text-align: left;
}
.Plus2
{
    color:#008800;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_up2.gif');
    background-repeat: no-repeat;
	text-align: left;
}
.Gridheader
{
    border: solid 1px #000000;
    height: 25px;
}


.Tab
{
    border: solid 1px #dfdfdf;
    height: 28px;
    line-height: 28px;
    display: block;
    float: left;
    width: auto;
    margin-right: 2px;
}
.Tab:hover
{
    border-bottom: solid 1px #cae5ed;
}

.Tab a
{
    display: inline-block;
    line-height: 27px;
    margin-top: 1px;
    background-color: #e4eef0;
    padding: 0 10px;
    color: #0b83aa;
    text-decoration: none;
    float: left;
}

.Tab a:hover
{
    display: inline-block;
    line-height: 27px;
    margin-top: 1px;
    background-color: #cee6ee;
    padding: 0 10px;
    color: #013749;
    height: 28px;
    text-decoration: none;
}
.Tab .TabActive
{
    height: 28px;
    display: inline-block;
    line-height: 26px;
    margin-top: 1px;
    background-color: #cee6ee;
    float: left;
    color: #013749;
    padding: 0 10px;
}


/*For sharedata tab */
body.body_ShareData #divSubControl
{
	margin-bottom:10px;
	padding: 0px;
	margin-top:10px;
	font-size: 14px;
}
.DataNameTD{
	padding-left:10px;
	width: 50%;
	text-align:left;
	/* font-weight:bold; */
	line-height:30px;
	background:#fafafa;
    height: 36px;
}
.DataValueTD{
	padding-right:10px;
	width: 50%;
	text-align:right;
	font-weight:normal;
	line-height:30px;
}
.DataNameTD, .DataValueTD
{
	border: 1px solid #d3d3d3;
}
tr.EvenRowTR{
	
}
tr.OddRowTR{
	
}
table.ShareDataTable{
	border-collapse: collapse;
    border-width: 0;
}
#divSubControl #ctl08_gvShareData td
{
    border: solid 1px #e1e9ea;
}
.LeftCol
{
    padding-left: 15px;
    width: 50%;
    color:#0572a4;
    font-weight: bold;
}
.rightbold
{
    text-align: left;
    padding-left: 13px;
    width: 50%;
}


table.ControllRow
{
	border-spacing:0;
}


div#diagramTypePanel{

}

table#tableDiagram tr
{
	padding-left:5px;
  height: 14px !important;
}
table#tableDiagram tr td
{
	margin-top:20px;
  height: 18px !important;
  line-height:18px;
}
table#tableDiagram tr td input
{
	margin-right:5px;
height: 14px !important
}



#lbEarning, #lbPressRelease, #lblDividends, #lblPeriodHL
{
	padding-left:3px;
}
div.divtable{padding-left:9px;background-position:top;padding-top: 8px;}
#lblHideShow, #lblDailyChange, #lblRSI, #lblMACD
{
	padding-left:3px;
	
	display:inline;
}
#lblMACD{
word-spacing:-4px;
}

#lbl10day, #lbl20day, #lbl50day
{
	padding-left:3px;
	
}

table td.compare_part {
padding-left: 4px;
padding-top: 9px;
}

div#movingAveragePanel{
white-space:nowrap;
}
div#lowerGraphPanel{
}

div#divMACustom input
{
 	background:none repeat scroll 0 0 #EFEFEF;
	border:#8f8f8f;
}

#indicatorPanel, #indicesComparisonPanel, #lowerGraphPanel{
    width: 95%;
    padding-left:2.5%;
    padding-right:2.5%;
    border: 1px solid #ccc;
    margin-bottom:15px;
    min-height: 150px;
}
#diagramTypePanel, #otherOptionPanel, #movingAveragePanel
{
    width: 95%;
    padding-left:2.5%;
    padding-right:2.5%;
    border: 1px solid #ccc;
    min-height: 150px;
}


table.ControllRow {
	border-spacing:0px;
	border-collapse:collapse;
}
a.tab_selected
{
	color:#014c9f;
}
.title
{
	vertical-align:middle;
	line-height:20px;
}
table#tableDiagram
{
  width: auto;
	margin-left:9px;
	margin-top:10px;
}
div.divtable input, div.divtable span
{
    height: 19px;
vertical-align: bottom;
}

.custom_label table{
	border-collapse:collapse;
	border-spacing:0;}
	.custom_label table tr{
	height: 17px;
	}
	.custom_label table tr td{
	height: 17px;
	vertical-align:bottom;
	}
	.custom_label table tr td input{
	height: 18px;
    padding-left:9px;
	vertical-align:top;
	}
	.custom_label table tr td div{
	height: 18px;

	}
div#indicesPanel table td:first-child
{
    padding-left:9px;
    width:10%;
}
.custom_label td {
  height: 17px;
  line-height:18px;
}
.compare_part div{
 *margin-top:0px;}
table td.compare_part div
{
    width:100%!important;
}
#txtInsertPeriod, div#divMACustom input
{
	border:#d3d3d3 1px solid;
  font-size: 13px;

}
table.ControllRow td.ControllTD div.title
{
    
    background-repeat:no-repeat;
    background-position:left center;
	/* font-weight:bold; */
	line-height:20px;
	padding-left:11px;
	padding-top: 10px;
    padding-bottom: 5px;
	text-transform: none;
    border-bottom:3px solid #777777;/* Modify this color */
    white-space:nowrap;

}
span#lblInterval
{
    white-space:nowrap;
}
ul#_ulTab li a.tab_selected
{

}
ul#_ulTab li a.tab_selected
{
	color: #E31f26;
    border-bottom: 2px solid #E31f26;
	font-weight:bold;
	background:#FFFFFF;
}
#btnPeriodRange
{
	color: #424242;
	text-decoration: none;
	background:none;
}
#btnPeriodRange:hover
{	
	color: #bba774;
	text-decoration: none;
	background:none;
}
#divCalendar {
    background-color: #d3d3d3;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected
{
    background-color: #bc0008;
}
.DynarchCalendar-day-today {
    color: #bc0008;
    font-weight: bold;
}
.DynarchCalendar-day-selected {
    background-color: #AAAAAA;
    border: 1px solid #bc0008;
    color: white !important;
    margin: 0 !important;
    padding: 2px 3px;
}
.highstocklegend
{
    padding-bottom:15px;
}
label 
{
   width: auto;
}

/*.TickerNameTD_Bid, .TickerNameTD_Ask, .TickerValueTD_Bid, .TickerValueTD_Ask
{
    display:none;
}*/

table td.compare_part div
{
}

.TickerValueTD_PreviousClose,
.TickerValueTD_High,
.TickerValueTD_Volume,
.TickerValueTD_Low
{
	text-align:right;
}
@media (max-width: 640px) {
	#tabPanel {
	 height: 30px;
	  padding-left: 0%;
	}
	/* .navigation ul li {
		width: calc(50% - 2px) !important;
	}
	.navigation ul li a
	{
		width: calc(100% - 2px);
		padding: 0px;
	} */
	ul#_ulTab li a.tab_selected {

	}
	#liShareData {
		margin-right: 0;
	}
	#liHtml, #liShareData {
		margin-top: 0;
	}
}
@media (max-width:640px)
{
    body
	{
		font-size: 12px !important;
	}
	.comparelegend_value div div div, #legenddate {
		font-size: 	12px !important;
		 
	}
	.PerformanceTab_DDL_Performance_Function{
		font-size: 	12px !important;
		 
	}
	#comparelegend, .highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text {
		font-size: 	12px !important;
	}
	.comparelegend_name {
		display: block !important;
		padding-bottom: 3px;
	}
	.additionFunctionbox {
		bottom: 60px;
	}
	td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
		text-align: left;
		width: 10%;
	}
	td.TickerNameTD_Volume, td.TickerValueTD_Volume {
		padding-right: 10px;
		width: 10%;
		text-align: right;
	}
	.TickerNameTD_Bid, .TickerNameTD_Ask, .TickerValueTD_Bid, .TickerValueTD_Ask
	{
		display:none;
	}
	.ControllTD_0_2, .ControllTD_1_2
    {
        display:none;
    }
    td.ControllTD {
		width: 50%!important;
		padding: 0 5px;
	}
    .dbFooter
    {
        white-space:normal;
    }
    .highstocklegend, body.body_HtmlGraph .periodSelection
    {
        padding-left:5px;
    }
    .TickerNameTD_High, .TickerNameTD_Low, .TickerValueTD_High, .TickerValueTD_Low
    {
        display:none;
    }
}

#tabPanel ul{
    text-align: center !important;
}

.periodSelection ul{
    text-align: center !important;
}

.title,
.ControllTD {
    text-transform: capitalize !important;
}

div.divtable,
.custom_label table tr td,
#diagramTypePanel table{
    font-size: 14px;
}

.DataNameTD.DataNameTD_Currency,
.DataValueTD.DataValueTD_Currency,
.PeriodSelectionIntervalText{
    display: none;
}

/* #libt1Day:before{
    content: 'Interval: ';
} */

.body_zh-cn #libt1Day:before{
    content: "间隔: ";
}

.body_zh-tw #libt1Day:before{
    content: "間隔: ";
}

#liHtml:after{
    content: "|";
    position: relative;
    left: 3px;
}
#tabPanel ul li {
    vertical-align: middle;

}

.navigation ul li a{
    padding: 0;
    padding-bottom: 5px;
    margin: 0 12px;
}

#tabPanel {
    margin-bottom: 20px;
}

.comparelegend_name{
    font-size: 14px;
}

.Ticker_SelectedRow .TickerValueTD_ShareName,
.TickerValueTD_ShareName a:hover{
    color: #E31f26 !important;
}

.table_row{
    margin-bottom: 8px;
}

table#tableDiagram tr td {
    height: 24px !important;
}