/* Local CSS */
#bargraph {
	width:90%;
	border: 1px solid grey;
}
#labels, #graph {
	width:100%;
	height:1.2em;
	text-align:center;
	border: 1px solid grey;
}
#labels {
	border-width: 0 0 1px 0;
}
#graph {
	width:100%;
	height:2em;
	border-width: 0;
}

#graph div {
	float:left;
	height: 100%;
}

#labels .left{
	float: left;
}
#labels .right{
	float: right;
}
#labels .end, #graph .end{
	clear: both;
}

/* block colours*/
.a {
	background-color: #3333FF;
}
.b {
	background-color: #00FF99;
}
.c {
	background-color: #FF0033;
}
.d {
	background-color: #990099;
}

#key {
	width:40%;
	border: 1px solid blue;
	margin: 1.2em 0 0 0;
}
#key li {
	height:1em;	
}
#key li div{
	float: right;
	width: 20%;
	height: 100%;
}