#graph {
  /*background:#F8F7F3 url(survey-back.gif) repeat-x;*/
  margin:0;
  padding:0;
 /*border:1px solid #444;*/
}
#graph ul.bar {
  list-style:none;
  margin:0;
  padding:15px 0 0 0;
  font:normal 10px/250% Verdana, arial;
  text-align:center;
  color:#fff;
  line-height:20px;
}
#graph ul.legend{
  display:inline-block;
  clear:both;
  margin:0;
  padding:5px 0;
  /*background-color:#444;*/
  font:normal 13px  Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#999;
  _height: 1%; /* make ie6 play nice */
  
}
/* clear the legend */
#graph ul.legend:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#graph ul.legend{ display:block; }
#graph ul li{
  display:inline; /* trick ie6 to not do double margin bug */
  float:left; /* float will reset to block */
  margin:0 34px 0 0;
  padding:0;
}
#graph ul.bar li div, #graph ul.bar li span{ display:block; overflow:hidden; }
#graph ul.bar li div.no-results{ color:#888; }
#graph ul.bar li span{
  height:30px;
  line-height:100%;
  color:#888;
}