section[name='charts'] {
    margin-top: 15px;
    clear: both;
    display: block;
    position: relative;
}
svg.d4 {
  font-family: 'Benton Gothic Regular', Arial, sans-serif;
  font-size:11px;

}
.d4 .tick text {
    font-size: 9px;
    fill: #333;
    font-family: 'Benton Gothic Regular', Arial, sans-serif;
    shape-rendering: crispEdges;
}

.d4 .axis .domain, .d4 .axis .tick line {
  fill: #333;
  stroke: none; /*so x-axis doesn't show*/
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.d4 .line, .d4 path, .d4 .connectors line {
    fill: none;
    stroke: #222;
    stroke-width: 1px;
}

.positive {
    fill: #b0c1c9;
    color: #73abc4;
}
.negative {
    fill: #b45636;
    color: #b45636;
}

.d4 .zeroLine line{
  stroke: #242424;
  stroke-width:1px;
  stroke-linecap: round;
}

.d4 .topAxis .tick text{
  font-family: 'Benton Gothic Regular', Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
}