.axis path {
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
    stroke-width: 1px;
}

.line {
    shape-rendering: crispEdges;
    stroke-width: 1px;
}

.line_shadow {
    fill: none;
}

.axis text {
    font-family: 'Anaheim';
    font-size: 11px;
}

.vol {
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

.price {
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

.legend-line {
    cursor: default;
}

.legend-pkd {
    cursor: pointer;
}

.cell {
    stroke: #aaa;
    stroke-width: 1px;
    fill-opacity: 0.7;
    shape-rendering: crispEdges;
}

.cell:hover {
    fill-opacity: 1;
}

.hour-label {
    font-family: 'Anaheim';
    font-size: 11px;
    text-anchor: middle;
}

.price-label {
    font-family: 'Anaheim';
    font-size: 11px;
    text-anchor: end;
}

.line-value {
    font-family: 'Anaheim';
    font-size: 10px;
}

div.tooltip
{
    position: absolute;
    text-align: left;
    padding: 8px;
    font: 12px sans-serif;
    background: #000;
    color: #ddd;
    border: solid 1px #aaa;
    border-radius: 4px;
    pointer-events: none;
}