﻿/* ----------------------------------------------------------
// Copyright (C) EurolandAsia. All rights reserved.
//
// Developer: Binh Nguyen
// Email: binh.nguyen@euroland.com
// ----------------------------------------------------------*/
body
{
    color: #333333;
	font-size:12px;
	font-family:arial,helvetica,verdana,clean,sans-serif;
}
a:link, a:visited, a:active
{
color:#225588;
text-decoration:none;
}
a:hover
{
color:#ff6600;
text-decoration:underline;
}
#container{
	max-width:980px;
    width: 100%;
}
#flashcontent{
	height:390px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
}
#divCalendar
{
    background-color: #ccc;
}
span#lblCreateTimeFrame
{
	font-weight:bold;
	color:#4D4D4F;
}
div.DynarchCalendar-title div
{
	font-weight:normal;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected
{
	border:1px solid #0046ad;
	color:#fff !important;
	background:#0046ad;
}
.DynarchCalendar-hover-date
{
	border:1px solid #2781e6;
	color: #fff !important;
	background:#2781e6;
}
.DynarchCalendar-day-today {
    color: #0046ad;
    font-weight: bold;
}
/* Border of frame */
.common_border
{padding-left:30px;
   /* border: solid 1px #239CD5;*/
}
/*Last price label, which display on the share information section*/
.last_price_style
{
    color: #0572a4;
    font-weight: bold;
}
.shareInformation
{

}
body.body_ShareData #shareGraph {
	min-height:200px;
	border:none;
}
body.body_Orders #shareGraph {
	border:none;
	min-height:150px;
}
body.body_Trades #shareGraph {
	border:none;
	min-height:200px;
}
body.body_FlashGraph #shareGraph{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
body.body_HtmlGraph #shareGraph{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#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;
}
table.TickerTbl
{
	border-collapse:collapse;
	border-spacing:0;
}
.TickerDateTD
{
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
}
td.TickerNameTD, td.TickerValueTD
{
	text-align:right;
	width:55px;
	white-space:nowrap;
	padding-bottom:5px;
	padding-top:5px;
}
td.TickerValueTD_ShareName
{
	text-align:left;
	padding-left:5px;
	white-space:nowrap;
	width:130px !important;
}
td.TickerNameTD_ShareName
{
	text-align:left !important;
	padding-left:5px;
	white-space:nowrap;
}
.Ticker_EvenRow{}
.TickerRow{border-bottom:1px solid #ccc;
border-top: 1px solid #ccc;}
td.TickerNameTD
{
	background: url("../../app_themes/jp-tdk_130718/bg_upper.gif") repeat-x scroll 0 100% transparent;
/*	background: none repeat scroll 0 0 #F4FCFF;*/
	line-height:15px;
	font-weight:bold;
	color:#ffffff;
	text-align:right;
	padding-right:3px;
}
td.TickerValueTD
{
	padding-right:3px;
	}
td.TickerNameTD_Volume, td.TickerValueTD_Volume
{
	padding-right:5px;
	width:85px;
}
tr.Ticker_SelectedRow
{/*color: #000000;*/
	text-decoration:none;
	font-weight:bold;
}
tr.Ticker_SelectedRow td.TickerValueTD_ShareName
{
	font-weight:bold;
	text-decoration:none;
}

td.TickerValueTD_ShareName a
{
	color:#444444;
	text-decoration:none;
}
td.TickerValueTD_ShareName a:hover
{
color:#444444;
text-decoration:underline;
}
td.TickerValueTD_LastPrice{

}
/* The background image and text color of the button has size is 120x25 pixel */
.button_bg
{background: url("../../app_themes/jp-tdk_130718/btn_bg.png") repeat-x scroll 0 0 transparent;
border:1px solid #ccc;
    color:#225588;
	height:23px;
	border-radius:5px;
	line-height:23px;
	padding-bottom:3px;
 text-decoration: underline;
}
.button_bg:hover
{background: url("../../app_themes/jp-tdk_130718/btn_bg_hover.png") repeat-x scroll 0 0 transparent;
border:1px solid #808080;
border-radius:5px;
    color:#003366;
	height:23px;
	line-height:23px;
	padding-bottom:3px;
 text-decoration: underline;
}
/* The navigation, which contains the tabs */
.navigation
{
    /*text-transform: uppercase;*/
    color: #000000;
}

#tabPanel{ background: none repeat scroll 0 0 #f8f8f8;
height:33px !important;
border-bottom: 1px solid #ccc;
}
.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:repeat scroll 0 0 #FFF;
border-bottom: 1px solid #FFF !IMPORTANT;
border:1px solid #ccc;
    color: #003366;
    height: 31px;
    line-height: 29px;
    display: block;
    float: left;
	text-decoration:none;
	font-weight:bold;
}
.navigation ul li
{
    /*font-weight: bold;     color:#000000;     background-color:#000000; */

    height: 33px;
    line-height: 29px;
    display: block;
    float: left;
    width: auto;
    margin-right: 2px;
}

.navigation ul li a
{		background: url("../../app_themes/jp-tdk_130718/tab1.gif") repeat-x scroll 10% 0 transparent;
    display: inline-block;
    line-height: 29px;
    margin-top: 1px;
    padding: 0 15px;
    color: #000000;
    text-decoration: none;
    float: left;
	height:31px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;}
	
.navigation ul li a:link, .navigation ul li a:visited, .navigation ul li a:active
{
    text-decoration: underline;
}

.navigation a:hover, .navigation ul li a:hover
{
    height: 31px;
    line-height: 29px;
    display: block;
    float: left;
    color: #003366;
	text-decoration:underline;
}
.additionFunction
{
   	margin-bottom: 5px;
   	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.additionFunctionbox
{
    
}
.additionFunction .button
{
}
.additionFunction .button a
{

}
a.button
{		background: url("../../app_themes/jp-tdk_130718/btn_bg.png") repeat-x scroll 0 0 transparent;
border:1px solid #cccccc;
	color:#225588;
	display:inline-block;
	text-decoration:underline;
	font-size:12px;
	padding:5px 10px;
	height:15px;
	border-radius:5px;
	width:105px;
}
a.button:hover
{	
	background: url("../../app_themes/jp-tdk_130718/btn_bg_hover.png") repeat-x scroll 0 0 transparent;
	border-radius:5px;
	height:15px;
	border:1px solid #808080;
	padding:5px 10px;
	color:#003366;
	display:inline-block;
	text-decoration:underline;
	font-size:12px;
	width:105px;
}
.additionFunction table {
    margin: 0 auto;
    width: 40%;
}
/* Period navigation, which contains the period tabs */
.periodSelection
{
    height: auto;
    padding-top: 9px;
    padding-bottom: 9px;
     padding-left:25px;
	 	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
td.PeriodSelectionIntervalText {
    vertical-align: top;
    padding-top: 2px;
}
.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,helvetica,verdana,clean,sans-serif;
    font-size: 12px;
}
.chartCurrentInfo div input
{
    color: #000;
    font-family:arial,helvetica,verdana,clean,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 */
body.body_Trades div#divSubControl
{
	padding-bottom:5px;
}
table.TradeBrokerTable
{
	border-collapse:collapse;
	border-spacing:0;
}
table.TradesTable
{
	border-collapse:collapse;
	border-spacing:0;
}
tr.RowTrades div
{
	font-weight:bold;
	padding-bottom:7px;
	padding-top:7px;
	padding-left:13px;
	font-size:12px;
	font-family:arial,helvetica,verdana,clean,sans-serif;
}
.Trades_RowHeader{
background: none repeat scroll 0 0 #DEF1FF;
font-weight:bold;}
table.TradesTable td
{
	width:33%;
	padding-left:13px;
	height:30px;
}
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: #999999 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
{
   text-align:center;
	padding-right:13px;
}
td#timeheading
{
   text-align: left;
	padding-left:13px;
}
td.Trades_TradeTime{
font-weight:bold;}
td#volumeheading
{
	text-align:right;
	padding-right:13px;
}
td.Trades_Close_Change
{
text-align:center;
}
table.TradesTable tr.Trades_Row td.Trades_Size
{
	text-align:right;
	padding-right:13px;
}
table.TradesTable tr.OddRow
{
	background:#f8f8f8;
}
.tdbullet
{
    border-bottom: solid 1px #999999;
    padding-top: 2px;
    padding-left: 4px;
    vertical-align: middle;
}
.combo
{
    font-family:arial,helvetica,verdana,clean,sans-serif;
    font-size: 8pt;
}
TABLE.collapse
{
    border: #FFFFFF 1px solid;
    border-bottom: 0px;
}

td.excellink
{
}
td.excellink a
{
	color:#249EFC;
	text-decoration:underline;
	padding-left:13px;
}
td.excellink a img
{
	position:relative;
	top:5px;
}

td.excellink a:hover
{color: #4d7faf;
	text-decoration:underline;
}
TD.euroland
{
    color: #333333;
    border-top: 1px solid #FFFFFF;
}
.minus
{
	color: #ff0000 !important;
}
.minus2 
{
  	color: #ff0000 !important;
}
.neutral
{
    color:#555555 !important; 
}
.plus
{
	color: #6CB000 !important;
}
.plus2
{
	color: #6CB000 !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;
}
.Minus2
{
    color: #ff0000;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_down2.gif');
    background-repeat: no-repeat;
}
.Neutral
{
    color: #555555;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_equal.gif');
    background-repeat: no-repeat;
}
.Plus
{
    color: #6CB000;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_up1.gif');
    background-repeat: no-repeat;
}
.Plus2
{
    color: #6CB000;
    background-position: 0px 50%;
    background-position: right;
    padding-right: 15px;
    background-image: url('../../images/arrow_up2.gif');
    background-repeat: no-repeat;
}
.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;
}

#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 */
body.body_ShareData #divSubControl
{
	padding-top:3px;
}
tr.EvenRowTR
{
	border-bottom: 1px solid #999999;
}
tr.OddRowTR{
	border-bottom: 1px solid #999999;
}
.DataNameTD{
    font-weight: bold;
    text-align: left;
	vertical-align:middle;
	height:25px;
    width: 50%;
	padding-left:13px;
	background:#f8f8f8;
}
.DataValueTD{
    font-weight: normal;
	border-left:none;
    height:25px;
    text-align: right;
	vertical-align:middle;
    width: 50%;
	padding-right:13px;
	background:#fff;
}
.DataNameTD, .DataValueTD
{
	white-space:nowrap;
	border:1px solid #ccc;
	}
#divSubControl #ctl08_gvShareData td
{
}
.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;
}
td.TickerNameTD_MarketName, td.TickerValueTD_MarketName
{
	display:none;
}
/* End css for trade */
#lowerpart
{
padding-left:28px;
padding-right:28px;
}

body.body_ShareData #lowerSkin{
padding-right:0px;}
#lowerSkin a
{
	color:#225588;
	text-decoration:none;
}
#lowerSkin a:hover
{color:#003399;
	text-decoration:underline;
}
table.ControllRow 
{
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
}
table.ControllRow td.ControllTD
{
	padding-bottom: 5px;
	
	
}
#divMA10 input{
padding-top:2px;}

#rdoLine,#rdoBar,#rdoCandestick,#rdoMountain{
margin-left:3px;}
.table_row{
white-space:nowrap;}
#lbEarning, #lbPressRelease, #lblPeriodHL, #lblpercentView, #lblDividends
{
	padding-left:3px;
	white-space:nowrap;
	bottom:2px;
	position:relative;
}
#lbl10day, #lbl20day, #lbl50day
{
	padding-left:3px;
		bottom:2px;
	position:relative;
}
#lblHideShow, #lblDailyChange, #lblRSI, #lblMACD
{
	padding-left:2px;
	white-space:nowrap;
		bottom:2px;
	position:relative;
}
table.ControllRow td.ControllTD div.title
{
	white-space:nowrap;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	background: url("../../app_themes/jp-tdk_130718/bg_header.gif") repeat-x scroll 0 100% transparent;
	border:1px solid #C7Cfd8;
	height:25px;
	line-height:25px;
	text-align:center;
}
div.divtable
{
	padding-top:5px!important;
	padding-left:3px;
	margin-top:4px;
	border:1px dotted #ccc;
}


.custom_label td {
    height: 20px;
}
div#indicesPanel
{
	padding-top:5px;
	border: 1px dotted #ccc;
	margin-top: 4px;
	padding-left:3px;}

table#tableDiagram
{
	margin-top:3px;
	padding-bottom:2px;
	margin-left:0;
	border: 1px dotted #ccc;
}
table td.compare_part
{padding-left:1px;
padding-bottom:2px;
}
div#indicesComparisonPanel
{
}
div#ownSharePanel
{
/*	padding-top:4px;
	padding-bottom:3px;*/
	border:1px dotted #ccc;
	margin-top:4px;
	padding-left:3px;
}


table td.compare_part div
{
/*	width:140px;*/
}
.table_row {
    clear: both;
    height: auto;
}

.ControllTD > div {
	margin: 0 0.5em;

 
}

/*.title {
	font-size: 1.0em;
	font-weight: bold;
	
	
	
	padding-top: 0.6em;
	padding-bottom: 0.3em;
	padding-left: 1.65em;
	padding-right: 0px;
	background:url(title.jpg) 1px 2px;
    background-repeat:no-repeat;
    margin-left:3px;
    margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	
	color: black;
}*/
.divtable {
    padding-top: 0.5em;
    min-height: 5.7em;
}
div#otherOptionPanel .divtable {
    padding-top: 0.5em;
    min-height: 1.5em;
}
.custom_label td {
	line-height: normal;
	height: auto;
}
table td.compare_part {
	padding-left: 0.4em;
	width: 100%;
}

table td.compare_part div {
	width: auto;
}

.ControllRow > tbody,
.ControllRow > tbody > tr,
.ControllRow {
	display: block;	
}

.ControllRow > tbody > tr {
	font-size: 0em;
	text-align: left;
}
.ControllRow > tbody > tr td {
    font-size: 12px;
}
.ControllTD {
    width: 33.33%;
    vertical-align: top;
    display: inline-block;
    float: left\9;
    text-align: left;
    margin:0.125em 0;

    
}

.ControllRow {
	padding: 0;
}

@media (min-width: 0px) and (max-width: 608px) {  
	
	.ControllTD {
		width: 50%;
		float: left;
		
		
		min-width: 14.28em;
	}
    .ControllRow > tbody > tr {
        text-align:center;
    }
   
}

@media (min-width: 0px) and (max-width: 430px) {  
	.ControllTD {
		float: none;
		height: auto;

        width: 100%;	
	}
}

@media (min-width: 0px) and (max-width: 686px) {  
	
	.TickerValueTD_Ask,
	.TickerValueTD_Bid,
	.TickerNameTD_Ask,
	.TickerNameTD_Bid {
		display: none;
	}
	
	.TickerValueTD {
		width: 12.5%;
	}
	.TickerValueTD_ShareName {
		width: 25%;
	}
}

@media (min-width: 0px) and (max-width: 583px) {  
	
	.TickerValueTD_High,
	.TickerValueTD_Low,
	.TickerNameTD_High,
	.TickerNameTD_Low{
		display: none;
	}
	
	.TickerValueTD {
		width: 17.5%;
	}
	.TickerValueTD_ShareName {
		width: 30%;
	}
}

@media (min-width: 0px) and (max-width: 434px) {  
	
	.TickerValueTD_LastPricePercentChange,
	.TickerNameTD_LastPricePercentChange {
		display: none;
	}
	
	.TickerValueTD {
		width: 20%;
	}
	.TickerValueTD_ShareName {
		width: 40%;
	}
}
@media (min-width: 0px) and (max-width: 446px) {   
	
	/**************** Gets rid of the exsess values on the legend ****************/
	.legendSharesDiv .comparelegend_value {
		white-space: normal !important;
	}
	
	.legendSharesDiv div {
		display: inline-block;
	}
	
	.legendSharesDiv .comparelegend_value > div > div {
		display: none!important;
	}
	.legendSharesDiv .comparelegend_value > div > div:last-child {
		display: inline-block !important;
	}
	
}


.lowerSkin {
    float: none!important;
    text-align: right!important;
  }

  .body_ja-jp.body_HtmlGraph g.highcharts-axis text[x="22"] {
    transform: translateX(0px);
}

.body_ja-jp.body_HtmlGraph g.highcharts-axis text[x="25"] {
    -moz-transform: translateX(0px);
}