div.chart{
	font-family:'Optima',sans-serif;
	width:100%;
}
	
.chart g.data path{
	stroke:#8A8A8A;
	stroke-width:2;
	opacity:.25;
	fill:none;
}

.chart g.data path:hover,
.chart g.data path.mean_avg:hover{
	opacity:.6;
}

.chart g.data path.mean_avg{
	stroke-width:2.5;
	opacity:.3;
}

.chart .axis.y.d0 .domain,
.chart g.data path.mean_avg.d0,
.chart g.data path.mean_trend.d0,
.chart .axis.y.d0 line{
	stroke:#6F1E00;
}

.chart g.data path.min-max.d0,
.chart .axis.y.d0 text{
	fill:#6F1E00;
}

.chart .legend .bar.d0{
	background-color:#6F1E00;
}

.chart .axis.y.d1 .domain,
.chart g.data path.mean_avg.d1,
.chart g.data path.mean_trend.d1{
	stroke:#0069AF;
}

.chart g.data path.min-max.d1,
.chart .axis.y.d1 text{
	fill:#0069AF;
}

.chart .legend .bar.d1{
	background-color:#0069AF;
}

.chart .axis.y.d0 text.label{
	fill:#000;
}

.chart g.data path.min_avg{
	stroke:blue;
}

.chart g.data path.max_avg{
	stroke:red;
}

.chart g.data path.mean_trend{
	stroke-width:2.5;
	opacity:1;
}

.chart .legend_container{
	position:relative;
}

.chart .legend{
	position:absolute;
	bottom:40px;
	left:20px;
	font-size:80%;
	padding-left:20px;
}

.chart .legend .bar{
	display:inline-block;
	width: 10px;
	height: 5px;
	margin:0 4px 2px 17px;
}

.chart .replay{
	font-size:85%;
	text-align:right;
	padding-right:5px;
	maring-bottom:25px;
	margin-top:-10px;
}

	
.tool-tip{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	color:#fff;
	border-radius: 3px;
	padding: 4px 6px 3px 7px;
	text-align: center;
	font-size:13px;
	font-family: sans-serif;
	display:none;
}
	
.tool-tip.on{
	display:block;
}