/* ----------------------------------------------------------
// Copyright (C) EurolandAsia. All rights reserved.
//
// Developer: Binh Nguyen
// Email: binh.nguyen@euroland.com
// ----------------------------------------------------------*/
body
{
    color:#333333;
	font-family: Arial,​helvetica,​Verdana,​sans-serif;
	font-size:12px;
}
body.body_ja-jp{
	font-family: Arial,​helvetica,​Verdana,​sans-serif;
}
body.body_ja-jp .comparelegend_value div div div, body.body_ja-jp #legenddate {
    color: #333333 !important;
	font-family: Arial,​helvetica,​Verdana,​sans-serif !important;
}
.comparelegend_value div div div, #legenddate {
    color: #333333 !important;
/*	font-family: Arial,​Helvetica,​sans-serif !important;*/
	font-family: Arial,​helvetica,​Verdana,​sans-serif !important;
}

body.body_ja-jp .PerformanceTab_DDL_Performance_Function{
	color: #333333 !important;
	font-family: Arial,​helvetica,​Verdana,​sans-serif;
	}
.PerformanceTab_DDL_Performance_Function{
	color: #333333 !important;
	font-family: Arial,​helvetica,​Verdana,​sans-serif;
	}

body.body_ja-jp .highcharts-axis-labels text tspan,body.body_ja-jp .highcharts-axis text tspan, body.body_ja-jp .highcharts-container text {
    font-size: 12px;
	font-family: Arial,​helvetica,​Verdana,​sans-serif !important;
}
.highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text {
    font-size: 12px;
	font-family: Arial,​helvetica,​Verdana,​sans-serif !important;
}
a:link, a:visited, a:active
{
	color: #0000cc;
	text-decoration: underline;
}
a:hover
{	
	color: #0000cc;
	text-decoration: none;
}
/* width of tool */
#container {
	width: 100%;
	max-width: 725px;
	
	
}
#pnlLastprice {
	width: 230px;
}
#pnlShareInfo {
	width: 375px;
}
#pnlShareInfo .tdLeft {
	width: 35%;
}
#dateTimeBox {
	width: 97%;
}
td.TickerNameTD_Volume, td.TickerValueTD_Volume {
	width:90px;
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
	width:155px;
}
.navigation ul li {
	width: auto;
}
.additionFunction table {
	width: 80%;
}
.TD_detach_graph {
    padding-right: 10%;
    width: 50%;
}
.TD_print {
    padding-right: 15%;
    width: 50%;
}
/*
.TD_print {
 width: 23%;
}
.TD_download_excel {
 width: 53%;
}*/
.bullet {
	width: 7px;
}
td#timeheading {
	width:50%;
}
.Tab {
	width: auto;
}
.DataNameTD {
	width: 50%;
}
.DataValueTD {
	width: auto
}
.LeftCol {
	width: 50%;
}
.rightbold {
	width: 50%;
}
.tdOrderLeft {
	width:10%;
}
.tdOrderRight {
	width:10%;
}
.tdOrderMiddle {
	width:80%;
}
.orderBorder {
	width:100%;
}
table.ControllRow td.ControllTD {
	width:33.33%;
}
#indicatorPanel, #indicesComparisonPanel {
	width: 100%;
}
#diagramTypePanel {
	width: 100%;
}
#lowerGraphPanel, #movingAveragePanel {
	width: 100%;
}
#otherOptionPanel {
	width: 100%;
}
table#tableDiagram {
	width: auto;
}
.custom_label table tr td div {
	width: 160px;
}
label {
	width: auto;
}
.divMore {
	width: 170px;
}

.PerformanceTab_DDL_Performance_Function {
    
}
.PerformanceTab_Table_Price_Performance {
	width: 99.3% !important;
}
.PerformanceTab_Div_In_TD_Data {
	width: auto !important;
}
.PerformanceTab_Table_Data {
	width: 99.3%;
}
.PerformanceTab_Table_Performance_By_Year {
	width: 100% !important;
}
.PerformanceTab_TD_Select_Type_Label {
	width:180px;
}
/*select box*/
.PerformanceTab_DDL_Performance_Function {
    width: 280px;
}
/*  all */
.PerformanceTab_Performance_All_Time_High_H_Label, .PerformanceTab_Performance_All_Time_Low_L_Label {
	padding-left:15px;
	_position: absolute;
+position: absolute;
	width: 15px;
	display:inline;
}
.PerformanceTab_Performance_All_Time_High_H_Value, .PerformanceTab_Performance_All_Time_Low_L_Value {
	float: right;
	padding-right: 0px;
	display:inline;
	width:70%;
	text-align:right;
}
/*  52 */
.PerformanceTab_Performance_52_Week_High_H_Label, .PerformanceTab_Performance_52_Week_Low_L_Label {
	_position: absolute;
	+position: absolute;
	width: 15px;
	display:inline;
}
.PerformanceTab_Performance_52_Week_High_H_Value, .PerformanceTab_Performance_52_Week_Low_L_Value {
	float:right;
	width:75%;
	padding-right: 0px;
	display:inline;
	text-align:right;
}
/* end  width of tool*/
#divCalendar {
 background-color: #f8f8f8;
}
#flashcontent {
 padding-top:16px;
}
body #shareGraph {
 min-height: 300px;
}
body.body_Performance #shareGraph {
 min-height:115px;
 height:auto !important;
 _padding-bottom: 55px;
}
#pressContent{
	padding-left:30px !important;
}
/* Border of frame */
.common_border {
 border:1px solid #DFDFE0;
 border-top:none;
}
body.body_FlashGraph .common_border {
 border:none !important;
}
body.body_HtmlGraph .common_border {
 border:none !important;
}
/*Last price label, which display on the share information section*/
.last_price_style {
 color: #3030D6;
 font-weight: bold;
}
body.body_ShareData #shareGraph {
 min-height:200px;
}
body.body_Orders #shareGraph {
 min-height:150px;
 padding: 10px 15px;
}
body.body_Trades #shareGraph {
 border:none;
 min-height:100px;
}
.shareInformation {
/*padding: 4px;*/
}
body.body_FlashGraph #shareGraph {
}
 #divMoreOptionLink a {
 text-decoration: none;
 color: #0000cc;
 font-size: 120%;
}
#pnlLastprice {
 height: 43px;
 background-image: url(../../images/bglastprice.gif);
 border: solid 1px #c3cfd7;
 color: #3030D6;
 font-weight: bold;
 float: left;
 padding: 3px 0px 3px 15px;
}
#pnlShareInfo {
 height: 49px;
 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;
}
#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 {
 font-weight: bold;
 float: left;
 padding-top: 5px;
 padding-left: 15px;
}
/* Date & Time: 2009.04.16 16:34(GMT+07) */
.divDateTimeShareInfo {
 color: #007DFF;
}
.TickerDateTD {
}
div.TickerDateDiv {
 font-weight: normal;
 padding-left:12px;
 margin-bottom:7px;
 text-align:left;
}
table.TickerTbl {
 border-spacing:0;
 border-collapse:collapse;
}
.table_row {
height: 22px !important;
}
 table.BrokerHeaderTable, table.BrokerTableContent, table.BrokerContentTable {
 border-collapse:collapse;
 border-spacing:0;
}
table.TickerTbl td {
/*padding-right:5px;*/
}
td.TickerValueTD {
 white-space:nowrap;
}
tr.Ticker_HeaderRow_Header {
}
td.Ticker_SelectedRow {
 font-weight:bold;
}
td.TickerNameTD {
 font-weight:bold;
 height:38px;
 color:#fff;
 white-space:nowrap;
 text-align:center;
 vertical-align:middle;
 background: url("box_bg.png") repeat-x;
 
}
td.TickerNameTD_ShareName {
border-left: 1px solid #aaaaaa;
}
td.TickerNameTD_Volume {
border-right: 1px solid #aaaaaa;
}
td.TickerValueTD {
 text-align:center;
 height:25px;
 white-space:nowrap;
 vertical-align:middle;
 
 border-bottom: 1px dotted #666666;

}
td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask {
	display: none;
}
td.TickerNameTD_PreviousClose, td.TickerValueTD_PreviousClose, td.TickerNameTD_High, td.TickerValueTD_High {
/*border-bottom:1px solid #EBEBEB;*/
}
td.TickerNameTD_MarketName, td.TickerValueTD_MarketName {
 display:none;
}
td.TickerNameTD_Volume {
/*border-right:1px solid #EBEBEB;	*/
}
td.TickerNameTD_Volume, td.TickerValueTD_Volume {
 padding-right:10px;
 text-align:right;
 
}
td.TickerNameTD_ShareName {
 text-align:left;
 padding-left:12px;
/*color: #49535A !important;*/
	/*border-left:1px solid #EBEBEB;*/
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
 text-align:left;

}
td.TickerValueTD_ShareName {
padding-left:13px;
}
tr.Ticker_SelectedRow {
}
/* The background image and text color of the button has size is 120x25 pixel */
.button_bg {
}
/* The navigation, which contains the tabs */
#tabPanel {
 height:32px;
 margin-left:0px;
 padding-top:10px;
 border-bottom:2px solid #e1e1e1;
}
.navigation {
/*text-transform: uppercase;*/
}
ul#_ulTab li a.tab_selected {
	color:#000000;
	background:#FFFFFF;
	font-weight: bold;
}
.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
{	
    height: 32px;
    line-height: 31px;
    display: block;
    float: left;
	background:#ffffff;
	border-bottom:2px solid #ffffff;
}
.navigation ul li
{
    /*font-weight: bold;     color:#000000;     background-color:#000000; */
    height: 31px;
    line-height: 31px;
    display: block;
    float: left;
    width: auto;
	margin-right:2px;
}

.navigation ul li a
{	
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    padding: 0 12px;
    text-decoration: none;
    float: left;
	background:#fafafa;
	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: 31px;
    line-height: 31px;
    display: block;
    float: left;
	text-decoration:none;
	color:#666666;
}
.additionFunction {
padding-top:0px;
}
.additionFunctionbox {
margin-top:-5px;
}
#lowerpart {
 padding-right: 0 !important;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 margin-top: 10px;
 padding-left:0%;
}
#dbFooter {
 padding-right: 11px;
 padding-top: 13px;
}
#lowerSkin {
 padding-left: 11px;
 padding-top: 13px;
}
.Disclaimer {
float:left;
padding-left:28px;
}
.Supplied {
 float:right;
 padding-right:25px;
}
#upperpart {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 padding-left:1px;
 padding-right:1px;
}
/* button */
.additionFunction .button
{
    background: none repeat scroll 0 0 #3030D6;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
	}
/*	border: 1px solid #bb0033;
	transition: all 0.15s ease-in 0s;

.additionFunction .button:hover
{
    background: none repeat scroll 0 0 #3479c5;
}*/
.additionFunction a img {
 display:none;
}
 div.additionFunction table td {
 line-height: 30px;
}
span#lblPrint {
 vertical-align: middle !important;
 line-height:30px;
 height:30px;
}
span#lblDetachGraph {
 vertical-align: middle !important;
}
 span#lblDownloadToExcel {
 vertical-align: middle !important;
}
.TD_download_excel {
    display: none !important;
}
a.button {
 padding-top: 5px;
 padding-bottom: 5px;
}
a.buttonDetachGraph {
 line-height:30px;
}
a.buttonDetachGraph
{
	padding-left:29px;
	padding-right:29px;
}
body.body_ja-jp a.buttonDetachGraph
{
	padding-left:50px;
	padding-right:50px;
}
a.buttonDownloadExcel
{
	padding-left:12px;
	padding-right:12px;
}
body.body_ja-jp a.buttonDownloadExcel
{
	padding-left:26px;
	padding-right:26px;
}
a.buttonDownloadExcel {
 line-height:30px;
}
a.buttonPrint
{
	padding-left:55px;
	padding-right:55px;
}
body.body_ja-jp a.buttonPrint
{
	padding-left:71px;
	padding-right:71px;
}
td#TD_print {
/*	*padding-top:9px;*/
	}
img#button_detach {
}
/* Period navigation, which contains the period tabs */
body.body_FlashGraph .periodSelection {
 height: 25px;
 padding-top: 9px;
 padding-left:23px;
 border:none !important;
}
body.body_HtmlGraph .periodSelection {
 height: 25px;
 padding-top: 5px;
 padding-left:25px;
 border:none !important;
 word-spacing:-1px;
}
.periodSelection {
 height: 25px;
 padding-top: 9px;
 border-left: 1px solid #DFDFE0;
 border-right: 1px solid #DFDFE0;
}
body.body_Performance .periodSelection {
 height: 25px;
 padding:10px;
 border: none;
}
.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;
}
.chartCurrentInfo div input {
 color: #000;
}
/* 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;
}


tr.odd {
 background: #e7e7e7;
}
tr.even {
 background: #FFFFFF;
}
.combo {

}
TABLE.collapse {
 border: #FFFFFF 1px solid;
 border-bottom: 0px;
}
 TD.euroland {
 color: #555555;
 border-top: 1px solid #FFFFFF;
}
.minus {
 color: #ff0000 !important;
}
.minus2 {
 color: #ff0000 !important;
}
.neutral {
 color:#555555 !important;
}
.plus {
 color: #008000 !important;
}
.plus2 {
 color: #008000 !important;
}
/*.minus span:last-child {	
    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;
}
.minus2  span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down2.gif);
    background-repeat: no-repeat;
}
.neutral  span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_neutral.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.plus span:last-child
{
    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;
}
.plus2 span:last-child
{
    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;
}*/
.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:#555555;
 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 #555555;
 height: 25px;
}
/*For sharedata tab */
body.body_ShareData #divSubControl {
 margin-bottom:10px;
 padding:0 10px;
 margin-top:10px;
}
.DataNameTD {
 padding-left:10px;
 text-align:left;
 font-weight:bold;
 color:#3030D6;
 line-height:32px;
 background: none repeat scroll 0 0 #e7e7e7;
 border-top: 1px dotted #a1a1a1;
	 border-left: 1px solid #aaaaaa;
 	border-bottom: 1px dotted #a1a1a1;
 	border-right: 1px dotted #a1a1a1;
}
.DataValueTD {
 padding-right:10px;
 text-align:right;
 font-weight:normal;
 line-height:32px;
 background: #ffffff!important;
 border-top: 1px dotted #a1a1a1;
	 border-right: 1px solid #aaaaaa;
 	border-bottom: 1px dotted #a1a1a1;
 	border-left: 1px dotted #a1a1a1;
}
.DataNameTD_Currency, .DataValueTD_Currency{
	border-top: 1px solid #aaaaaa !important;
}
.DataNameTD_Number_Of_Shares, .DataValueTD_Number_Of_Shares{
	border-bottom: 1px solid #aaaaaa !important;
}
.DataNameTD, .DataValueTD {
}
tr.EvenRowTR {
}
tr.OddRowTR {

}
table.ShareDataTable {
 border-collapse: collapse !important;
}
#divSubControl #ctl08_gvShareData td {
 border: solid 1px #e1e9ea;
}
.LeftCol {
 padding-left: 15px;
 color:#3030D6;
 font-weight: bold;
}
.rightbold {
 text-align: left;
 padding-left: 13px;
}

/*For Order tab */
.Orders_TopPanel_Title tr:first-child {
 font-weight: bold;
 margin-bottom: 5px;
 padding: 5px 0;
 vertical-align:top;
 text-align: left;
}
 .Orders_TopPanel_Title {
 border-bottom: 1px dashed #CACACA;
}
 .Orders_HeaderTD_Bid, Orders_HeaderTD_Ask {
 font-weight:bold;
}
.tdOrderLeft {
 height:28px;
 border-bottom: 1px solid #CACACA;
 text-align:left;
 padding-left:0px;
}
.tdOrderRight {
 height:28px;
 border-bottom: 1px solid #CACACA;
 text-align:right;
 padding-right:0px;
}
.tdOrderMiddle {
 height:28px;
 border-bottom: 1px solid #CACACA;
 text-align:center;
 white-space:nowrap;
}
.orderLeft {
 text-align:right;
 background:#555555;
 height:19px;
}
.orderRight {
 text-align:right;
 background:#bb0033;
 height:19px;
}
/* order */

/* Lower part */
table.ControllRow {
 border-spacing:0;
}
.ControllRow_1{
	margin-top: 8px;
	}
table.ControllRow td.ControllTD {
 vertical-align:top;
}
td.ControllTD_1_2 {
}
table.ControllRow td.ControllTD_0_4 {
padding-right:0px;
}
td.ControllTD_0_0 {
}
td.ControllTD_0_1 {
}
td.ControllTD_0_2 {
}
div#diagramTypePanel {
}
 table#tableDiagram tr {
 padding-left:5px;
 height: 14px !important;
}
table#tableDiagram tr td {
 margin-top:20px;/**/
 height: 22px !important;
 +height: 18px !important;
}
table#tableDiagram tr td input {
 margin-right:5px;
height: 14px !important
}
#lbEarning, #lbPressRelease, #lblDividends, #lblPeriodHL {
 padding-left:3px;
}
div.divtable {
background-position:top;
}
#lblHideShow, #lblDailyChange, #lblRSI, #lblMACD {
 padding-left:3px;
 +padding-left:0px;
 display:inline;
 word-spacing:-2px;
 letter-spacing: -0.2px;
}
#lblMACD {
+word-spacing:-3px;
}
div#movingAveragePanel div.divtable {
}
#lbl10day, #lbl20day, #lbl50day {
 padding-left:3px;
}
div#otherOptionPanel div.divtable {
}
#lblpercentView, #lblTotalReturn {
 padding-left:3px;
}
#lblLine, #lblBar, #lnlCandestick, #lblMountain {
/*margin-left:1px;*/
}
table td.compare_part {
 padding-left:3px;
}
div#divMACustom input {
 width: 35px !important;
}
table.ControllRow {
 border-spacing:0px;
 border-collapse:collapse;
}
.title {
 vertical-align:middle;
 line-height:20px;
}
table#tableDiagram {
}
#peerPanel_1_5,#peerPanel_6_10, #indicesPanel, #ownSharePanel {

}
div#indicatorPanel, div#indicesComparisonPanel, div#otherOptionPanel, div#diagramTypePanel, div#lowerGraphPanel, div#movingAveragePanel {
	border: 1px solid #BEBEBE;
	width: 96%;
	margin-left: 1%;
	height: 140px;
	background: #fafafa;
}
.divtable, #indicesPanel{
	padding-left: 3%;
	margin-top:10px;
	}
#tableDiagram{
    margin-left: 3%;
	margin-top: 10px;
}
div#movingAveragePanel {

}
div#lowerGraphPanel {
}
#indicesComparisonPanel, #lowerGraphPanel{

	}
#otherOptionPanel, #shareComparisonPanel{
}
#otherOptionPanel, #movingAveragePanel{

	}

 .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;
 vertical-align:top;
}
 .custom_label table tr td div {
 height: 17px;
}
.custom_label td {
 height: 17px;
 line-height:15px;
}
.compare_part div {
 *margin-top:0px;
}
 #txtInsertPeriod, div#divMACustom input {
 border:#aaaaaa 1px solid;
 font-family: Arial;
}
table.ControllRow td.ControllTD div.title {
 height:28px;
 font-weight: bold;
 line-height:26px;
 padding-left:7%;
 margin-left: 3%;
 margin-right: 3%;
 padding-top: 5px;
 text-transform: none;
 border-bottom: 3px solid #c5c5c5;
 font-size: 14px;
 background: url("../../app_themes/jp-005933/title_span.png") no-repeat scroll 0.5% 50% transparent;
/*border: blue dashed 1px;*/
}
/* end of lowerpart*/

/* begin of calendar*/
#btnPeriodRange {
 color: #3377aa;
 text-decoration: none;
 background:none;
}
#btnPeriodRange:hover {
 color: #006699;
 text-decoration: underline;
 background:none;
}
#divCalendar {
 background-color: #aaaaaa;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected {
 background-color: #0000CC;
 color: #ffffff;
}
.DynarchCalendar-day-today {
 color: #bb0033;
 font-weight: bold;
}
.DynarchCalendar-day-selected {
 background-color: #AAAAAA;
 border: 1px solid #0000CC;
 color: white !important;
 margin: 0 !important;
 padding: 2px 3px;
}
/* end of calendar*/
@media (max-width: 612px) and (min-width: 581px){
	body.body_HtmlGraph .periodSelection {
		height: 25px !important;
	}
	.PeriodSelectionIntervalText{
		vertical-align: top;
		}
	.custom_label table tr td div {
	 width: 120px !important;
	}
	#highstocklegend{
		padding-left: 25px;
		}
	.ul_highstocklegend li {
    margin-left: 1px;
	}
	.comparelegend_name {
    display: block !important;
    padding-bottom: 3px;
	}
	
}

@media (max-width: 580px) and (min-width: 501px){
	body.body_HtmlGraph .periodSelection {
		height: 25px !important;
		padding-left:10px;
	}
	.PeriodSelectionIntervalText{
		vertical-align: top;
		}
	td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask, td.TickerNameTD_High, td.TickerNameTD_Low, td.TickerValueTD_High, td.TickerValueTD_Low
	{
		display: none;
	}
	.custom_label table tr td div {
	 width: 80px !important;
	}
	#highstocklegend{
		padding-left: 25px;
		}
	.ul_highstocklegend li {
    margin-left: 1px;
	}
	.comparelegend_name {
    display: block !important;
    padding-bottom: 3px;
	}
}
@media (max-width: 680px){
	
	body.body_ja-jp #lblMACD, body.body_ja-jp #lblHideShow, body.body_ja-jp #lblInsertPeriod, body.body_ja-jp #lblPeriodHL {
		font-size: 96%;
		letter-spacing: -0.1px;
		word-spacing: -3px;
	}
	body.body_ja-jp .periodSelection {
		height: 25px !important;
	}
	body.body_ja-jp table.ControllRow td.ControllTD div.title{
		letter-spacing: -0.5px;
		word-spacing: -5px;
		white-space: nowrap;
		}
}
@media (max-width: 600px){
	body.body_ja-jp table.ControllRow td.ControllTD {
		width:30%;
	}
	body.body_ja-jp table.ControllRow td.ControllTD_1_1,
	body.body_ja-jp table.ControllRow td.ControllTD_0_1 {
		width:40%;
	}
}
@media (max-width: 520px)
{
	body.body_HtmlGraph .periodSelection {
		height: 42px !important;
	}
	body.body_ja-jp .periodSelection {
		height: 25px !important;
	}
}
@media (max-width: 500px)
{	
	.navigation ul li a {
		padding: 0 3px;
		}
	td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask, td.TickerNameTD_High, td.TickerNameTD_Low, td.TickerValueTD_High, td.TickerValueTD_Low,td.ControllTD.ControllTD_1_3
	{
		display: none;
	}
    table.ControllRow td.ControllTD {
width: 50%;
}
	.navigation ul li a
	{
		padding: 0 8px;
	}
	.htmlgraph {
		margin-top: 5px;
	}
	#_ulPeriod  li {
		
	}
	body.body_HtmlGraph .periodSelection {
		padding-left:25px;
	}
	.PeriodSelectionIntervalText{
		vertical-align: top;
		}
	body.body_HtmlGraph .periodSelection {
		height: 42px !important;
	}
	body.body_ja-jp .periodSelection {
		height: 25px !important;
	}
	.periodSelection table{
		border-collapse:collapse;
		border-spacing:0;
	}
	div#periodSelectionPanel.periodSelection input {
		margin-right: 0px;
		+margin-right:-2px;
		+margin-left:-1px;
	}
	#highstocklegend{
		padding-left: 25px;
		}
	.ul_highstocklegend li {
    margin-left: 1px;
	}
	.comparelegend_name {
    display: block !important;
    padding-bottom: 3px;
	}
	.TD_detach_graph {
    padding-right: 15px;
	}
	#lowerpart {
		padding-left: 0px !important;
	}
	.ControllTD_0_2, .ControllTD_1_2{
		display: none;
		}
	table.ControllRow td.ControllTD div.title{
		word-spacing: -1px;
		font-size: 14px;
		}
	body.body_ja-jp table.ControllRow td.ControllTD div.title{
		white-space: normal;
		}
	.custom_label table tr td div {
	 width: auto !important;
	}
	#divVolumeLowerGraph > label, #divIndicatorPeriodHL > label {
    letter-spacing: 0px;
	}
	.comparelegend_value div div div{
	font-size: 100% !important;
	}
}
@media (max-width: 460px)
{	
	.comparelegend_value div div div{
	font-size: 100% !important;
	}
	.custom_label table tr td div {
	 width: 75px !important;
	}
}
@media (max-width: 423px)
{	
	body.body_ja-jp .periodSelection {
		height: 25px !important;
	}
	body.body_ja-jp table.ControllRow td.ControllTD div.title{
		font-size: 96%;
		}
}
/*** START custom footer ***/
div#dbFooter {
    display: none;
}
.dbFooter {
    padding-top: 13px;
}
.lowerSkin {
    float: none;
    text-align: right;
}
.dbFooter {
    float: none;
    text-align: right;
}
span.Nikkei_note {
    display: block;
    padding-bottom: 1em;
}
/*** END custom footer ***/


.TickerValueTD {
    font-weight: normal!important;
}