body {
        font-family: 'Proxima Nova', sans-serif;
    }

    .g-hed {
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
        font-size:22px;
        margin: 3px 0;
    }

    .g-source-bold {
        text-align: left;
        font-size:10px;
        font-weight: bold;
    }

    .g-source-reg {
        text-align: left;
        font-size:10px;
    }

    .g-source {
        margin: 10px 0;
    }

    .g-intro {
        font-size: 16px;
        margin: 0px 0px 10px 0px;
    }

    .states {
        fill: #d3d3d3;
        stroke: #ffffff;
        stroke-linejoin: round;
    }

    .q0-9 { fill: #d9e0f2; }
    .q1-9 { fill: #99b2dc; }
    .q2-9 { fill: #5e8dc9; }
    .q3-9 { fill: #2f5491; }
    .q4-9 { fill: #0e2344; }

    #q0-9 { background-color: #d9e0f2; }
    #q1-9 { background-color: #99b2dc; }
    #q2-9 { background-color: #5e8dc9; }
    #q3-9 { background-color: #2f5491; }
    #q4-9 { background-color: #0e2344; }

    div.tooltip {
        position: absolute;
        left: 75px;
        text-align: center;
        height: 12px;
        padding: 8px;
        font-size: 13px;
        font-family: 'Proxima-Nova', sans-serif;
        background: #FFFFFF;
        border: 1px solid #989898;
        pointer-events: none;
        height: auto;
    }

    .block {
        width:18%;
        height: 15px;
        display:inline-block;
    }