/**
IMPORTANT: this CSS should contain the very same content like in the tkprivate module (/tkreport/src/main/resources/at/econtrol/tk/reports/design/style/energy.css)
*/

/* bar */
.tk-class .tk-energy-bar {
	zoom: 1;
	*width: 165px;
}

.tk-class .tk-energy-bar UL LI {
	height: 6px; 
	display: block; 
	padding: 0;

	zoom: 1;
	float: left;
}

.tk-class .tk-energy-bar UL LI SPAN {
	display: none;
}

.tk-class .tk-energy-renewable TABLE TR TH,
.tk-class .tk-energy-bar-legend UL LI.tk-energy-bar-legend-renewable SPAN,
.tk-class .tk-energy-bar UL LI.tk-energy-bar-renewable {
	background: #63aa31;
}

.tk-class .tk-energy-fossil TABLE TR TH,
.tk-class .tk-energy-bar-legend UL LI.tk-energy-bar-legend-fossil SPAN,
.tk-class .tk-energy-bar UL LI.tk-energy-bar-fossil {
	background: #ff8200;
}

.tk-class .tk-energy-nuclear TABLE TR TH,
.tk-class .tk-energy-bar-legend UL LI.tk-energy-bar-legend-nuclear SPAN,
.tk-class .tk-energy-bar UL LI.tk-energy-bar-nuclear {
	background: #ffd800;
}

.tk-class .tk-energy-mixed TABLE TR TH,
.tk-class .tk-energy-bar-legend UL LI.tk-energy-bar-legend-mixed SPAN,
.tk-class .tk-energy-bar UL LI.tk-energy-bar-mixed {
	background: #d6d3d6;
}

.tk-class .tk-energy-renewable TABLE TR TH,
.tk-class .tk-energy-fossil TABLE TR TH {
	color: #fff;
}

/* legend */
.tk-class .tk-energy-bar-legend {
	font-size: 90%;		
}

.tk-class .tk-energy-bar-legend UL LI {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 5px;
}

.tk-class .tk-energy-bar-legend UL LI SPAN.tk-icon {
	width: 8px;
	height: 8px;
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}

.tk-class .tk-energy-bar-legend UL LI SPAN.tk-label {
	background: none !important;
}