.d3-tip {
  line-height: 1.5;
  padding: 8px;
/*  background: rgba(0, 0, 0, 0.8);*/
  background-color: #fff;
    font-size: 0.8em;
  border-radius: 0px;
    border: 1px solid rgba(150, 150, 150, 0.6);
    text-align: center;
    box-shadow: 1px 2px 1px #888888;
    z-index:101;
}

.counties, .states, .cities {
  fill: none;
  stroke: white;
  stroke-linejoin: round;
}


.legend-right {
    position: absolute; 
    list-style-type: none;
    width: 100px;
                padding: 0px;
            left: 400px;
            margin-left: -5px;
        margin-top: -70px;
}


.legend-right li.key {
    border-left-width: 15px;
    border-left-style: solid;
    font-size: .75em;
/*    width: 9%;*/
    padding-left: 7px;
    text-align: left;
    padding-bottom: 0;
}

.legend-top li.key {
    border-top-width: 8px;
    border-top-style: solid;
    font-size: .75em;
    width: 9%;
    padding-left: 0;
    padding-right: 0;
}


.dc-right {
    position: absolute; 
    list-style-type: none;
    width: 100px;
                padding: 0px;
            left: 400px;
            margin-left: -5px;
        margin-top: -120px;
}