/* The sorrounding chart box */

.chartbox {
	//font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	text-align: center;
	margin:auto;
	padding:20px;
	padding-top:0px;
	overflow:hidden;
	background-color:#d2e0e9;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  border: 3px solid #385566;
}

.chartbox h2{
	font-size: 12px;
	font-weight:bold;
	padding: 5px 0px;
	margin:5px 0px;
}

/* Vertical chart elements */

.barv{
	margin: 2px;
	float:left;
}

.barvvalue {
	padding:0px;
	margin: 0px;
	//font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}



/* Horizontal chart elements */

.barh{
	margin: 4px;
	text-align:left;
	clear:both;
}

.barhvalue {
	padding:0px;
	margin:0px 5px;
	//font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	overflow:hidden;
	float:left;
}

.barhcaption {
	padding:0px;
	margin:0px 5px;
	//font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	overflow:hidden;
	float:left;
}


.barhimage {
    float:left;
}