g.primary {
  stroke: #aaa;
  fill: #aaf;
}

.domain {
    stroke: none;
}

g.tick line {
    stroke: #ddd;
    fill: none;
}
g.tick text {
    fill: #335;
    stroke: none;
}

g.state rect.shading {
    opacity:0.3;
}

g.state:nth-child(odd) rect.shading {
    fill: #00aef3;
}
g.state:nth-child(even) rect.shading {
    fill: #e31818;
}


line.election {
    fill: none;
    stroke: #00f;
    stroke-width: 0.5px;
}

circle {
    stroke-width: 2;
    stroke-miterlimit: 10;
    r: 3;
}

circle.federal         { stroke: #00589c; }
circle.state           { stroke: #e31818; }
circle.primary         { fill: none; }
circle.federal.general { fill: #00589c; }
circle.state.general   { fill: #e31818; }


g.date, text.label {
  stroke: #aaa;
  fill: none;
  font-family: sans-serif;
  font-weight: 300;
  font-size: 12px;
}


div.tooltip {
    position: absolute;
    text-align: center;
    padding: 6px;
    font: 12px sans-serif;
    background: lightsteelblue;
    border: 0px;
    border-radius: 2px;
    pointer-events: none;
    z-index: 1;
}

rect.early_vote {
    fill:#E31818;
}

line.deadline {
    stroke: #333;
    stroke-width: 1px;
}

text.deadline {
    stroke: none;
    fill: #537;
    font-family: sans-serif;
    font-size: 9px;
}

.legend text {
    fill: #335;
    font-family: sans-serif;
    font-size: 14px;
}

.legend text.deadline {
    font-size: 12px;

}

#flags-footnote {
    text-align: right;
    font-size: 11px;
}

text.state {
    stroke: none;
    fill: #557;
    font-family: sans-serif;
    font-size: 12px;
}

text.cite {
    font-size: 10px;
}
