/* new formats
-------------------*/

div.bar {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 100px;
	height: 10px;
	float: left;
	margin-right: 5px;
	background-image: url('images/scale-bar-bg.jpg');
	position: relative;
}

div.bar_fill {
	     background-image: url('images/scale-bar-full.jpg');
	     height: 10px;
	     position: absolute;
	     top: 0px;
	     left: 0px;
}
div.bar_light {
	     background-image: url('images/scale-bar-light.jpg');
	     height: 10px;
	     position: absolute;
	     top: 0px;
	     left: 0px;
}

div.vbar {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 15px;
	height: 100px;
	float: left;
	margin-right: 5px;
	background-image: url('images/white_bar.png');
	position: relative;
}

div.vbar_fill {
	     background-image: url('images/green_bar.png');
	     width: 15px;
	     position: absolute;
	     bottom: 0px;
	     left: 0px;
}
div.vbar_light {
	     background-image: url('images/red_bar.png');
	     width: 15px;
	     position: absolute;
	     bottom: 0px;
	     left: 0px;
}

div.vnumbers {
	     
	     
	     position: absolute;
	     bottom: 100px;
	     left: 0px;
}

div.vtitles {
	     
	     
	     position: absolute;
	     bottom: 125px;
	     left: 0px;
}