.ld0, .ld1,.ld2,.ld3,.ld4,.ld5,.ld6,.ld7,.ld8 {
	padding-left:10px;
	color: #000;
}
.ld0 {
	background: transparent url(../images/graph/premog.png) center left no-repeat;
	color: #000;
}
.ld1 {
	background: transparent url(../images/graph/toplota.png) center left no-repeat;
	color: #f4a556;
}
.ld2 {
	background: transparent url(../images/graph/elektrika.png) center left no-repeat;
	color: #e93e49;
}
.ld3 {
	background: transparent url(../images/graph/teh_para.png) center left no-repeat;
	color: #cecece;
}
.ld4 {
	background: transparent url(../images/graph/pepel.png) center left no-repeat;
	color: #8b8b8b;
}
.ld5 {
	background: transparent url(../images/graph/prah.png) center left no-repeat;
	color: #b9c1c5;
}
.ld6 {
	background: transparent url(../images/graph/so2.png) center left no-repeat;
	color: #e2cc00;
}
.ld7 {
	background: transparent url(../images/graph/nox.png) center left no-repeat;
	color: #847c80;
}
.ld8 {
	background: transparent url(../images/graph/co2.png) center left no-repeat;
	color: #006426;
}

#filter {
	display:block;
	background-color:#F4F1D3;
	padding:5px;
}
#filter label, #filter select, #filter input {
	vertical-align:middle;
}
#filter label {
	color: #817F6E;
}
#filter #dsl_month {
	margin-right:32px;
}
#graf_area img {
	float:left;
}
div.graf_legend {
	padding-top:10px;
}
input#graf_submit {
/*	background-color:#817F6E;
	color:white;
	font-weight:bold;
	text-transform: uppercase;	*/
}

#hint1, #hint2 {
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	
	background-color: #EEE;
	
	font-family: tahoma, sans-serif;
	color:#666;
	font-size:9px;
	text-align:center;
	
	padding: 5px;
	
	width: auto;
	height: auto;
	
	z-index: 1;
}

#loading1, #loading2 {
	position: absolute;
	display: none;
	left: 187px;
	top: 155px;
	padding:5px;
	width:115px;
	height:20px;
	text-align:center;
	background-color:#F4F1D3;
	color:#817F6E;
	font-weight:bold;
	z-index:3;
}