.chart{
	width:100%;
	background-color:#fff;
}

.chart rect{
	shape-rendering: crispEdges;
}

.axis text{
  font: 10px sans-serif;
}
	
.legend{
  font: 12px sans-serif;
}

.axis path, .axis line{
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis.x2 path{
  stroke: #ccc;
}
	
.x.axis.zero .tick{
  display:none;
}
	
path.cumulative, .legend.line{
	fill:none;
	stroke:#ccc;
	stroke-width:2;
}

path.cumulative_avg{
	fill:none;
	stroke:red;
	stroke-opacity:.2;
	stroke-width:2;
}

path.cumulative_avg.white{
	stroke:#fff;
	stroke-opacity:1;
}
	
.legend.line{
	stroke-width:3;
}
	
.points circle{
	fill:#777;
}
	
.tool-tip{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	color:#fff;
	border-radius: 3px;
	padding: 4px 6px 3px;
	text-align: center;
	font-size:12px;
	display:none;
}
	
.tool-tip.on{
	display: inline-block;
}
	
.tool-tip.alt{
	background-color: #DCDCDC;
	color:#000;
}

.hide{
  display:none;
}

#pastoruri-fv .cumulative.line1{
	stroke:#E77300;
	opacity:.3;
	color:#E77300;
}

.ba-slider p{
	margin:0;
}

.ba-slider .handle::after, .ba-slider .handle.ba-draggable:after{
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	line-height: 21px;
	font-size:18px;
}

div.content div.box{
	background-color:#EEEEEE;
	overflow:auto;
	margin:25px 0;
	padding:12px;
}

div.content div.box h3{
	margin-top:0;
	font-size:120%;
	color:#002273;
}

div.content div.box a{
	color:#002273;
	text-decoration:underline;
}

div.content div.box p{
	margin:0;
}

div.content div.box > div{
	margin-bottom:17px;
}

@media screen and (min-width: 40em) {
	
	div.content div.box{
		margin:35px 0;
		padding:20px;
	}
	
	#vernagtferner-ss{
		line-height:170%;
		padding:0 0 0 25px;
	}

	#vernagtferner-ss #gslideshow{
		float:right;
		margin-bottom:0;
		margin-left:25px;
	}

	#vernagtferner-ss h3{
		margin-top:35px;
		line-height:145%;
	}
	
}