@charset "utf-8";
/* CSS Document */

#q-graph {
	position: relative;
	width: 600px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	background: url(/images/bg-pattern.png) repeat center;
	border: 2px solid #DDD;
	list-style: none;
	font: 9px Helvetica, Geneva, sans-serif;
}
#q-graph ul {margin: auto; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; width: 150px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center; list-style: none;}
#q-graph li.qtr {height: 248px; padding-top: 2px;
  border-right: 1px dotted #C4C4C4; ;}
#q-graph li.bar {width: 60px; border: 1px solid; border-bottom: none; color: #000;}
#q-graph li.bar p {margin: 5px 0 0; padding: 0;}
#q-graph li.sent {left: 45px; background: #9dcce7 url(/images/fader_black.png) repeat;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph #q1 {left: 0;}
#q-graph #q2 {left: 150px;}
#q-graph #q3 {left: 300px;}
#q-graph #q4 {left: 450px;}
#q-graph #q5 {left: 600px; border-right: none;}

#q-graph #ticks {width: 600px; height: 300px; z-index: 1;}
#q-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 600px;}
#q-graph #ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em;}