/* ----------------------------------------------------------
// Copyright (C) EurolandAsia. All rights reserved.
//
// Developer: Binh Nguyen
// Email: binh.nguyen@euroland.com
// ----------------------------------------------------------*/
body
{
    color: #666666;
	font-family:Arial,Sans Serif;
	font-size: 12px;
}
a:link, a:visited
{
	color: #0000EE;
	text-decoration: underline;
}
a:hover, a:active
{
	color: #0000EE;
	text-decoration: underline;
}
#container{
	width: 650px !important;
}

#divCalendar
{
	background: #EEEEEE;
}

/* Border of frame */
.common_border
{
}
/*Last price label, which display on the share information section*/
.last_price_style
{
    color: #0572a4;
    font-weight: bold;
}
.shareInformation
{
    height: 100px;
}
body.body_ShareData #shareGraph {
	background-color: #FFFFFF;
	min-height:310px;
	border:none;
	
}
body.body_Orders #shareGraph {
	border:none;
	min-height:200px;
}
body.body_Trades #shareGraph {
	border:none;
	min-height:200px;
}

#shareGraph{
	background-color: #FFFFFF;
	border:none;
	min-height:400px;
}

#flashcontent{
	padding-left: 10px;
	height: 400px;
    width: 650px;
}
#mainGraphPanel{
	background:  url("../../app_themes/jp-9543/bg_bottom.png") 0px 0px repeat-y transparent;
	min-height: 405px;
}


#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: #000000;
    font-weight: bold;
    float: left;
    padding-top: 5px;
    width: 97%;
    padding-left: 15px;
}
/* Date & Time: 2009.04.16 16:34(GMT+07) */
.divDateTimeShareInfo
{
    color: #007DFF;
}
/* The background image and text color of the button has size is 120x25 pixel */
.button_bg
{
	background-image: url("../../app_themes/jp-9543/button.gif");
	font-weight: bold;
	background-repeat: no-repeat;
    height: 25px;
	line-height:25px;
	width:128px;
	color:#ffffff;
	font-size:12px;
}
/* The navigation, which contains the tabs */

.additionFunction
{
    margin-bottom: 10px;	
}
.additionFunctionbox
{
	background: url("../../app_themes/jp-9543/bg_bottom.png") 0 100% transparent;	
	padding-bottom: 10px;
    text-align: center;
    border-top: none;
}


body.body_ShareData .additionFunctionbox{
	background: none;
	display: none;
}
body.body_Trades .additionFunctionbox{
	background: none;
	display: none;
}

body.body_ShareData #mainGraphPanel{
	background: none;
}

body.body_Trades #mainGraphPanel{
	background: none;
}

.additionFunction .button
{
    height: 25px;
	line-height:24px;
    background-image: url("../../app_themes/jp-9543/button.gif");
	background-repeat: no-repeat;
    display: inline-block;
    padding: 1px 0px 0px 0px;
    font-weight: bold;
    text-decoration: none;
	width: 130px;
	text-align: center;
	color: #FFFFFF;
}
.additionFunction .button a
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}


 #rptTicker8_ctl01_TickerRow .Ticker_SelectedRow a#lbtDownload{
	display: none !important;
 }
 
/* Period navigation, which contains the period tabs */
.periodSelection
{
	color: #3F3F3F !important;
	/*background: url("../../app_themes/jp-9543/box_bg.gif") repeat scroll 0 0 transparent;*/
	background: url("../../app_themes/jp-9543/bg_header.jpg") no-repeat 0px 50% transparent;
	font-weight: bold;
	height: 34px;
    padding-top: 9px;
    padding-left: 10px;
}

.lowerpart_top
{
    margin-top: 6px;
    border: solid 1px #bad7da;
    background-color: #d6eaec;
    min-height: 126px;
    padding: 4px 4px 3px 4px;
}
.lowerpart_top .box
{
    padding: 6px;
    border: solid 1px #c3cfd7;
    height: 126px;
    height: 110px;
    background-image: url(../../images/bgBox.gif);
}

.periodSelection ul li a.tab_selected:link, .periodSelectionn ul li a.tab_selected:hover, .periodSelection ul li a.tab_selected:visited, .periodSelection ul li a.tab_selected:active
{

}
.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;

}

/* High, Low section */
.chartCurrentInfo
{
    color: #000;
    font-family: Arial,​sans-serif;
    font-size: 12px;
}
.chartCurrentInfo div input
{
    color: #000;
    font-family: Arial,​sans-serif;
    font-size: 12px;
}
/* DIV comparison */
.divcomparison
{
    background-color: #fff;
}

.lowerpart_top .order
{
    padding: 6px;
    padding-left: 15px;
    border: solid 1px #c3cfd7;
    min-height: 110px;
    background-image: url(../../images/bgBox.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

/* css for trade by thansau */
TD.data
{
    border-bottom: solid 1px #E8E8E8;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 4px;
    vertical-align: top;
    text-align: center;
}
table.maintable
{
    width: 500px;
}
div.fullbrokername
{
    background-color: #ffffff;
    border: 1px #dedede solid;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    left: 0px;
}
td.tradetime
{
    width: 200px;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #E8E8E8;
    border-left:1px solid #E8E8E8;
    padding-top: 5px;
    padding-left: 15px;
    vertical-align: top;
}
td.tableheading
{
    height: 28px;
    line-height: 15px;
    padding-right: 4px;
    padding-left: 3px;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    border-bottom: #333333 1px solid;
    background-color: #2284B1;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: right;
}
tr.odd
{
    background: #F2F2F2;
}
tr.even
{
    background: #FFFFFF;
}
.bullet
{
    font-size: 1px;
    height: 7px;
    width: 7px;
}
td#lastheading
{
    padding-right: 20px;
}

td#timeheading
{
    text-align: left;
}
.tdbullet
{
    border-bottom: solid 1px #333333;
    padding-top: 2px;
    padding-left: 4px;
    vertical-align: middle;
}
.combo
{
    font-family:Arial,​sans-serif;
    font-size: 8pt;
}
TABLE.collapse
{
    border: #FFFFFF 1px solid;
    border-bottom: 0px;
}

td.excellink
{
    font-size: 8pt;
    font-family:Arial,​sans-serif;
}
TD.euroland
{
    color: #333333;
    border-top: 1px solid #FFFFFF;
}
.minus 
{
    

}
.minus span {
	  color: #ff0000;		
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down1.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
body td.TickerValueTD_LastPriceChange .minus span {
	display: inline;
	background: transparent;
	padding: 0px;
}
.minus2  span
{
    color: #ff0000;
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down2.gif);
    background-repeat: no-repeat;
}
.neutral  span
{
    color: #333333;
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_equal.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.plus span
{
    color: #008800;
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_up1.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
body td.TickerValueTD_LastPriceChange  span {
	display: inline;
	background: transparent;
	padding: 0px;
}
.plus2 span
{
    color: #008800;
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_up2.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}

.Gridheader 
{
    border: solid 1px #000000;
    height: 25px;
}

.TickerValueTD_LastPriceChange{
	background: none !important;
}



#period
{
    height: 30px;
    background-image: url(../../images/bgPeriod.gif);
    border-left: 1px solid #cae5ed;
    border-right: 1px solid #cae5ed;
    border-bottom: 1px solid #8fc5d5;
    padding-top: 9px;
    padding-left: 10px;
}
/*For sharedata tab */
#divSubControl
{
	background: url("../../app_themes/jp-9543/box.png") no-repeat 0px 0px transparent;
	height: 310px;
    padding-top: 20px; 
    padding-bottom:3px;
}

body.body_Trades #divSubControl
{
	height: 350px;

    padding-top: 20px; 
    padding-bottom:3px;
}

#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%;
}

/*For Order tab */
.tdOrderLeft
{
    height:28px;
    background-color:#FFFFFF;
    border-bottom:solid 1px #e8e8e8;
    width:10%;
    text-align:center;
    padding-left:15px;
}
.tdOrderRight
{
    height:28px;
    background-color:#FFFFFF;
    border-bottom:solid 1px #e8e8e8;
    width:10%;
    text-align:center;
    padding-right:15px;
}
.tdOrderMiddle
{
    height:28px;
    background-color:#FFFFFF;
    border-bottom:solid 1px #e8e8e8; 
    width:80%;
    text-align:center;
}
.orderLeft
{
    text-align:right;
   
    background-repeat:repeat-x;
    height:19px;    
}
.orderRight
{
    text-align:right;

    background-repeat:repeat-x;
    height:19px;    
}
.orderBorder
{
    border:solid 1px #e8e8e8; 
    border-bottom:none;
    width:99%;
}

/*Performance */
#ctl08_grdTabPricePerformace td
{
    border:solid 1px #e8e8e8;
    padding-top:6px;
    padding-bottom:6px;
}
#ctl08_gvGridPerformanceByYear td
{
    border:solid 1px #e8e8e8;
    padding-top:6px;
    padding-bottom:6px;
}
#ctl08_grdTabPricePerformace th
{
    border:none;
    padding-top:6px;
    padding-bottom:6px;
}
#ctl08_gvGridPerformanceByYear th
{
    border:none;
    padding-top:6px;
    padding-bottom:6px;
}
#ctl08_gvKeyFigure td
{
    border:solid 1px #e8e8e8;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:3px;
    padding-right:3px;
}
#ctl08_gvKeyFigure th
{
    border:none;
    padding-top:6px;
    padding-bottom:6px;

}
#ctl08_pnlKeyFigure
{
    text-align:left;
}
/*Keyfigure*/
#ctl08_gvTrailingFigures th
{
    border:none;
    padding-top:6px;
    padding-bottom:6px;
}
#ctl08_gvTrailingFigures td
{
    border:solid 1px #e8e8e8;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:3px;
    padding-right:3px;
}
#ctl08_panelKeyInformation td
{
    padding-top:3px;
    padding-bottom:3px;
    padding-left:3px;
    padding-right:3px;
    background-color:#FFFFFF;
}
/* End css for trade */




/*Tickers*/
.TickerTbl{
	border-spacing: 0;
	border-collapse: collapse;
}

.Ticker_HeaderRow_DateTime{
	text-align: right;
}
div.TickerSelectDateDiv{
	display: none;
}

td.TickerNameTD_Volume{
	text-align: right;
}

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

td.TickerValueTD_Volume{
	text-align: right;
}

td.TickerValueTD_LastPricePercentChange{
	text-align: center;
}

/* Date */
.TickerDateTD{
	font-weight: bold;
    padding: 3px 0 3px 10px;
}

/* Name */

.TickerNameTD{
	padding: 0px 10px 0px 0;
	height: 30px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background: none repeat scroll 0 0 #97acd1;
	
}

.TickerNameTD_ShareName{
	padding-left: 5px;
	text-align:left;
}

.TickerNameTD_Volume{
	text-align:right;
}

/* Value */

.TickerValueTD{
    height: 20px;
    padding: 3px 10px 3px 0;
	text-align:center;
	 border-bottom: 1px solid #dcdcdc;
}

.TickerValueTD_ShareName{
	padding-left: 5px;
	text-align:left
}

.TickerValueTD_Volume{
	text-align:right;
}

/* Tab */

.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
{
	background: none repeat scroll 0 0 #DD3364;
	color: #FFFFFF;
}
.navigation ul li
{
    width: auto;
    margin-right: 2px;
}

.navigation ul li a
{
    padding: 0 10px;
	color: #2757A1;
    text-decoration: none;
}

.navigation ul li a:link, 
.navigation ul li a:visited, 
.navigation ul li a:active
{
}

.navigation ul li#liFlash{

	padding-top: 3px;
	padding-left: 12px;
	opac
}
.navigation ul li a#liFlash{
	
} 

.navigation ul li#liShareData{
	padding-top: 3px;
	padding-left: 12px;
}	

.navigation ul li#liTrade{
	
	padding-top: 3px;
	padding-left: 12px;
}

.navigation a:hover, .navigation ul li a:hover
{
	color: #D70542;
}

div#tabPanel{
	display: none;
}


/* Lower Part */

table.ControllRow{
	padding-top: 1px;
	padding-left:8px;
}

div.title{
	font-weight: bold;
	font-size: 14px;
	height:37px;
	line-height:37px;
	text-align:center;
	color:#ffffff;
}


td.ControllTD{
	height: 143px;
	width: 166px;
	vertical-align:top;
	padding-right:5px;
	background: url("../../app_themes/jp-9543/case_small.png") no-repeat scroll 0 0px transparent;
}

td.ControllTD_0_0{
	height: 163px;
	background: url("../../app_themes/jp-9543/case_big.png") no-repeat scroll 0 0px transparent;
}
td.ControllTD_0_1{
		height: 163px;
	background: url("../../app_themes/jp-9543/case_big.png") no-repeat scroll 0 0px transparent;
}
td.ControllTD_0_2{
		height: 163px;
	background: url("../../app_themes/jp-9543/case_big.png") no-repeat scroll 0 0px transparent;
}

td.ControllTD_1_0{
}
td.ControllTD_1_1{
}
td.ControllTD_1_2{
}
td.ControllTD_1_3{
}

td.ControllTD_1_2 div.divtable, td.ControllTD_1_1 div.divtable{
	padding-left: 10px;
	padding-top: 13px;
}

/*

td.ControllTD{
	background: url("../../app_themes/jp-9543/abc1.jpg") no-repeat scroll 0 100% transparent;
	height: 130px;
	width: 160px;
}

/* div */
div#diagramTypePanel{
	height: 145px;
	
}

div#diagramTypePanel div.title{
	margin-bottom: 10px;
}

table#tableDiagram{
	margin-left: 10px;
}

div#indicatorPanel{
	height: 145px;
	 
}
div.divtable{
	padding-left: 10px;
	padding-top: 10px;

}

div#indicesComparisonPanel{
	height: 145px;
	 
}
div#indicesPanel{
	padding-left: 10px;
	padding-top: 9px;
}
div#ownSharePanel{
	padding-left: 10px;
	padding-top: 15px;
	 
}
.ControllTD_2_1,.ControllTD_2_2{background:none !important;}
div#movingAveragePanel{
	height: 145px;
	
}


div#lowerGraphPanel{
	height: 145px;
	 
}

div#otherOptionPanel{
	height: 145px;
	 
}
div#shareComparisonPanel{
	height: 145px;
	 
}
table td.compare_part div{
	width: 140px;
}
#ownSharePanel table td.compare_part div{
	width: 160px;
}
table td.compare_part {
    padding-left: 0px;
}
/* Share Data */

.DataTable{
	width: 600px;
}

.DataNameTD{
	padding-left: 20px;
	text-align: left;
	line-height: 26px;
	width: 50%;
}

.DataValueTD{
	text-align: right;
	line-height: 26px;
	padding-right: 15px;
	width: 50%;
}

table.ShareDataTable{
	
}

table.ShareDataTable tr{
	height: 27px;

	position:relative;
}

table.ShareDataTable tr.EvenRow td.DataNameTD_Market{

}

tr.EvenRowTR td{
}

.DataNameTD_Currency{

}
.DataValueTD_Currency{
}

tr.EvenRowTR td.DataNameTD_Market{

}
.DataValueTD_Market{
}

.DataNameTD_Ticker{

}
.DataValueTD_Ticker{
}

.DataNameTD_List{

}
.DataValueTD_List{
}

.DataNameTD_Industry{

}
.DataValueTD_Industry{
}

.DataNameTD_Market_Capitalization{
	
}
.DataValueTD_Market_Capitalization{
}

.DataNameTD_Number_Of_Shares{

}
.DataValueTD_Number_Of_Shares{
}

/* Broker Table */

table.TradeBrokerTable{
	margin-left: 10px;
	margin-right: 10px;
	width: 653px;
}

table.TradesTable{
	padding-top: 10px;
	border-spacing: 0;
	border-collapse: collapse;
}

table.TradesTable tr.Trades_RowHeader td.Trades_TimeHeading{
	border-left: 1px solid #333333;
	padding-left: 5px;
}

table.TradesTable tr.Trades_Row td.Trades_TradeTime{
	border-left: 1px solid #333333;
	padding-left: 5px;
}

table.TradesTable tr.Trades_RowHeader td.Trades_VolumeHeading{
	border-right: 1px solid #333333;
	text-align: right;
	padding-right: 5px;
}

table.TradesTable tr.Trades_Row td.Trades_Size{
	border-right: 1px solid #333333;
	text-align: right;
	padding-right: 5px;
}

table.TradesTable tr.Trades_RowHeader td{
	background: #EAD88C;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
	height: 20px;
    padding: 3px 10px 3px 0;
}

table.TradesTable tr.Trades_Row td{
    border-bottom: 1px solid #333333;
    height: 20px;
    padding: 3px 10px 3px 0;
}

span.LastestShareTrades{
	font-weight: bold;
}

td.excellink{
	
    padding-left: 20px;
}

td.excellink a{
	text-decoration: none;
}
/*date calendar*/
.DynarchCalendar-day-selected{
color: #ffffff !important;

}

.DynarchCalendar-day-today.DynarchCalendar-day-selected {
    background: none repeat scroll 0 0 #146aa7;
}
.DynarchCalendar-day-today {
    color: #146aa7;
    font-weight: bold;
}
/*html info*/
#htmlInfo, #htmlInfoNavigator{
height:20px !important;
vertical-align:middle;
line-height:20px;}

#dbFooter, #lowerSkin {
    padding-right: 11px;
    padding-top: 13px;
}
.lowerSkin, .dbFooter {
    float: none;
    text-align: right;
}