body{
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    background: transparent;
}
body.ja-jp {
  font-family: verdana,helvetica,arial,sans-serif;
}
table
{
    font-size: inherit;	
}
.selected-share-calculation {
    background-color: #fff;
    /*padding: 5px 15px 15px 15px;*/
}

.wrapper
{
    max-width: 660px;
	width: 100%;
    padding: 0 0;
}
.headline{
	font-size: 12px;
	font-weight: bold;
    margin-bottom: 3px;    
    line-height: 20px; 
}
.hyperlink{
    font-weight: normal;
	text-decoration: none;
}
.hyperlink:hover{
    font-weight: normal;
	text-decoration: underline;
}
.disclaimer-box a, .cookies-box a {
    font-weight: normal;
	text-decoration: none;
}
.disclaimer-box a:hover, .cookies-box a:hover {
    font-weight: normal;
	text-decoration: underline;
}
/***************************TAB START********************************/
.tabs {
	line-height: 30px;
	height: 32px;
	border-bottom: 2px solid #e1e1e1;
}
.tabs li {
    margin: 0 3px -1px 0;
}
.tabItem { 
    color: #666666;
	font-size: 12px;
	font-weight: normal !important;
	text-decoration: none;
	text-transform: none;
	padding: 0px 12px;
	background: #fafafa none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
	border-bottom: 2px solid #e1e1e1;
	line-height: 30px;
    height: 31px;
	border-radius: 0px;
}
.tabItem:hover {
	background: #fafafa none repeat scroll 0 0;
	color: #666666;
}
.tab-active {
	color: #000000 !important;
    font-size: 12px;
    font-weight: bold !important;
    text-decoration: none;
    border: 1px solid #e1e1e1;
	border-bottom: 2px solid #ffffff;
    text-transform: none;
    padding: 0px 12px;
    background: #ffffff;
	border-radius: 0px;
    line-height: 30px;
    height: 31px;
}
/***************************TAB END********************************/ 
.download-data-button, .data-button {	
	color: #ffffff;
	font-size: 12px;
	height: 28px;
	border: 0 none;
	font-family: verdana,helvetica,arial,sans-serif;
	margin: 0px;
	text-transform: none;
	padding: 0px 15px;
	background: #de0202 repeat scroll 0 0;
    border-radius: 0px;
    font-weight: normal;
	transition: all 0.2s ease-out;
}
.ja-jp .download-data-button,.ja-jp .data-button {
  font-family: verdana,helvetica,arial,sans-serif;
}
.download-data-button:hover,.data-button:hover {
	border: 0 none;
	background: #de0202 repeat scroll 0 0;
}  
.data-button {
	width: 143px;
}
.data-button-wrapper {
	padding-bottom: 15px;
}
button.data-button, button.data-button:active {
    float: left;
}
/******/
.parameter-item-label {
    height: 27px;
    line-height: 25px;
	/*Input height:30px*/
}
.datefrom-input, .dateto-input, .value-input{
	border: 1px solid #e5e5e5;
	color: inherit;
	padding: 3px 8px;
	color: #000000;
	border-radius: 0px;
	height: 20px !important;
	width: 125px;
	font-size: 12px;
	font-family: sans-serif !important;
	text-transform: none;
	background-color: #ffffff;
}
.ja-jp .datefrom-input,.ja-jp .dateto-input,.ja-jp .value-input{
  font-family: verdana,helvetica,arial,sans-serif;
}
.currency-selection {
    float: left;
    margin: 0 0 0 8px;
}
body.body-rtl .currency-selection {
    float: right;
    margin: 0 8px 0 0;
}

.ac_input {
    background-color: #ffffff;
	height: 26px !important;
    line-height: 26px !important;
	padding-left: 5px;
    vertical-align: middle !important;
	border: 1px solid #e5e5e5;
	color: #000000;
	width: 136px !important;
	border-radius: 0px;
	font-size: 12px;
	font-family: sans-serif !important;
	text-transform: none;
}
.ja-jp .ac_input{
  font-family: verdana,helvetica,arial,sans-serif;
}
.ac-arrow {
	background: rgba(0, 0, 0, 0) url("/tools/InvestmentCal2/Content/Images/dropdown/dropdown-sprite.gif") no-repeat scroll 0 7px;
	height: 24px !important;
	margin-left: 0px;
    margin-right: 5px;
}
.arrow-wrapper {
    height: 26px !important;
    line-height: 26px !important;
	border: 0 none;
}
.arrow-wrapper:hover {
	border: 0 none;
	background: #ffffff;
}
.local-currency {
    width: auto !important;
}
.line{
 height: 7px;
 }
.horizontal_line{
	display: none;
}

.top_note{
    margin-bottom: 5px;
    padding-bottom: 2px;
}
.lblTopNote{
    padding-left: 15px;
	color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.dividend-history-box td
{
    padding: 5px;
}

.table-value
{
    font-weight: normal;
	padding: 5px;
	border-right: 0px;
}

.table-share-header
{
    font-weight: bold;
	background-color: #ffffff !important;
	color: #095F9E;
	padding: 5px;
	
	border-right: 0px;
	border-bottom: 0px;
}

.table-total-value
{
    padding: 5px;
    background-color: #D7D9DA;
}
.block-title, .block-date{
	font-size: 12px !important;	
}
.initial-title-result, .end-title-result, .initial-date-time, .end-date-time
{
	font-size: 12px !important;	
}
.row-control-template {
    width: 300px;
}

.parameter-item-label
{
    width: 250px;
    margin-right: 0;
    margin-left: 0;   
}

.en-gb #amountInvestedContainer .data-button-wrapper{
	margin-left: 404px;
}
.ja-jp #amountInvestedContainer .data-button-wrapper{
	margin-left: 404px;
}
.ar-ae #amountInvestedContainer .data-button-wrapper{
	margin-right: 425px;
}
.en-gb #shareBoughtContainer .data-button-wrapper {
    margin-left: 253px;
}
.ja-jp #shareBoughtContainer .data-button-wrapper {
    margin-left: 253px;
}
.ar-ae #shareBoughtContainer .data-button-wrapper {
    margin-right: 253px;
}

body.body-rtl .data-button {
    float: right !important;
    margin-left: 20px;
    white-space: nowrap;
}
.body-rtl .footer
{
	clear:both;
}
.EUCalendar-title div {
    text-shadow: none;
	color: #000000 !important;
}
.EUCalendar-dayNames div {
    text-shadow: none;
	color: #000000 !important;
}
.EUCalendar {
    font-family: sans-serif !important;
    font-size: 12px !important;
	color: #000000 !important;
}
.ja-jp .EUCalendar {
  font-family: verdana,helvetica,arial,sans-serif;
}
.EUCalendar table {
    font-family: sans-serif !important;
    font-size: 12px !important;
	color: #000000 !important;
}
.ja-jp .EUCalendar table{
  font-family: verdana,helvetica,arial,sans-serif;
}
.EUCalendar-day {
    color: #000000;
}
.EUCalendar-day-selected {
    background-color: grey;
}
.block-title {
    text-transform: none;
    font-family: verdana,helvetica,arial,sans-serif;
    font-weight: bold;
}
.ja-jp .block-title{
  font-family: verdana,helvetica,arial,sans-serif;
}
.block-date {
    font-weight: bold;
    text-transform: none;
}
@-moz-document url-prefix("") {
	text tspan, .highcharts-share-price-group text {
		direction: ltr !important;
	}
}
@media (max-width:570px){
	.parameter-item-label{
		width: 160px !important;
		margin-right: 20px !important;
	}
	#amountInvestedContainer .data-button-wrapper{
		margin-left: 329px !important;
	}
	#shareBoughtContainer .data-button-wrapper{
		margin-left: 182px !important;
	}
	.ar-ae #amountInvestedContainer .data-button-wrapper{
		margin-right: 318px !important;
	}
	.ar-ae #shareBoughtContainer .data-button-wrapper {
		margin-right: 184px !important;
		float:right;
	}
	.data-button{
		margin-left: 0 !important;
	}
	
	body.ar-ae .data-button
	{
		margin-right: 0px!important;
	}
}
@media (max-width: 440px){
	.parameter-item-label{
		width: 160px !important;
		margin-right: 20px !important;
	}
	.by-amount-invested{
		width: 144px !important;
	}
	#amountInvestedContainer .currency-selection{
		margin: 15px 0 0;
	}
	#amountInvestedContainer .data-button-wrapper,
	#shareBoughtContainer .data-button-wrapper{
		margin-left: 182px !important;
	}
	.data-button{
		margin-left: 0 !important;
	}
	body.ar-ae .data-button
	{
		float:left !important;
		margin-left:-9px !important;
	}
	
}
@media (max-width: 350px){
	.parameter-item-label{
		width: 160px !important;
		margin-right: 20px !important;
	}
	.by-amount-invested{
		width: 144px !important;
	}
	.en-gb #shareBoughtContainer .data-button-wrapper {
		margin-left: 3px !important;
	}
	.en-gb #amountInvestedContainer .data-button-wrapper{
		margin-left: 3px !important;
	}
	.ar-ae #amountInvestedContainer .data-button-wrapper{
		margin-right: 3px !important;
	}
	.ar-ae #shareBoughtContainer .data-button-wrapper {
		margin-right: 3px !important;
	}
	#amountInvestedContainer .currency-selection{
		margin: 15px 0 0;
	}
	.data-button{
		margin-left: 0 !important;
	}
	
	.calculation-parameters {
		padding-top: 30px;
	}
	body.body-rtl .calculation-parameters {
		clear: both;
		padding: 20px 3px 10px 0;
	}
    
}