text { font: 10px sans-serif; } .charts { height:300px; width:400px; } body { font: 12px sans-serif; } circle:hover { cursor: pointer; } path:hover { cursor: pointer; } .category text { fill: white; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .recession { fill: lightgrey; } .line { fill: none; stroke: steelblue; stroke-width: 3px; } .tick.major line { stroke: lightgrey; /*opacity: 0.7;*/ } .bar { fill: steelblue; } .error { stroke: black; stroke-width:2; } .average { stroke-width:2; } #average0 { stroke: black; stroke-dasharray: 6, 1; } #average1 { stroke: black; }