div.ChartsDisplay {
	text-align:center;
} 
/*
div.ChartControls {
	text-align:right;
}
*/


/** Graphs ***********************************************************************************************************************************************************/
svg.graph {
	padding:20px; 
	width:1160px; /* 860px */
	height:580px; 
}
svg.graph rect { 
	fill:rgb(21,21,21);
	stroke:rgb(30,30,30);
	stroke-width:2; 
}
svg.graph line { 
	stroke:rgb(30,30,30);
	stroke-width:2; 
}
svg.graph text { 
	fill:rgb(255,255,255);
	stroke-width:2; 
}
svg.graph circle { 
	stroke:rgb(20,138,178);
	fill:rgb(20,138,178);
	stroke-width:0; 
	cursor:pointer;
}
svg.graph polyline { 
	stroke:rgb(20,138,178);
	fill:none;
	stroke-width:3; 
}
svg.graph text.yLabel {
	display:none; 
	font-size:1.2em;
	font-weight:bold;
}

svg.graph circle.Series0 {
	fill:rgb(4,197,204);
	stroke:rgb(4,197,204);
}
svg.graph circle.Series1 {
	fill:rgb(247,88,34);
	stroke:rgb(247,88,34);
}
svg.graph circle.Series2 {
	fill:rgb(117,192,68);
	stroke:rgb(117,192,68);
}
svg.graph circle.Series3 {
	fill:rgb(255,225,0);
	stroke:rgb(255,225,0);
}
svg.graph circle.Series4 {
	fill:rgb(125,0,130);
	stroke:rgb(125,0,130);
}

svg.graph polyline.Series0 {
	stroke:rgb(4,197,204);
}
svg.graph polyline.Series1 {
	stroke:rgb(247,88,34);
}
svg.graph polyline.Series2 {
	stroke:rgb(117,192,68);
}
svg.graph polyline.Series3 {
	stroke:rgb(255,225,0);
}
svg.graph polyline.Series4 {
	stroke:rgb(125,0,130);
}






svg.piechart path[onclick], svg.piechart circle[onclick], svg.barchart rect[onclick], svg.stkchart rect[onclick] {
	cursor:pointer;
}
svg.piechart path {
/*	stroke:rgb(192,192,192);	*/
/*	stroke-width:4;	*/
}
svg.barchart, svg.stkchart {
	border-bottom:4px solid rgb(255,221,0);
	padding-bottom:3px;
}
svg.barchart rect, svg.stkchart rect {
	stroke:rgb(38,38,38);
	stroke-width:5; 
}
svg.piechart text.data-label, svg.barchart text.data-label, svg.stkchart text.data-label {
	font-weight:bold;
	display:inline;
/*	opacity:0;	*/
	transition: opacity .30s ease-in-out;
}
svg.stkchart text.data-label {
	font-size:0.8em;
	transform:translateY(0.3em); 
}
svg.barchart text.data-label {
	font-size:1.15em;
	text-anchor:middle;
	transform:translateY(-0.2em); 
}
svg.piechart text.data-label {
	font-size:1em;
	text-anchor:middle;
	transform:translateY(0.4em); 
}


/* Transitions */
/*
svg.piechart path, svg.piechart circle, svg.barchart rect , svg.stkchart rect {
	opacity: 1;
	transition: opacity .30s ease-in-out;
}
svg.piechart:hover path, svg.piechart:hover circle, svg.barchart:hover rect, svg.stkchart:hover rect {
	opacity: 0.2; 
}
svg.piechart:hover path:hover, svg.piechart:hover circle:hover, svg.barchart:hover rect:hover, svg.stkchart:hover rect:hover {
	opacity: 1; 
}
*/