/*--------------------------------------*/
	/*     yec consumption chart CSS
	/*     Sept 30, 2011
	/*--------------------------------------*/	


	body {
		font: normal 12px/1.4em Arial, Helvetica, Verdana, Sans-serif;
		color: #333;
		margin: 0;
		padding: 0;
		background: #fff;
		}
	
	body.sidebar {
		background: #f2f2ed;
	}
	

	
	h1 {
		font-size: 16px;
		line-height: 1.2em;
		color: #0076AB;
		font-weight: bold;
		margin: 50px 0 5px 10px;
	}
	
	h2 {
		color: #DB9700;
		font-style: normal;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 0 10px;
	}
	
	#chart-consumption {
		margin: 30px 0 0 30px;
		padding-bottom: 50px;
	}
	#chart-consumption.sidebar-chart {
		margin: 5px 0 0 0;
		padding-bottom: 0;
	}
	#chart-consumption.facebook-chart {
		margin: 0 auto;
		padding: 0;
		width: 354px;
	}
	
	.chart-consumption-border {
		height:60px;
		border: 1px solid #c7c8ca;
		position: relative;
	}	
	#chart-consumption.sidebar-chart .chart-consumption-border {
		height:25px;
		background: #fff;
	}
	
	
	#chart-consumption.sidebar-chart .chart-consumption-border.border-bottom {
		border-top: none;
	}
	
	.chart_bar.avail_hydro {
		position: absolute;
		background: #3aaacf;
		background: #e3f3f8 url("/layout/consumption/bar-available.gif") repeat-y top right;
		height: 60px;
	}
	.sidebar-chart .chart_bar.avail_hydro {
		display: none;
	}
	
	.chart_bar.load_hydro {
		background: #10a5cd url("/layout/consumption/bar-hydro.gif") no-repeat top right;
		height: 36px;
		margin-top: 12px;
		position: absolute;
	}
	.sidebar-chart .chart_bar.load_hydro {
		background: #10a5cd;
		height: 15px;
		margin-top: 5px;
	}
	
	.chart_bar.load_thermal {
		background: #DB9700 url("/layout/consumption/bar-diesel.gif") no-repeat top right;
		height: 36px;
		margin-top: 12px;
		position: absolute;
	}
	.sidebar-chart .chart_bar.load_thermal {
		background: #DB9700;
		height: 15px;
		margin-top: 5px;
	}



	#chart-consumption.sidebar-chart .chart-consumption-border a {
		display:block;
		position: absolute;
		top: 0;
		margin: 0;
		padding-left: 3px;
		color: #fff;
		font-size: 2.1em;
		line-height: 1em;
		text-decoration: none;
		width: 180px;		
	}

	
	
	.chart-consumption-border .chart_legend {
		position: absolute;
		z-index: 99;
		top: 48px;
		width: 200px;
	}
	.chart-consumption-border .chart_legend	.value-txt {
		position: absolute;
		margin: -10px 0 0 -210px;
		width: 200px;
		text-align: right;
	}
	
	.chart-consumption-border .chart_legend.load_hydro {
		background: transparent url("/layout/consumption/border-legend-ch-left.png") no-repeat bottom left;
		color: #0076AB;
		padding-top: 40px;
	}
	.chart-consumption-border .chart_legend.load_thermal {
		background: transparent url("/layout/consumption/border-legend-d-left.png") no-repeat bottom left;
		color: #DB9700;
		padding-top: 60px;
	}
	.chart-consumption-border .chart_legend.avail_hydro {
		background: transparent url("/layout/consumption/border-legend-ah-left.png") no-repeat bottom left;
		color: #3aaacf;
		padding-top: 80px;
	}

	
	
	ul.scale-number {
		list-style-type: none;
		margin: 0 0 0 -7px;
		padding: 0;
		font-size: 12px;
		height: 1.5em;		
	}
	
	/*
	ul.scale-number-md {
		margin-left:-2px;
	}
	*/
		
		ul.scale-number li {
			float: left;
			height: 1.5em;
			text-align: center;
			color: #c7c8ca;
		}
		/*
		ul.scale-number-md li {
			margin-left: 77px;
		}
		*/
		ul.scale-number li.first {
			text-align: left;
		}
		ul.scale-number li.last {
			text-align: right;
		}
		ul.scale-number li.blue {
			color:#0076AB;
		}
		ul.scale-number li.orange {
			color:#DB9700;
		}
		
	
	ul.scale-markers {
		list-style-type: none;
		height: 5px;
		margin: 0;
		padding: 0!important;
		clear: both;
	}
	* html ul.scale-markers {
		display: none;
	}
		
		
		.sidebar-chart ul.scale-markers li {
			border-top: none!important;
		}
		
		.sidebar-chart ul.scale-markers li, ul.scale-markers li {			
			height: 5px;
			width:1px;
			border-right: 1px solid #c7c8ca;
			float: left;
		}
		ul.scale-markers li.first {
			border-right: none;
			border-left: 1px solid #c7c8ca;
		}
		
	
	ul.consumption_legend {
		list-style-type: none;
		height: 31px;
		margin: 90px 0 0;
		padding: 0;
		font-size: 14px;
		line-height: 1.3em;
		text-transform: lowercase;
	}
	ul.consumption_legend.historic {
		margin: 20px 0 40px 20px;
	}
	.facebook-chart ul.consumption_legend {
		margin: 25px 0 0;
	}
	
		ul.consumption_legend li {
			float: left;
			margin: 8px 0 0 15px;
			font-size: 12px;
		}
			ul.consumption_legend li .square {
				display:block;
				float: left;
				width: 18px;
				height: 18px;
				margin: 0 10px 0 0;
			}
		
		ul.consumption_legend li.lmax_hydro {
			color: #3aaacf;
		}
		.facebook-chart ul.consumption_legend li.lmax_hydro {
			margin-left: 0;
		}
			ul.consumption_legend li.lmax_hydro .square {
				background: #3aaacf url("/layout/consumption/legend-available.gif") no-repeat top left;
			}
		ul.consumption_legend li.lhydro_cons {
			color: #0076AB;
		}
			ul.consumption_legend li.lhydro_cons .square {
				background: #10a5cd url("/layout/consumption/legend-hydro.gif") no-repeat top left;
			}
		ul.consumption_legend li.lthermal {
			color: #DB9700;
		}
			ul.consumption_legend li.lthermal .square {
				background: #DB9700 url("/layout/consumption/legend-diesel.gif") no-repeat top left;
			}

			ul.consumption_legend.historic li .square {
				background-image: none;
			}
			ul.consumption_legend.historic li.lhydro_cons .square {
				background: #0076AB;
			}
	
	
	
	.consumption_date {
		margin: 8px 0 35px 10px;
		font-weight: bold;
		font-size: 0.95em;
	}
		.consumption_date .current_time {
			float: left;
		}
		.consumption_date .current_date {
			float: left;
			margin-left: 30px;
		}
		.consumption_date .total_load {
			float: left;
			margin-left: 30px;
		}
	
	

	* html #chart-consumption {
		display:none;
	}
	
	
	ul.sidebar_clegend {
		margin: 7px 0 5px 5px;
		padding: 0;
		background: transparent;
		text-transform: lowercase;
	}

	.sidebar_clegend .square {
		width: 8px;
		height: 8px;
		display:block;
		float: left;
		margin: 4px 5px 0 0;
	}
	
	ul.sidebar_clegend li {
		list-style: none;
		border: 0;
		margin: 0 10px;
		padding: 0;
		float:left;
	}
	
	.sidebar_clegend .lhydro_cons {
		color: #0076AB;
	}
		.sidebar_clegend .lhydro_cons .square {
			background: #10a5cd;
		}


	.sidebar_clegend .lthermal {
		color: #DB9700;
	}
		.sidebar_clegend .lthermal .square {
			background: #DB9700;
		}
	
	


	div#chart_div {
		width: <?php echo $width; ?>px;
		height: <?php echo $height; ?>px;
		margin: 20px auto 0;
	}