/* The sorrounding chart box */

div#chartWrapper { text-align: center; padding: 30px 20px 10px; }

.chartbox {
	color: #505050;
	text-align: center;
	margin: auto;
	border: 1px solid #505050;
	background-color: #fff;
	width: 650px;
}

.chartbox h3 { font-size: 16px;	font-weight: bold; padding: 15px 0; text-transform: uppercase; letter-spacing: 1px; }

/* Vertical chart elements */

.barv { float: left; }

.barvvalue { text-align: center; }

/* Horizontal chart elements */

.barh { clear: both; }

.barhvalue { text-align: left; float:left; }

.barhcaption { text-align: right; /*overflow:hidden;*/ float: left; font-size: 11px; color: #000; }

.barhimage { float: left; position: relative; padding-left: 10px; }
.barhimage span { display: block; position: absolute; color: #fff; /*top: 8px;*/ font-weight: bold; font-size:18px; }