body {
    background-color: white;
    text-align: center;
    font-family: sans-serif;
}

.land {
    fill: #dddddd;
}

.zipcode {
    stroke: #ffffff;
    stroke-width: 1px;
}

.border {
    fill: none;
    stroke-width: 1px;
}

.interior {
    stroke: #bbbbbb
}

.exterior {
    stroke: #bbbbbb;
}

.uberzipcode {
    fill: white;
    opacity: 0.6;
    stroke: #252525;
}

.outgoing_circle {
    fill: #dddddd;
    opacity: 0.7;
    stroke: #000000;
    stroke-width: 3px;
}

.incoming_circle {
    fill: #dddddd;
    opacity: 0.7;
    stroke: #ffffff;
    stroke-width: 3px;
}

.trip {
    fill: none;
    stroke: #252525;
    stroke-width: 1px;
    stroke-opacity: 0.1;
}

.voronoi {
    fill: none;
    stroke: none;
    stroke-width: 1px;
}

.highlight {
    opacity: 1 !important;
    stroke: red !important;
    stroke-width: 2px !important;
    stroke-opacity: 0.8 !important;
}

g#voronoi {
    pointer-events: all;
}


/* shadow trick from bl.ocks.org */

#tooltip {
    font-size: 10pt;
    font-weight: 900;
    fill: white;
    text-shadow: 1px 1px 0 #252525, 1px -1px 0 #252525, -1px 1px 0 #252525, -1px -1px 0 #252525;
}