/*BARCHART STYLES*/
.q-graph
{
	position: relative;
	width: 140px;
	height: 120px;
	margin: 0.3em 4em 0.5em 4.5em;
	padding: 0;
	background: #ffffff;
	border: 1px solid #777777;
	list-style: none;
	border-right: solid 1px #ccc;
	border-top: solid 0px;
}
.q-graph ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.q-graph li
{
	position: absolute;
	bottom: 0;
	width: 130px;
	z-index: 2;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
.q-graph li.bar
{
	width: 20px;
	border: 0px solid #336699;
	border-bottom: none;
	color: #000;
}
.q-graph li.bar a
{
	display: block;
	height: 100%;
	overflow: hidden;
}
.q-graph li .label
{
	position: absolute;
	bottom: -15px;
	left: 0px;
}
.q-graph li.first
{
	left: 20px;
	background: #336699;
}
.q-graph li.second
{
	left: 60px;
	background: #336699;
}
.q-graph li.third
{
	left: 100px;
	background: #336699;
}
.q-graph .ticks
{
	width: 140px;
	height: 120px;
	z-index: 1;
}
.q-graph .ticks .tick
{
	position: relative;
	border-top: 1px dotted #ccc;
	width: 140px;
}
.q-graph .ticks .tick p
{
	position: absolute;
	right: 100%;
	top: -0.87em;
	margin: 0 0.5em 0 0.5em;
	width:80px;
}
.q-graph .ticks .tick p .y-axis-label
{
	color:#777777;
}