/* YOUR CSS STYLES */

body { font: 12px Arial;}



.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

/* tooltip */
.us-overlay {
    fill: none;
    pointer-events: all;
}

.us-focus circle {
    fill: none;
    stroke: #2BF719;
    stroke-width: 2;
}

.st-overlay {
    fill: none;
    pointer-events: all;
}

.st-focus circle {
    fill: none;
    stroke: yellow;
    stroke-width: 2;
}

/*map styling*/

.states
{
    /*fill: #fff;*/
    stroke: #e1e1e1;
    stroke-width: 1px;
}


div.tooltip {
    position: absolute;
    text-align: center;
    width: 50px;
    height: 40px;
    padding: 2px;
    font-size: 8px;
    font-weight: bold;
    background: #FFFFE0;
    border: 1px;
    border-radius: 8px;
    pointer-events: none;
}