/*
 For HTML Graphics 
*/
.html-graph {
	float:left;
	border: solid 1px #aee;
}

.html-graph div.middle-text {
	display: inline;
	color: red;
	text-align: center;
	width: 100%;
}

.right-align-bar{
	display: block;
	float: right;
	border: solid 1px #6fbee7;
	background-color: #2588ba;
	text-align: right;
	font-size: 10px;
	margin: 0;
	height: 12px;
}
.right-align-bar .text{
	font-size:10px;
	height: 12px;
	/*color: #ffa500;*/
}
	
.right-align-bar .bar{
	display: block;
	float: right;
	width: 50px;
	background-color: #dc86db;
	border-left:solid 1px #6fbee7;
	margin-top: -12px;
}

/** left */
.left-align-bar{
	display: block;
	float: left;
	border: solid 1px #6fbee7;
	background-color: #2588ba;
	text-align: center;
	font-size: 10px;
	margin: 0;
	height: 12px;
}
.left-align-bar .text{
	font-size:10px;
	height: 12px;
	color:#fff;
	/*color: #ffa500;*/
}
	
.left-align-bar .bar{
	display: block;
	float: left;
	width: 50px;
	background-color: #dc86db;
	border-left:solid 1px #6fbee7;
	border-right:solid 1px #6fbee7;
	margin-top: -12px;
}