{
      display: block;
      margin-left: auto; 
      margin-right: auto;
      width: 618px;
      height: 500px;
    }  
body {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.bar {
  fill: steelblue;
}

.x.axis path {
  display: none;
}
.title, title{
height: 50px;
  fill: none;
  stroke: #333;
  font-size: 12pt;
  font-family : Ariel ;
  }

.subtitle {
height: 50px;
  fill: none;
  stroke: #333;
  font-size: 10pt;
  font-family : Ariel ;
  }

.invisible {
  display: none;
  }
.category_display {
    float: left;
}

.grid line {
  stroke: #ccc;
}

.grid line.minor {
  stroke-width: 5.5px;
}

.grid text {
/*  display: none;*/
}
.grid .tick{
  stroke: lightgrey;
  opacity: 0.7;
}
.grid path{
  stroke-width: 0;
}