body {
            overflow-y: scroll;
        }        
        .counties {
            fill: none;
        }
        
        .states {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }        
        .regions {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }        
        div.tooltip {
            position: absolute;
            text-align: center;
            padding: 2px;
            background: #ffffff;
            border: 1px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            opacity: 0.0;
        }
        
        div.box {
            position: absolute;
            text-align: center;
            width: 500px;
            height: 400px;
            padding: 2px;
            background: #ffffff;
            border: 10px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            border-color: red;
            opacity: 0.0;
        }
        
        #slider {
            background-color: white;
            color: white;
        }
        
        .tick {
            color: gray;
        }
        
        .tick text {
            fill: black;
        }
        
        .legend {
            font-size: 14px;
            padding-top: 0px;
            height: 30px;
        }
        
        .legend-text {
            font-size: 12px;
            font-weight: bold;
            text-anchor: middle;
        }
        
        .legend-set {
            background-color: #f0f0f0;
        }
        
        #barchart {
            font-size: 12px;
            width: 300px;
            height: 310px;
        }
        
        .sub-area {
            background-color: black;
            color: white;
            width: 150px;
            padding: 3px;
        }
        
        .control-set {
            background-color: #f0f0f0;
            padding-bottom: 20px;
        }
        
        .question {
            background-color: black;
            color: white;
            padding-bottom: 20px;
            font-size: larger;
        }
        
        .d3-slider-axis {
            margin-left: -50px;
        }
        
        .overlay {
            opacity: 0.8;
            background-color: #ccc;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 1000;
        }
        
        .linechart {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
        }
        
        .axis path,
        .axis line {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
            fill: none;
            stroke: grey;
            stroke-width: 1;
            shape-rendering: crispEdges;
        }
        
        a {
            display: block;
            word-wrap: break-word;
            -ms-word-break: break-all;
            word-break: break-all;
            /* Non standard for webkit */
            word-break: break-word;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
        }
        
        #questions {
            /*width: 300px;*/
        }
        
        .dropdown-menu li a {
            white-space: normal;
        }
        
        #social-links {
            position: relative;
            float: right;
            padding-left: 250px;
        }
        
        .boxshadow {
            -moz-box-shadow: 3px 3px 5px #535353;
            -webkit-box-shadow: 3px 3px 5px #535353;
            box-shadow: 3px 3px 5px #535353;
        }
        
        .roundbox {
            -moz-border-radius: 6px 6px 6px 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px 6px 6px 6px;
        }
        
        .modal-body {
            height: 320px;
        }
        
        .draggable {
            /*background-color:yellow;*/
        }
        
        .grpl {
            background-color: lightgrey;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .grpd {
            background-color: silver;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
         h1, h2, h3, h4, h5, h6, th, td, svg {
                font-family: 'BentonSansRegular';
        }
        p, div {
            font-family: 'BentonSansRegular';
        }
        body {
             font-family: 'BentonSansRegular';
        }
        .spc {
            margin: 0px;
            padding: 0px;
            border: 0px;
            height: 0px;
        }
        
        .row {
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
        
        .section{
            padding:5px;
        }
        #linearGaugeContainer{
            height:320px;
        }
        #linearVolGaugeContainer{
            height:320px;
        }
        #demog {
            font-size: 18px;
            color:#222;          
        }
        .d3-tip {
        line-height: 1;
        font-weight: bold;
        padding: 12px;
        background: rgba(66, 66, 66, 0.8);
        color: #fff;
        border-radius: 2px;
        }

        /* Creates a small triangle extender for the tooltip */
        .d3-tip:after {
        box-sizing: border-box;
        display: inline;
        font-size: 10px;
        width: 100%;
        line-height: 1;
        color: rgba(0, 0, 0, 0.8);
        content: "\25BC";
        position: absolute;
        text-align: center;
        }

        .d3-tip.n:after {
        margin: -1px 0 0 0;
        top: 100%;
        left: 0;
        }
        .circle {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: #EEE;
         }

            h4, .h4 {
            font-size: 20px;
            letter-spacing: 1px;
            color: #666;
        }