/**********************************
	http://www.webstudiodm.com
	CSS - for  PHPCSS graph 1.0
***********************************/

h1 {
	font-family:Arial, Verdana, sans-serif;
	font-size:10px;
	margin:0em 0em 0.5em 0em;
}
.graph_container {
	border:2px solid #ddd; 
	width:230px;
	margin:1em 0em 0em 2px;
	height:125px; 
	padding:1em;
}
.v_bar_container {
	margin-top:2em; 
	padding:1em; 
	border:2px solid #DDD; 
	width:320px;
}
.bar_tr {
	float:left; 
	margin-right:2px;
	font-family:Arial, Verdana, sans-serif;
	font-size:9px;
}
.title_container {
	float:left; 
	border:0px solid black; 
	width:140px; 
	margin-right:3px; 
	background:#eaeaea;
	font-family:Arial, Verdana, sans-serif;
	font-size:8px;
}
.title_tr {
	margin-bottom:2px; 
	margin-right:2px;
	padding-right:0.1em;
	background:#fff; 
	clear:both;
}
.title_th1 {
	border:0px solid red; 
	float:left; 
	width:30px;
}
.title_th2 {
	border:0px solid red; 
	float:left;
	font-weight:bold;
}
.title_th3 {
	text-align:right;
}
.bar_red {
	border:1px solid #999; 
	width:15px; 
	height:140px;  
	background:url(../img/red_bar.png) bottom center;
}
.bar_blue {
	border:1px solid #999; 
	width:15px; 
	height:140px;  
	background:url(../img/blue_bar.png) bottom center;
}
.bar_green {
	border:1px solid #999; 
	width:10px; 
	height:80px;  
	background:url(../img/green_bar.png) bottom center;
}
.bar_yellow {
	border:1px solid #999; 
	width:10px; 
	height:80px;  
	background:url(../img/yellow_bar.png) bottom center;
}
.bar_th1 {
	border:0px solid red; 
	border-bottom:1px solid #666;
	height:100%; 
	background:url(../img/skew_bkg.png);
}
.bar_th2 {
	border:1px solid #ddd; 
	background:#ddd; 
	width:10px; 
	height:20px; 
	margin-top:2px; 
	text-align:center;
}