html {
	background-color: rgba(34,175,176,1.0);
	background: -webkit-linear-gradient(top, rgba(104,144,173,1) 0%,rgba(102,126,153,1) 100%) no-repeat center center fixed; 
	background: -moz-linear-gradient(top, rgba(104,144,173,1) 0%,rgba(102,126,153,1) 100%) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font-family:  "DejaVu Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px;
	background: none;
}

h1, h2, h3 {
    color: white;
    font-family: inherit;
    font-weight: 500;
    text-rendering: optimizelegibility;
}

.chart-grid figure {
	float: left;
	padding: 0;
	width: 400px;
	height: 200px;
	border: none;
	margin: 20px;
}

.chart-grid figcaption {
	color: white;
}

.chart-grid path {
	stroke: rgb(247,200,25) !important;
}

a {
	color: #BEE6F0;
	text-decoration: none;
}

footer {
	clear: both;
	color: white;
	font-size: 10px;
	text-align: right;
	margin: 10px 20px;
}

/* Chart SVG styles */

svg {
	/*background-color: rgb(242,242,242);*/
}

.chart {
	font-size: 10px;
}

.crisp {
	shape-rendering: crispEdges;
}

.chart rect {
	fill-opacity: 0.8;
}

.chart text {
	fill: #333;
}

.chart g.ticks text {
	text-anchor: middle;
}

.chart g.ticks text.agg {
	fill: black;
	font-weight: bold;
}

.chart g.ticks text.agg.neg {
	fill: #DF3038;
}

.chart g.agg-gen text {
	text-anchor: middle;
	font-weight: bold;
	fill: #1B7D30;
}

.chart g.rule,
.chart g.vertrule {
	shape-rendering: crispEdges;
}

.chart g.rule line,
.chart g.vertrule line {
	stroke: black;
	opacity: 0.1;
}

.chart g.rule line.vert {
	opacity: 0.05;
	stroke-dasharray: 2 1;
}

.chart g.rule line.origin,
.chart g.vertrule line.origin {
	stroke: black !important;
	opacity: 1 !important;
}

.chart g.rule text {
	text-anchor: end;
	alignment-baseline: middle;
}

.chart g.agg-band line {
	stroke: black;
	stroke-width: 15px;
}

.chart g.agg-band-ticks text {
	fill: white;
	text-anchor: middle;
	font-weight: bold;
}

.chart path {
	stroke-width: 1px;
	fill: none;
}

.chart g.agg-sum path {
	stroke: #C42F2F;
}

.chart .off {
	display: none;
}

.chart path.area {
	fill-opacity: 1;
}

.chart path.line {
  fill: none;
  stroke-width: 1px;
}

.chart line.axis {
	stroke: black;
}
