@charset "UTF-8";
/* CSS Document */

.chart {
	margin-top: 30px;
	font-size: 12px;
}

.tooltipcolor + .tooltip {
	background-color: red;
}

.tooltipcolor + .tooltip > .tooltip-inner {background-color: red;}

#cmo-chart {
	text-align: center;
}

.under, .small-under, .neutral, .small-over, .over {
	text-align: center;
	border-left: 1px solid #e6e8ec;
	font-size: 12px !important;
}


.fund {
	width: 30%;
}
td.fund {
	width: 30%;
}
th {
	text-align: center;
}
.red-tooltip + .tooltip > .tooltip-inner {background-color: #fff; color: #000; border: 1px solid #ccc;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#000!important; }
.tooltip .tooltip-arrow {color: #000 !important;}
.chart h1 {
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
}

.chart th {
	vertical-align: bottom !important;
	margin: 0 !important;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #e6e8ec;
	border-top: 0 !important;
	background-color: #FFF !important;
}
.chart th strong {
	font-weight: bold;
	font-size: 13px;
}
.chart th.rotate {
	height: 134px;
}
.chart th.rotate,
.chart td.under,
.chart td.small-under,
.chart td.neutral,
.chart td.small-over,
.chart td.over {
	border-right: 1px solid #e6e8ec;
	border-left: 1px solid #e6e8ec;
	width: 8%;
}


.chart #header-performance {
	width: 297px;
	text-align: center;
	background: url(/static/module/cmo-fio/img/performance-40.png) no-repeat;
}


.chart td {
	border-bottom: 1px solid #e6e8ec;
	padding: 5px 0px !important;
	vertical-align: middle !important;
}

.chart .performance {
	width: 297px;
	text-align: center;
	border-right: none;
	background: url(/static/module/cmo-fio/img/performance-bg.png) repeat-y;
}

.chart .fund {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.chart .outlook {
	width: 33px;
	text-align: center;
}

.chart .bars {
	position: relative;
	top: 0;	
	width: 297px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;				
}

.chart .bars-bg {
	background: url(/static/module/cmo-fio/img/bar_bg.png) repeat-x 50% 50%;
}	

.chart .bar_q {
	position: absolute;
	top: 0px;
	height: 10px;
	width: 1px;
	left: 148px;
	background-color: #7da7be;
}

.chart .bar_y {
	position: absolute;
	top: 12px;
	height: 10px;
	width: 1px;
	left: 148px;
	background-color: #e1bc66;
}

.chart .chart-key {
	padding-left: 8px;
	padding-top: 4px;
	font-size: 11px;
	font-weight: normal;
}

#key-q {
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color: #7da7be;
	margin-right: 5px;
}

#key-y {
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color:  #e1bc66;
	margin-right: 5px;
}