#svg-container
        {
            width:100%;
            height:100%;
            padding-left: 30px;
            padding-right: 30px;
        }
        body {
            overflow-y: scroll;
        }        
        .counties {
            fill: none;
        }        
        .states {
            fill: none;
            stroke: #d3d3d3;
            stroke-width: 1px;
            stroke-linejoin: round;
        }        
        .regions {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }        
        div.tooltip {
            color: #222;
            background-color: black;
            padding: .5em;
            text-shadow: #f5f5f5 0 1px 0;
            border-radius: 2px;
            opacity: 0.9;
            position: absolute;
        }  
        .hidden {
            /*display: none;*/
        }      
        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;
        }        
        #barchart {
            font-size: 12px;
            width: 300px;
            height: 310px;
            /*overflow-y:scroll;*/
        }        
        .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;
        }        
        #chart svg{
            width:100%;
            height:100%;
        }       
        .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;
        }
        
        .spc {
            margin: 0px;
            padding: 0px;
            border: 0px;
            height: 0px;
        }
        
        .row {
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
        
        #legend {
            font-size: 12px;
            top: 300px;
            left: 120px;
            width: 600px;
            height: 40px;
            margin-left: 120px;
        }
        
        .legend-text {
            font-size: 12px;
            font-weight: bold;
            text-anchor: middle;
        }
        
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }
        
        td,
        th {
            border: 1px solid #666666;
            text-align: left;
            padding: 8px;
        }
        
        tr:nth-child(even) {
            background-color: #dddddd;
        }
        
        .arc text {
            font: 10px 'BentonSansRegular';
            text-anchor: middle;
        }
        
        .arc path {
            stroke: #fff;
        }
                 #gmtc,
        #vtt {
            height: 280px;
            width: 280px;
        }
       
        #gmtc svg,
        #vtt svg {
            background-color:#EEE;
            border-radius:50%;
        }        
        .lbl {
            text-align: center;
        }
        
        .stretch {
            font-stretch: extra-expanded;
        }
        
        .condensed {
            font-stretch: ultra-condensed;
        }
        
        #oatg #med {
            text-align: center;
        }
        
        #impact {
            font-family: Impact;
        }
        .section{
            padding:5px;
        }
         .circle {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: #EEE;
         }
           #demog {
            font-size: 18px;
            color:#222;
            <!--font-weight: bold;-->
        }
        h1, .h1, h2, .h2, h3, .h3 {
             margin-top: 10px;
        }
        h3, .h3 {
            font-size: 32px;    
            letter-spacing:1.8px;
            color: #333;
        }
        h5, .h5 {
            font-size: 21px;
            letter-spacing:1.5px;
            color: #666;
        }
           h4, .h4 {
            font-size: 20px;
            letter-spacing:1.5px;
            color: #666;
        }
         td:nth-child(2),td:nth-child(1),th:nth-child(2),th:nth-child(1) {
                 text-align: center;
                 border-left-style: hidden;
        }

         h1, h2, h3, h4, h5, h6, th, td, svg {
                          font-family: 'BentonSansRegular';
        }
        p, div {
            font-family: 'BentonSansRegular';
        }

        body {
         /*    overflow-y: scroll; */
             font-family: 'BentonSansRegular';
        }
       
         #sectorChart rect {
            fill: rgb(143, 166, 178);
        }
        
        #sectorChart text {
            fill: #666666;
            font: 10px 'BentonSansRegular';
            text-anchor: start;
            font-size:15px;
            letter-spacing:0.2px;
        }
         #sectorChart svg
         {
            width: 100%;
            padding-left: 230px;
         }

        .node {
            border: solid 1px white;
            font: 10px sans-serif bold;
            line-height: 12px;
            overflow: hidden;
            position: absolute;
            text-indent: 2px;
        }