body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  width: 960px;
}


#chart{
  float:left;
  clear:both;
  margin:25px;
}



.y.axis text {
  font: 14px serif;
}

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

.x.axis text{
  font-size: 0px;
}



.bar {
  fill-opacity: .9;
  stroke:black;
  stroke-width:1px;

}
.bar:hover{
  stroke:red;
  stroke-width:2px;
}
.pointer{
  fill:red;
  stroke:#800000;
  stroke-width:1px;
}


.A_NIR{
  fill:steelblue;
}
.B_ENG{
  fill:#800000;
}
.C_WAL{
  fill:orange;
}

.x.axis path {
  display: none;
}

.graph_back{
  fill:rgba(84,84,84,0.25);
}

#drug_drop{
  font-family: 'Times New Roman',serif;
  font-size: 24px;
  color:black;
  width:200px;
  background-color: white;
  margin-left: 10px;
  cursor:pointer;
  max-height: 100px;
  overflow-y:scroll;
}
.key{
  font-family: arial, sans-serif;
  font-size: 12px;
  color:black;
  font-style: italic;
}



.range_guide_back{
  fill:#999999;
  fill-opacity:.5;
}
.range_guide{
  fill:rgba(255,0,0,.6);

}










.chart_button_left {
  background-color:#ffffff;
  -webkit-border-top-left-radius:15px;
  -moz-border-radius-topleft:15px;
  border-top-left-radius:15px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:15px;
  -moz-border-radius-bottomleft:15px;
  border-bottom-left-radius:15px;
  text-indent:-1.21px;
  border:1px solid black;
  display:inline-block;
  color:black;
  font-family:Times New Roman;
  font-size:24px;
  font-style:normal;
  height:35px;
  line-height:35px;
  width:121px;
  text-decoration:none;
  text-align:center;
}.chart_button_left:hover {
  background-color:#cccccc;
}.chart_button_left:active {
  position:relative;
  top:1px;
}


.chart_button_right {
  background-color:#ffffff;
  -webkit-border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  border-top-left-radius:0px;
  -webkit-border-top-right-radius:15px;
  -moz-border-radius-topright:15px;
  border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-bottomright:15px;
  border-bottom-right-radius:15px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-bottomleft:0px;
  border-bottom-left-radius:0px;
  text-indent:-1.21px;
  border:1px solid black;
  display:inline-block;
  color:black;
  font-family:Times New Roman;
  font-size:24px;
  font-style:normal;
  height:35px;
  line-height:35px;
  width:121px;
  text-decoration:none;
  text-align:center;
}.chart_button_right:hover {
  background-color:#cccccc;
}.chart_button_right:active {
  position:relative;
  top:1px;
}