body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.5;
}

html {
    scroll-behavior: smooth;
}

.focus-area-table a:not( [href*='childhealthdata.org'] ):not( [href*='localhost'] ):not( [href^='#'] ):not( [href^='/'] ):after {
    content: '';
    height: 12px;
    display: inline-block;
    width: 12px;
    background-image: url(/content/icons/external-icon.jpg);
    background-size: 12px 12px;
    margin-left: 5px;
}

/* search results */

#chd-search-results {
}

#sf-search-results {
    margin-top: 25px;
}

#search-results {
    /*padding: 15px 10px 0 10px;
    margin-top: 15px;
    margin-left: 35px;
    border-top: 2px solid #e8f1f8;
    border-bottom: 4px solid #e8f1f8;*/
}

    #search-results h3 {
        margin-top: 0px;
    }

    #search-results li.search-result {
        list-style-type: none;
        padding-left: 0px;
    }

    #search-results > div > ul > li > ul {
        padding-left: 0px;
        margin-left: 35px;
    }

.search-result li {
    list-style-type: none;
    line-height: 18px;
    vertical-align: top;
    background: url(/Content/Images/ellipsis.gif) no-repeat 0px 0px transparent;
    margin: 0;
    padding: 0px 0px 0px 24px;
}

#search-result .pager {
    margin-top: 20px;
}

#search-results .col-md-3 span,
#search-results .col-md-6 span,
#search-results a.search-pager {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

#search-results .prev span,
#search-results .prev a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#search-results .next span,
#search-results .next a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#search-results .active,
#search-results a:hover {
    /* background-color: #5c7738;
    color: #fff !important;
    border: 1px solid #5c7738;*/
}

.non-highlighted-summary {
    margin-left: 35px;
}

.content-type {
    display: block;
    min-height: 35px;
    padding-top: 13px;
}

    .content-type.content-type-blog-post,
    .content-type.content-type-page,
    .content-type.content-type-chd,
    .content-type.content-type-document,
    .content-type.content-type-news-item,
    .content-type.content-type-data-story {
        padding-left: 35px;
    }

    .content-type:hover:before {
        text-decoration: none;
    }

.content-type-page {
    background: url(/Content/Images/icon-page.png) left no-repeat;
    background-size: 30px;
}

.content-type-chd {
    background: url(/Content/Images/icon-pdf.png) left no-repeat;
    background-size: 30px;
}

.content-type-document {
    background: url(/Content/Images/icon-pdf.png) left no-repeat;
    background-size: 30px;
}

.content-type-blog-post {
    background: url(/Content/Images/icon-blog.png) left no-repeat;
    background-size: 30px;
}

.content-type-news-item {
    background: url(/Content/Images/icon-blog.png) left no-repeat;
    background-size: 30px;
}

.content-type-data-story {
    background: url(/Content/Images/icon-pdf.png) left no-repeat;
    background-size: 30px;
}

/* search results end */

/* screen reader only, skip link */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

a.sr-only:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #BF1722;
    color: white;
    outline: 0;
    -webkit-transition: top .1s ease-in, background linear .5s;
    -moz-transition: top .1s ease-in;
    -o-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
    z-index: 100;
    clip: auto;
    width: auto;
    height: auto;
    padding: 3px;
}

/* skip link end */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    color: #333;
    padding: 0;
    margin: 0;
}

    body.js #wrapper-outer {
        position: relative;
        overflow: hidden;
    }

    body.js #wrapper-inner {
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
    }

    body.js #off-canvas {
        position: absolute;
        top: 0;
        right: -90%;
        width: 90%;
        background-color: #FFF;
        z-index: 95;
    }

a {
    color: #000099;
    text-decoration: none;
}

    a:hover {
        color: #000099;
        text-decoration: underline;
    }

    a i {
        color: #000;
    }

    a i {
        font-size: 18px;
    }

#off-canvas .inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body.js.navOpen #off-canvas {
    -webkit-box-shadow: 5px -20px 23px 1px rgba(000, 000, 000, 0.3);
    -moz-box-shadow: 5px -20px 23px 1px rgba(000, 000, 000, 0.3);
    box-shadow: 5px -20px 23px 1px rgba(000, 000, 000, 0.3);
}

body.js.navOpen #wrapper-inner {
    position: relative;
    -webkit-transform: translate3d(-90%, 0, 0);
    -moz-transform: translate3d(-90%, 0, 0);
    -ms-transform: translate3d(-90%, 0, 0);
    -o-transform: translate3d(-90%, 0, 0);
    transform: translate3d(-90%, 0, 0);
}

#content #landing-image-container h1 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 48px;
    margin: 0 0 10px 0;
}

.inner {
    max-width: 1280px;
    margin: 0 auto;
    -webkit-box-shadow: -2px 0px 11px 2px rgba(222, 222, 222, 0.85);
    -moz-box-shadow: -2px 0px 11px 2px rgba(222, 222, 222, 0.85);
    box-shadow: -2px 0px 11px 2px rgba(222, 222, 222, 0.85);
}

#content img:not([src*="ReportViewer"]) {
    max-width: 100%;
    height: auto !important;
}

    #content img:not([src*="ReportViewer"]) img.callout-image {
        max-width: 70%;
        height: auto !important;
    }

#logo {
    display: block;
    float: left;
    width: 75%;
}

#header {
    background-color: #fff;
}

    #header .inner {
        padding: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        overflow: hidden;
    }

#logo img {
    display: block;
    max-width: 100%;
    height: auto;
}

#off-canvas-trigger {
    float: right;
    padding-right: 5px;
    position: absolute;
    right: 0;
    margin-right: 5px;
}

    #off-canvas-trigger .label {
        margin-left: 5px;
        text-transform: uppercase;
        margin-bottom: 3px;
        font-size: 11px;
        font-family: 'Roboto', sans-serif;
    }

    #off-canvas-trigger .trigger {
        width: 44px;
        height: 44px;
        background: #f37f56 url('/content/images/nav-trigger.png') no-repeat center 11px;
        border-radius: 7px;
        cursor: pointer;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        text-indent: 9999px;
    }

        #off-canvas-trigger .trigger:hover {
            background-color: #e27752;
        }

#header .top {
    overflow: hidden;
}

/*#toolbar-container #sign-in span {
    display: block;
}

    #toolbar-container #sign-in span.uppercase {
        text-transform: uppercase;
        font-weight: bold;
    }

#toolbar-container #sign-in a {
    display: block;
    text-decoration: none;
    color: #fff;
    background-image: url('/Content/Images/svg/icon-sign-in.svg');
    background-position: 11px 10px;
    background-repeat: no-repeat;
    font-size: 10px;
    background-size: 28px;
    background-color: #f37f56;
    padding: 10px 16px 10px 60px;
    margin: 0 auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    #toolbar-container #sign-in a:hover {
        background-color: #e27752;
    }

#toolbar-container #sign-in {
    overflow: hidden;
    display: block;
    text-align: left;
    max-width: 180px;
    margin: 0 auto;
}

#toolbar-container {
    overflow: hidden;
    margin: 0 auto;
}

    #toolbar-container .wrap {
        padding: 0 20px;
    }

    #toolbar-container .tool-wrap {
        text-align: center;
        padding: 10px 0;
    }

    #toolbar-container .tool {
        display: inline-block;
        color: #f3f3f3;
    }

        #toolbar-container .tool a {
            text-decoration: none;
            color: #333;
            font-size: 11px;
            padding: 0 5px;
            display: block;
        }

            #toolbar-container .tool a:hover {
                text-decoration: underline;
            }

    #toolbar-container #request a {
        border-left: 1px #ebebeb solid;
    }

    #toolbar-container #funders a {
        border-left: 1px #ebebeb solid;
    }

    #toolbar-container .tools a:hover {
        text-decoration: underline;
    }*/
#toolbar #sign-in span {
    display: block;
}

    #toolbar #sign-in span.uppercase {
        text-transform: uppercase;
        font-weight: bold;
    }

#toolbar #sign-in a {
    display: block;
    text-decoration: none;
    color: #fff;
    background-image: url('/Content/Images/svg/icon-sign-in.svg');
    background-position: 11px 10px;
    background-repeat: no-repeat;
    font-size: 10px;
    background-size: 28px;
    background-color: #f37f56;
    padding: 10px 16px 10px 60px;
    margin: 0 auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    #toolbar #sign-in a:hover {
        background-color: #e27752;
    }

#toolbar #sign-in {
    overflow: hidden;
    display: block;
    text-align: left;
    max-width: 180px;
    margin: 0 auto;
}

#toolbar {
    overflow: hidden;
    margin: 0 auto;
}

    #toolbar .wrap {
        padding: 0 20px;
    }

    #toolbar .tool-wrap {
        text-align: center;
        padding: 10px 0;
    }

    #toolbar .tool {
        display: inline-block;
        color: #f3f3f3;
    }

        #toolbar .tool a {
            text-decoration: none;
            color: #333;
            font-size: 11px;
            padding: 0 5px;
            display: block;
        }

            #toolbar .tool a:hover {
                text-decoration: underline;
            }

    #toolbar #request a {
        border-left: 1px #ebebeb solid;
    }

    #toolbar #funders a {
        border-left: 1px #ebebeb solid;
    }

    #toolbar .tools a:hover {
        text-decoration: underline;
    }

#search #search-box {
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right;
    padding: 15px 5px;
    width: calc(100% - 45px);
    font-size: 13px;
    color: #656769;
}

#search #search-button {
    background: transparent url('/Content/Images/svg/icon-search.svg') no-repeat center;
    border: 0;
    width: 35px;
    float: right;
    text-indent: -9999px;
    padding: 15px 0;
    cursor: pointer;
    line-height: 1;
    background-size: 50%;
    font-style: italic;
}

#header #search {
    padding: 0;
    /*width: 25%;*/
    clear: right;
    float: right;
    margin-bottom: 20px;
}

#search label {
    display: none;
}

#search .wrap {
    padding: 0 10px;
    border-radius: 5px;
    background-color: #ebebeb;
}

#search-box {
    border: 0;
    /*border-radius: 5px !important;*/
}

#nav-container {
    /*margin-top: 15px;*/
    background-color: #313364;
}

    #nav-container ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

body.js #main-nav .content {
    display: none;
}

#main-nav > div > div > div > ul > li > a {
    display: block;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#main-nav ul li {
    list-style: none;
}

#main-nav > div > div > div > ul li a {
    border-top: 1px #dedede solid;
}

#main-nav > div > div > div > ul > li > a:hover {
    background-color: #dedede;
}

#main-nav > div > div > div > ul > li > .content > ul > li a {
    display: block;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 20px;
    font-family: 'Roboto', sans-serif;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#main-nav > div > div > div > ul > li ul li a:hover {
    background-color: #dedede;
}

#off-canvas .calls-to-action .wrap {
    padding: 15px;
}

#off-canvas .calls-to-action a.btnCall-grey {
    background-color: #ebebeb;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    margin-top: 20px;
    display: block;
    position: relative;
    text-align: right;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#off-canvas .calls-to-action .btnCall-grey:hover {
    background-color: #d1d1d1;
}

#off-canvas .calls-to-action .btnCall-grey div {
    display: inline-block;
    color: #333;
}

    #off-canvas .calls-to-action .btnCall-grey div:first-child {
        margin-left: 0;
        text-align: left;
        font-weight: 600;
        font-size: 14px;
        position: absolute;
        left: 10px;
    }

#mega-menu .inner {
    padding: 0;
}

#mega-menu ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

#mega-menu .inner > div > div > div > ul > li {
    display: block;
    border-top: #fff 1px solid;
}

#mega-menu .inner > div > div > div > ul > div {
    display: none;
}

body.js #mega-menu .content {
    display: none;
}

#mega-menu .content {
    background-color: #fff;
}

#mega-menu > .inner > div > div > div > ul > li > a {
    background-color: #313364;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 10px 43px 10px 20px;
    text-align: left;
    font-size: 13px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative;
}

    #mega-menu > .inner > div > div > div > ul > li > a:after {
        background-image: url('/Content/Images/svg/icon-arrow-orange.svg');
        background-repeat: no-repeat;
        content: '';
        height: 15px;
        width: 15px;
        background-position: 96%;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: 15px;
    }

#mega-menu > .inner > div > div > div > ul > li.open > a:after {
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#mega-menu > .inner > div > div > div > ul > li > a:hover {
    background-color: #ee502d;
}

#mega-menu > .inner > div > div > div > ul > li.open > a {
    background-color: #ee502d;
}

#mega-menu .title {
    font-size: 16px;
    color: #333;
    font-family: 'Roboto', serif;
    line-height: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
}

#mega-menu .intro {
    text-align: left;
    font-size: 11px;
    padding: 0 0 20px 0;
}

#mega-menu .list-trigger {
    cursor: pointer;
    font-size: 14px;
    padding: 6px 10px;
    background-color: #ebebeb;
    color: #666;
    text-align: left;
    position: relative;
}

    #mega-menu .list-trigger:after {
        background-image: url('/Content/Images/svg/icon-arrow-grey.svg');
        background-repeat: no-repeat;
        content: '';
        height: 21px;
        width: 20px;
        background-position: 96%;
        float: right;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #mega-menu .list-trigger.open:after {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

#mega-menu ul.large-link-list {
    display: none;
    padding: 0 20px 20px;
    margin: 0;
    /*-webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;*/
    text-align: left;
    background-color: #ebebeb;
    list-style-type: none;
}

    #mega-menu ul.large-link-list li {
        border: 0;
        padding: 5px 0;
    }

        #mega-menu ul.large-link-list li a {
            text-decoration: none;
            color: #666;
            font-size: 13px;
        }

            #mega-menu ul.large-link-list li a:hover {
                text-decoration: underline;
            }

ul.link-list li a.link-list-secondary {
    color: #00c0cc;
}

#mega-menu img {
    display: block;
    text-align: left;
}

#mega-menu ul li .content .wrap {
    padding: 15px;
    overflow: hidden;
}

#mega-menu ul li .content .col {
    padding: 10px 0;
}

#main-slider-container {
    overflow: hidden;
    position: relative;
}

#main-slider {
    z-index: 0; /* was 6690 06/22/16 */
}

    #main-slider ul {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    #main-slider li {
        margin: 0 auto;
        position: relative;
        z-index: 6695;
        /*border-left: 2px solid #FFF;
        border-right: 2px solid #FFF;*/
    }

        #main-slider li img {
            display: block;
            width: 100%;
            height: auto;
        }

#main-slider-container #controls {
    position: absolute;
    /*z-index: 6699;*/
    display: block;
    overflow: hidden;
    top: 0;
    width: 100%;
}

    #main-slider-container #controls a.prevBtn {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        z-index: 6699;
        position: relative;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
        background-image: url('/Content/Images/svg/icon-arrow-white.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    #main-slider-container #controls a.nextBtn {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        text-indent: -9999px;
        z-index: 6699;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        #main-slider-container #controls a.prevBtn:hover, #main-slider-container #controls a.nextBtn:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

#main-slider .details {
    color: #656667;
    font-size: 20px;
    font-weight: 300;
}

    #main-slider .details .wrap {
        padding: 10px;
    }

    #main-slider .details .title {
        padding: 10px;
        margin-bottom: 10px;
        line-height: 22px;
        text-align: center;
    }

        #main-slider .details .title a {
            font-family: 'Roboto Slab', serif;
            font-weight: 700;
            font-size: 18px;
            color: #000;
            text-decoration: none;
        }

            #main-slider .details .title a:hover {
                text-decoration: underline;
            }

    #main-slider .details a.more {
        display: block;
        color: #FFF;
        background-color: #440e62;
        background-repeat: no-repeat;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        width: 80%;
        border-radius: 8px;
        margin: 0 auto;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        padding: 10px;
        border: 3px #707070 solid;
        font-weight: bold;
    }

        #main-slider .details a.more:hover {
            background-color: #390c52;
        }

#main-slider-container #custom-controls {
    background-color: #ebebeb;
    display: none;
    padding: 0;
    z-index: 100000;
}

    #main-slider-container #custom-controls > .inner > div > div {
        display: inline-block;
    }

#main-slider-container .inner {
    position: relative;
}

.slider-actions {
    bottom: 0;
    right: 50px;
    z-index: 6699;
    position: absolute;
    overflow: hidden;
    /* background-color: rgba(255, 255, 255, 0.4); */
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}

#explore {
    display: none;
}



.view-all-news .btnAction-dark-pink {
    margin: 10px 0;
}

#data-stories {
    background: #313364;
    padding-top: 25px;
    position: relative;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}

    #data-stories .top {
        background-color: #4d4f80;
    }

    #data-stories .wrap {
        padding: 20px 15px;
    }

        #data-stories .wrap h2 {
            color: #fff;
            margin: 0;
        }

    #data-stories .top .intro {
        color: #ccc;
        font-size: 12px;
        line-height: 16px;
        font-family: 'Roboto', sans-serif;
    }

    #data-stories .top a.more {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 5px 0;
    }

    #data-stories .orange-arrow {
        padding: 0 20px 0 0 !important;
    }

    #data-stories .top a.more:hover {
        text-decoration: underline;
    }

    #data-stories .story .title a {
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 20px;
        margin: 10px;
    }

    #data-stories .story .title {
        margin: 10px;
    }

    #data-stories .story .desc {
        display: none;
    }

    #data-stories .story .image img {
        display: none;
    }

    #data-stories .story .content {
        text-align: center;
    }

    #data-stories .story .icon {
        width: 44px;
        background-size: 45%;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 12px;
        height: 44px;
        background-position: center center;
        text-transform: uppercase;
        text-indent: -9999px;
        border-radius: 25px;
        border: 4px #efefef solid;
        margin: 0 auto;
    }

        #data-stories .story .icon.databrief {
            background-color: #810042;
            background-image: url('/Content/Images/svg/icon-databrief.svg');
            background-size: 50%;
        }

        #data-stories .story .icon.report {
            background-color: #a39e4d;
            background-image: url('/Content/Images/svg/icon-report.png');
            background-size: 60%;
        }

        #data-stories .story .icon.presentation {
            background-color: #bd8cbf;
            background-image: url('/Content/Images/svg/icon-presentation.svg');
            background-size: 50%;
        }

        #data-stories .story .icon.chartbook {
            background-color: #2eadcd;
            background-image: url('/content/images/svg/icon-chartbook.svg');
            background-size: 50%;
        }

        #data-stories .story .icon.publication {
            background-color: #f37f56;
            background-image: url('/Content/Images/svg/icon-publication.svg');
            background-size: 50%;
        }

.home #data-stories .key .key-list li div {
    background-size: 20px;
    background-position: 10px 6px;
    background-repeat: no-repeat;
}

    .home #data-stories .key .key-list li div.report {
        background-image: url('/content/images/svg/icon-purple-report.png');
    }

    .home #data-stories .key .key-list li div.publication {
        background-image: url('/content/images/svg/icon-purple-publication.svg');
    }

    .home #data-stories .key .key-list li div.presentation {
        background-image: url('/content/images/svg/icon-purple-presentation.svg');
    }

    .home #data-stories .key .key-list li div.databrief {
        background-image: url('/content/images/svg/icon-purple-data.svg');
    }

    .home #data-stories .key .key-list li div.chartbook {
        background-image: url('/content/images/svg/icon-purple-chartbook.svg');
    }

#data-stories .bottom .col1 {
    display: none;
}

#data-stories .more {
    display: none;
}

.interior #story-slider .story .desc {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 16px;
}

.interior #story-slider .story .wrap {
    padding: 0 40px;
}

.interior #data-stories > .top > .wrap > div > div {
    /*sf injecting div - display: inline-block;*/
}

#story-slider-container {
    position: relative;
    z-index: 4444;
}

#data-stories .inner {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#story-slider {
    z-index: 5555;
    position: relative;
    margin-top: 20px;
}

    #story-slider ul {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    #story-slider li {
        margin: 0 auto;
        position: relative;
    }

#story-slider-container #controls {
    z-index: 6666;
    display: block;
    overflow: hidden;
    top: 20% !important;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
}

#story-slider-container .inner > #controls {
    display: none;
}

.interior #story-slider-container #controls {
    display: block;
    overflow: hidden;
    top: 20% !important;
    width: 100%;
}

    .interior #story-slider-container #controls a {
        position: relative;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

#story-slider-container #controls a {
    opacity: 0.3 !important;
    position: absolute !important;
    top: 35%;
    z-index: 6666;
}

    #story-slider-container #controls a.prevBtn {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url('/Content/Images/svg/icon-arrow-white.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        zoom: 1;
        left: 0;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
    }

    #story-slider-container #controls a.nextBtn {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        right: 0;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        #story-slider-container #controls a.prevBtn:hover, #story-slider-container #controls a.nextBtn:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

#story-slider .story img {
    margin: 0 auto;
    display: block;
}

#share-story .wrap {
    padding: 20px 15px;
}

#more-container h3 {
    margin-bottom: 10px;
}

#more-container > .wrap {
    padding: 10px 15px;
}

#more-container #news .wrap {
    padding: 0 15px;
}

#more-container .col-wrap > div {
    margin: 20px 0;
}

#more-container .title {
    font-family: 'Roboto Slab', serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
}

#more-container .col1 .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #666;
    margin: 5px 0;
    font-family: 'Roboto', sans-serif;
}

#news-container .item {
    overflow: hidden;
    padding-bottom: 15px;
}

    #news-container .item a {
        padding: 0;
        font-size: 14px;
        color: #0033CC;
        text-decoration: none;
        display: block;
    }

    #news-container .item .details {
        font-size: 11px;
    }

    #news-container .item a:hover {
        text-decoration: underline;
    }

    #news-container .item .date {
        font-size: 12px;
        color: #666;
        line-height: 20px;
    }

#more-container .col2 .twitter-box {
    border-radius: 10px;
    background-color: #e7e7f3;
    padding: 15px;
    margin: 10px 0;
}

#more-container .col3 .intro {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    margin: 3px 0;
}

.subscribe-box {
    padding: 10px;
    border: 2px solid;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    width: 60%;
}

#more-container .col3 .subscribe-box {
    border-color: #ddd;
}

#footer .col3 .subscribe-box {
    border-color: #717171;
    background-color: #c2c2c2;
}

.subscribe-button {
    background-color: #990033;
    border: 0;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    float: right;
    font-size: 12px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .subscribe-button:hover {
        background-color: #700039;
        text-decoration: none;
        color: #fff;
    }

    .subscribe-button.subscribe-footer-button {
        float: left;
        margin-top: 20px;
    }

.subscribe-form {
    margin: 15px 0;
}
/*#more-container .col3 #subscribe-box {
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    width: 60%;
}
#more-container .col3 #subscribe-button {
    background-color: #f37f56;
    border: 0;
    padding: 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    max-width: 100px;
    cursor: pointer;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
#more-container .col3 #subscribe-button:hover {
    background-color: #db744f;
}
#more-container .col3 .subscribe-form {
    margin: 15px 0;
}*/
#footer:before {
    content: '';
    width: 100%;
    background-color: #5a4a42;
    height: 20px;
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    display: block;
}

#footer {
    background-color: #2a2a2a;
    padding-bottom: 25px;
}

    #footer .inner {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #footer .col-wrap {
        padding: 20px 15px;
    }

        #footer .col-wrap .col1 {
            text-align: center;
        }

            #footer .col-wrap .col1 a {
                display: inline-block;
            }

            #footer .col-wrap .col1 img {
                display: inline-block;
                vertical-align: top;
                margin: 10px 0;
            }

        #footer .col-wrap .title {
            font-family: 'Roboto', sans-serif;
            color: #666;
            font-size: 16px;
            line-height: 20px;
            font-weight: bold;
            margin: 0 0 10px 0;
        }

        #footer .col-wrap .details {
            font-family: 'Roboto', sans-serif;
            color: #ccc;
            font-size: 12px;
            line-height: 16px;
        }

            #footer .col-wrap .details a {
                font-family: 'Roboto', sans-serif;
                color: #d9dd91;
                font-weight: bold;
                font-size: 12px;
                line-height: 16px;
                text-decoration: underline;
            }

/*#footer .col3 #subscribe-box {
    padding: 10px;
    border: 2px solid #717171;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    background-color: #c2c2c2;
    width: 60%;
}
    #footer .col3 #subscribe-button {
        background-color: #f37f56;
        border: 0;
        padding: 12px;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        max-width: 100px;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }
#footer .col3 #subscribe-button:hover {
    background-color: #db744f;
}
#footer .col3 .subscribe-form {
    margin: 15px 0;
}*/
div.break {
    display: block !important;
}

.interior #content > .cols-wrap {
    padding: 0 15px;
}

#highlights-container {
    margin: 50px 0 20px 0;
}

    #highlights-container .highlight img {
        max-width: 100%;
        width: 100px;
        height: auto;
        display: block;
        border: 1px #ccc solid;
        border-radius: 10px;
        margin: 0 auto;
    }

    #highlights-container .highlight .title {
        margin: 10px 0;
    }

        #highlights-container .highlight .title a {
            color: #000099;
            font-size: 16px;
            text-decoration: none;
            line-height: 20px;
            font-weight: 600;
        }

            #highlights-container .highlight .title a:hover {
                text-decoration: underline;
            }

    #highlights-container .highlight .desc {
        font-size: 14px;
        color: #333;
        line-height: 20px;
    }

    #highlights-container .highlight {
        padding: 20px 0;
    }

        #highlights-container .highlight:first-child {
            border-top: 1px solid #d7d7d7;
            margin-top: 20px;
        }

#landing-image-container img {
    display: block;
}

#section-title {
    padding: 18px;
    background-color: #707070;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    color: #fff;
    cursor: pointer;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative;
}

    #section-title:after {
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-repeat: no-repeat;
        content: '';
        height: 30px;
        width: 30px;
        background-position: center;
        background-size: 18px;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        right: 15px;
        top: 15px;
    }

    #section-title.open:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #section-title:hover {
        background-color: #505050;
    }

.drc-one-column div#section-title {
    display: none;
}

.site-info {
    padding: 15px;
}

#site-info-container {
    /*height:29px;*/
    background-color: #ebebeb;
    overflow: hidden;
}

    #site-info-container .inner {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    #site-info-container .site-info > div {
        margin: 2px 0;
    }

.title-container {
    background-color: rgba(112, 112, 112, 0.9);
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 35px;
    padding: 20px 0;
}

.survey-landing .title-container h1 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 35px;
    font-weight: normal;
    margin: 0;
}

.survey-landing .title-container .title {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 48px;
    line-height: 54px;
    font-weight: normal;
}

.survey-landing .title-container a.btnAction-white {
    max-width: 55% !important;
    margin: 20px 0 !important;
}

.title-container .subtitle {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 16px;
    color: #fff;
}

.title-container .wrap {
    padding: 10px;
}

.interior #content .inner {
    -webkit-box-shadow: -2px 0 12px 0 rgba(222,222,222,.85);
    -moz-box-shadow: -2px 0 12px 0 rgba(222,222,222,.85);
    box-shadow: -2px 0 12px 0 rgba(222,222,222,.85);
    background-color: #fff;
}

#background-image {
    display: none;
}

#side-nav .nav-wrap .divnav1 > ul {
    padding: 25px 0 25px 0;
    margin: 0;
    list-style-type: none;
}

#side-nav .nav-wrap div > ul > li > a {
    color: #707070;
    display: block;
    padding: 10px 20px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 14px;
    border-top: 1px solid #d7d7d7;
}

#side-nav .nav-wrap div > ul > li:first-child > a {
    border: 0;
}

#side-nav .nav-wrap div > ul > li.activenavpage > a {
    background-color: #e0e5d6;
    border: 0;
}

#side-nav .nav-wrap div > ul > li a {
    background-color: #fff;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#side-nav .nav-wrap div > ul > li > a:hover {
    background-color: #ebebeb;
}

#side-nav .nav-wrap div > ul > li.activenavpage > a:hover {
    background-color: #e0e5d6;
    border: 0;
}

#side-nav .nav-wrap div > ul > li.activenavpage ul {
    display: block;
}

#side-nav .nav-wrap div > ul > li > ul > li > a {
    color: #313364;
    display: block;
    padding: 10px 0 10px 40px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 13px;
    border-top: 1px solid #d7d7d7;
    position: relative;
}

    #side-nav .nav-wrap div > ul > li > ul > li > a:before {
        background-image: url('/content/images/svg/icon-arrow-blue.svg');
        background-repeat: no-repeat;
        content: '';
        height: 7px;
        width: 7px;
        background-position: left center;
        background-size: 7px;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 17px;
        left: 28px;
    }

    #side-nav .nav-wrap div > ul > li > ul > li > a:hover {
        background-color: #ebebeb;
    }

#side-nav .nav-wrap div > ul > li > ul {
    padding: 0;
    display: none;
    margin: 0;
    list-style-type: none;
}

#content .callout {
    max-width: 276px;
    margin: 20px auto;
}

    #content .callout img {
        margin: 0 auto;
        display: block;
    }

.interior #data-stories > .top > .wrap > div {
    /*sf injecting div - display: inline-block;*/
}

.interior #content .col2 > .wrap {
    padding: 0 15px;
}

.browse-portal-container > div:first-child {
    color: #000;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
    padding: 10px 5px;
    background: #baca99;
}

.browse-portal-container .list-trigger {
    background-color: #728844;
    color: #fff;
    padding: 10px 15px 10px 5px;
    cursor: pointer;
    position: relative;
}

    .browse-portal-container .list-trigger:after {
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-repeat: no-repeat;
        content: '';
        height: 30px;
        width: 30px;
        background-position: center;
        background-size: 13px;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        right: 5px;
        top: 3px;
    }

    .browse-portal-container .list-trigger.open:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.browse-portal-container ul.open li {
    display: block;
}

.browse-portal-container ul {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #ebebeb;
}

    .browse-portal-container ul li a {
        padding: 5px;
        display: block;
        color: #333;
        font-size: 14px;
        text-decoration: none;
        border-top: 1px solid #d7d7d7;
    }

        .browse-portal-container ul li a:hover {
            background-color: #d7d7d7;
        }

#content #side-nav {
    display: none;
}

.anchor {
    display: none;
}

.social a {
    display: inline-block;
    text-align: left;
    padding: 5px 3px;
}

.social div {
    display: inline-block;
    text-align: left;
    padding: 5px 3px;
}

.home #explore .col2 .map-desc {
    font-style: italic;
    color: #666;
    font-size: 13px;
    margin-left: 120px;
    position: relative;
    top: 0;
}

.breadcrumbs a {
    color: #666;
    font-style: italic;
    text-decoration: none;
    font-size: 12px;
    padding: 0px 5px;
}

.breadcrumbs {
    color: #666;
}

    .breadcrumbs a:hover {
        text-decoration: underline;
    }

    .breadcrumbs a.home-crumb img {
        height: 18px;
        width: 18px;
        position: relative;
        top: 3px;
    }

#data-stories .top span.data-title {
    font-weight: normal;
    color: #cccddf;
}

#data-stories .top a.more span {
    font-style: italic;
}

.explore-survey-container .item {
    background-color: #ebebeb;
    padding: 8px 20px;
    margin: 20px 0;
    vertical-align: top;
}

    .explore-survey-container .item a.orange-arrow {
        padding: 0 20px 0 0;
        margin: 0;
    }

    .explore-survey-container .item .title {
        font-weight: bold;
    }

    .explore-survey-container .item .content {
        font-size: 13px;
    }

        .explore-survey-container .item .content a {
            font-weight: bold;
            font-size: 14px;
            color: #0033CC;
        }

.explore-survey-map {
    overflow: hidden;
    display: none;
    margin: 0 auto;
}

.interior #content .more-container h3 {
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
    margin-bottom: 25px;
}

#survey-data-container {
    position: relative;
}

#survey-data-slider ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

#survey-data-slider li {
    margin: 0 auto !important;
    position: relative;
    z-index: 5595;
}

#survey-data-container #controls {
    position: absolute;
    z-index: 5599;
    display: block;
    overflow: hidden;
    top: 20% !important;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
}

    #survey-data-container #controls a.prevBtn {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url('/content/images/svg/icon-arrow-slider-grey.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        zoom: 1;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
    }

    #survey-data-container #controls a.nextBtn {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        background-image: url('/content/images/svg/icon-arrow-slider-grey-next.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        #survey-data-container #controls a.prevBtn:hover,
        #survey-data-container #controls a.nextBtn:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

#survey-data-slider li img {
    margin: 0 auto;
    display: block;
}

#survey-data-container li .wrap {
    padding: 0 60px;
}

#survey-data-container li .title {
    line-height: 18px;
}

    #survey-data-container li .title a {
        font-size: 13px;
        color: #0033CC;
        text-decoration: none;
    }

        #survey-data-container li .title a:hover {
            text-decoration: underline;
        }

#survey-data-container li .type {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.snapshot-preference .number {
    font-size: 36px;
    color: #999;
    position: relative;
    font-family: 'Roboto Slab', serif;
    vertical-align: top;
    padding: 0;
    margin: 0 auto;
}

.snapshot-preference .title {
    padding: 0;
    margin: 0;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', serif;
    top: 10px;
}

.snapshot-preference img {
    display: block;
    margin: 10px auto;
}

.snapshot-preference {
    position: relative;
    text-align: center;
}

    .snapshot-preference .snapshot-split {
        padding: 5px 15px;
        border: 1px solid #d7d7d7;
        max-width: 20px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: 20px;
        background-color: #fff;
        font-size: 18px;
        font-style: italic;
        color: #999;
    }

    .snapshot-preference .col2 {
        border-top: 1px solid #d7d7d7;
        padding-top: 30px;
    }

    .snapshot-preference .col a.orange-arrow {
        padding: 0 20px 0 0;
        margin-top: 20px;
    }

.two-column-boxes .box {
    border: 1px solid #d7d7d7;
    padding: 20px;
    margin: 10px 0;
    font-size: 13px;
}

    .two-column-boxes .box .red.title {
        color: #990033;
    }

    .two-column-boxes .box .title {
        font-weight: 600;
        font-size: 18px;
    }

#content .topic-jump {
    margin: 10px 0;
}

.topics-container .topic .name {
    font-weight: bold;
    color: #000;
    font-size: 18px;
    display: inline-block;
    position: relative;
}

.topics-container .topic .back-to-top {
    display: block;
    font-size: 11px;
}

.topics-container .topic .top {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.topics-container .topic .item {
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

.topics-container .topic .top + .item {
    border-top: 0;
}

.topics-container .topic .item > div {
    display: inline-block;
    vertical-align: top;
}

.topics-container .topic .item .details {
    font-size: 11px;
    color: #000;
    padding-bottom: 10px;
}

.topics-container .topic .item.presentation .icon {
    background-image: url('/content/images/svg/icon-color-presentation.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.report .icon {
    background-image: url('/content/images/svg/icon-color-report.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.publication .icon {
    background-image: url('/content/images/svg/icon-color-publication.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.chartbook .icon {
    background-image: url('/content/images/svg/icon-color-chartbook.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.databrief .icon {
    background-image: url('/content/images/svg/icon-color-databrief.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item .icon {
    padding-right: 12px;
    margin-top: 3px;
    text-indent: 9999px;
}

.topics-container .topic .item .title {
    font-size: 14px;
}

    .topics-container .topic .item .title a {
        padding: 0;
        margin: 0;
    }

        .topics-container .topic .item .title a:after {
            content: '';
        }

.callout .data-in-action-container {
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
}

.callout .link-list-container {
    border: solid 1px #ccc;
}

    .callout .link-list-container .wrap {
        padding: 15px;
    }

    .callout .link-list-container .title {
        font-weight: bold;
        color: #000;
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    .callout .link-list-container div {
        font-size: 13px;
        margin: 5px 0;
    }

.callout .stay-connected-container {
    border: solid 1px #ccc;
}

    .callout .stay-connected-container .wrap {
        padding: 15px;
    }

    .callout .stay-connected-container .title {
        font-weight: bold;
        color: #000;
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    .callout .stay-connected-container div {
        font-size: 13px;
        margin: 5px 0;
    }

.callout .data-in-action-container .name {
    padding: 10px 5px 10px 15px;
    background-color: #313364;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    font-weight: bold;
}

.callout .data-in-action-container .image img {
    display: block;
}

.callout .data-in-action-container .details {
    padding: 30px 5px 25px 15px;
    background-color: #ededed;
    color: #666;
    position: relative;
}

.callout .data-in-action-container .title a {
    color: #000099;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.callout .data-in-action-container .desc {
    font-size: 12px;
}

.callout .data-in-action-container .icon.databrief {
    background-color: #f37f56;
    background-image: url('/content/images/svg/icon-databrief.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon.report {
    background-color: #a39e4d;
    background-image: url('/content/images/svg/icon-report.png');
    background-size: 60%;
}

.callout .data-in-action-container .icon.publication {
    background-color: #a39e4d;
    background-image: url('/content/images/svg/icon-publication.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon.presentation {
    background-color: #bd8cbf;
    background-image: url('/content/images/svg/icon-presentation.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon.chartbook {
    background-color: #2eadcd;
    background-image: url('/content/images/svg/icon-chartbook.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon {
    width: 40px;
    background-size: 45%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    height: 40px;
    background-position: center center;
    text-transform: uppercase;
    text-indent: -9999px;
    border-radius: 25px;
    border: 4px #fff solid;
    position: absolute;
    top: -25px;
}

.icon-twitter-bird:before {
    background-image: url(/content/images/svg/icon-twitter-bird.svg);
    background-size: 29px;
    background-repeat: no-repeat;
    content: '';
    height: 40px;
    width: 40px;
    position: relative;
    padding: 0 35px 10px 0;
    top: -5px;
}

ul.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 25px;
}

    ul.accordion li ul.accordion {
        margin-top: 0;
    }

    ul.accordion > li > .wrap {
        background-color: #440e62;
        padding: 15px 25px;
        margin-top: 10px;
        -moz-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        -webkit-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s;
        cursor: pointer;
    }

        ul.accordion > li > .wrap > .title {
            display: block;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
        }

        ul.accordion > li > .wrap > .desc {
            display: block;
            color: #fff;
            font-size: 14px;
        }

    ul.accordion > li {
        position: relative;
    }

    ul.accordion li .content {
        padding: 15px;
    }

    ul.accordion .desc {
        margin: 0 0 0 10px;
    }

body.js ul.accordion > li .wrap {
    min-height: 50px;
    padding-bottom: 10px;
}

body.js ul.accordion > li .wrap {
}

    body.js ul.accordion > li .wrap .title:after {
        content: "+";
        float: right;
        color: #fff;
        font-size: 30px;
        top: -10px;
        position: relative;
    }

body.js ul.data-search-accordion > li .wrap .title:after {
    position: absolute;
    right: 15px;
    top: 4px;
}

body.js ul.accordion > li .wrap:hover {
    background-color: #310b47;
}

body.js ul.accordion > li.active .wrap .title:after {
    content: "-";
}

body.js ul.accordion .content {
    display: none;
}

ul.accordion .content table {
    width: 100%;
    border-collapse: collapse;
    padding: 5px;
}

    ul.accordion .content table th {
        border-bottom: 1px solid #C0C0C0;
        font-size: 11px;
        text-align: left;
        padding: 0;
    }

    ul.accordion .content table tr.first th {
        border-bottom: 0;
        padding: 5px;
    }

    ul.accordion .content table td {
        border-bottom: 1px solid #C0C0C0;
        color: #000;
        font-size: 12px;
        padding: 10px 15px 10px 0;
    }

        ul.accordion .content table td a {
            color: #0033CC;
            font-size: 12px;
            display: block;
            font-weight: normal;
            padding: 10px 0;
        }

ul.accordion > li > .content ul.accordion > li > .wrap {
    background-color: #fff;
    margin-top: 0;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 45px 10px 10px;
}

    ul.accordion > li > .content ul.accordion > li > .wrap:hover {
        background-color: #ebebeb;
    }

ul.accordion > li > .content ul.accordion > li .title {
    padding: 0;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    color: #000;
    font-size: 14px;
}

body.js ul.accordion > li > .content ul.accordion > li .desc {
    padding: 0;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    color: #000;
    font-size: 13px;
}

body.js ul.accordion > li > .content ul.accordion > li .wrap .title:after {
    position: absolute;
    right: 15px;
    top: 4px;
    content: "+";
    float: right;
    color: #666;
    font-size: 30px;
}

body.js ul.accordion > li > .content ul.accordion > li.active .wrap .title:after {
    content: "-";
}

body.js ul.accordion > li > .content ul.accordion > li.active .one-column-lists {
    overflow: hidden;
}

ul.accordion > li > .content ul.accordion input.go {
    width: 50%;
}

.one-column-lists > ul li a {
    display: block;
    float: left;
    clear: both;
}

.one-column-lists > ul {
    float: left;
    clear: both;
}

    .one-column-lists > ul > li:first-child {
        margin-top: 10px;
    }

    .one-column-lists > ul > li {
        margin-left: 10px;
    }

.two-column-lists {
    overflow: hidden;
}

    .two-column-lists > ul > li:first-child {
        margin-top: 10px;
    }

    .two-column-lists > ul li a {
        display: block;
    }

    .two-column-lists > ul > li {
        margin-left: 10px;
    }

    .two-column-lists > ul:nth-child(2n+1) {
        clear: both;
        margin-right: 5%;
    }

    .two-column-lists > ul {
        float: left;
        display: inline-block !important;
    }

.interior.portal-orange .title-container {
    background-color: rgba(243, 127, 86, 0.9) !important;
}

.interior.landing.portal-orange #section-title {
    background-color: #f37f56 !important;
}

.interior.portal-blue .title-container {
    background-color: rgba(27, 95, 161, 0.9) !important;
}

.interior.landing.portal-blue #section-title {
    background-color: #1B5FA1 !important;
}

.survey-landing #site-info-container {
    background-color: transparent;
}

    .survey-landing #site-info-container .inner {
        padding: 0;
    }

.selectricWrapper {
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #DDD;
    background: #F8F8F8;
    position: relative;
}

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin: 0 38px 0 10px;
        font-size: 12px;
        line-height: 38px;
        color: #444;
        height: 38px;
    }

    .selectric .button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 38px;
        height: 38px;
        color: #BBB;
        text-align: center;
        font: 0/0 a;
        *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }

        .selectric .button:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #BBB;
            border-bottom: none;
        }

.selectricHover .selectric {
    border-color: #C4C4C4;
}

    .selectricHover .selectric .button {
        color: #A2A2A2;
    }

        .selectricHover .selectric .button:after {
            border-top-color: #A2A2A2;
        }

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectric {
        border-color: #C4C4C4;
    }

    .selectricOpen .selectricItems {
        display: block;
    }

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.selectricItems {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #C4C4C4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems ul,
.selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
}

    .selectricItems li.selected {
        background: #EFEFEF;
        color: #444;
    }

    .selectricItems li:hover {
        background: #F0F0F0;
        color: #444;
    }

.selectricItems .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.snapshot-preference .content .data-selector .title {
    font-weight: bold;
    margin: 0 0 10px 0;
    display: block;
    font-size: 15px;
    top: 0;
}

.snapshot-preference .content .data-selector .selectric {
    font-weight: normal;
}

.snapshot-preference .content > div.col2 {
    text-align: left !important;
}

input.go {
    color: #fff;
    padding: 10px;
    height: 40px;
    border: none;
    background-color: #990033;
    cursor: pointer;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: 16px;
    width: auto;
}

    input.go:hover {
        background-color: #660022;
    }

ul.accordion li .content .data-search-form {
    margin: 10px 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 5px;
    -moz-column-count: 1;
    -moz-column-gap: 5px;
    column-count: 1;
    column-gap: 5px;
    list-style-type: none;
    padding: 0;
}

ul.data-search-accordion li .content input.go.data-search-submit {
    width: 20%;
}

ul.accordion li .content .data-search-form > div {
    padding: 5px 0;
}

.stay-connected-container form input.go {
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 13px;
    width: 100%;
    margin: 20px 0 0 0;
}

.callout .stay-connected-container form div {
    margin: 0;
}

.callout .stay-connected-container div span {
    font-style: italic;
}

.snapshot-table table {
    padding: 0 !important;
}

.snapshot-table table,
.snapshot-table thead,
.snapshot-table tbody,
.snapshot-table th,
.snapshot-table td,
.snapshot-table tr {
    display: block;
}

    .snapshot-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

.snapshot-table tr {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
}

.snapshot-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    padding: 30px 10px 10px !important;
}

.snapshot-table tr > td:first-child {
    background-color: #e3e3e3;
}

.snapshot-table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #000;
    content: attr(data-title) !important;
}

.snapshot-table td.table-text:before {
    font-weight: normal;
    top: 10px;
    font-size: 12px;
}

.one-column-lists {
    overflow: hidden;
}

.snapshot-preference .data-selector {
    margin-bottom: 20px;
}

.snapshot-table div.hasCheck {
    display: block !important;
    border: 0 !important;
    /*margin-left: 5px;*/
}

.snapshot-table td[data-title='HRSA Region'] {
    display: none;
}

.snapshot-table td[data-title='Census Region'] {
    display: none;
}

.snapshot-table td[data-title='State'] {
    display: none;
}

.snapshot-table td[data-title='National'] {
    display: none;
}

.snapshot-table div.div-snapshot-title {
    width: 40%;
    float: left;
}

.snapshot-table div.div-snapshot-ind {
    width: 60%;
    float: left;
}

.snapshot-table div.div-snapshot-year {
    float: left;
    width: 41%;
}

.snapshot-table div.div-snapshot-data {
    float: left;
    width: 18%;
}

.snapshot-table div.div-check-1 {
    float: left;
    width: 10%;
    text-align: center;
}

.snapshot-table div.div-check-2 {
    float: left;
    width: 13%;
    text-align: center;
}

.snapshot-table div.div-check-3 {
    float: left;
    width: 18%;
    text-align: center;
}

.snapshot-table div.div-check-4 {
    float: left;
    width: 18%;
    text-align: center;
}

.snapshot-table td.snapshot-header {
    font-weight: bold;
}

.snapshot-table div.div-header-snapshot-title {
    width: 40%;
    float: left;
}

.snapshot-table div.div-header-snapshot-ind {
    width: 60%;
    float: left;
}

.snapshot-table div.div-header-snapshot-year {
    float: left;
    width: 41%;
}

.snapshot-table div.div-header-snapshot-data {
    float: left;
    width: 18%;
}

.snapshot-table div.div-header-check-1 {
    float: left;
    width: 10%;
}

.snapshot-table div.div-header-check-2 {
    float: left;
    width: 13%;
}

.snapshot-table div.div-header-check-3 {
    float: left;
    width: 18%;
}

.snapshot-table div.div-header-check-4 {
    float: left;
    width: 18%;
}

.snapshot-table div.div-header-snapshot-data {
    font-weight: normal;
}



ul.accordion .content table .table-text {
    font-weight: normal !important;
    border-bottom: 0;
}
/* browse by survey styles */

#browsesurvey fieldset {
    border: 0;
    margin: 20px 0;
}

#browsesurvey legend {
    background-color: #440e62;
    padding: 25px;
    width: 100%;
    color: #fff;
}

#browsesurvey label {
    display: block;
    margin: 15px;
}

select {
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #d5d5d5;
    margin-left: 15px;
}

#browsesurvey ul.rtUL {
    padding: 0;
}

#browsesurvey .rtIn.topics {
    margin-left: 20px;
}

#browsesurvey li.rtLI {
    list-style-type: none;
}

#browsesurvey ul li input {
    display: inline-block;
}

#browsesurvey ul li label {
    display: inline-block;
    margin: 5px 15px;
    font-size: 12px;
    width: 75%;
    vertical-align: middle;
}

#browsesurvey .rtTemplate {
    padding: 5px;
    font-size: 14px !important;
    display: inline-block;
    vertical-align: middle;
}

/*#browsesurvey fieldset div {
    width: 100% !important;
}*/

#browsesurvey ul li a {
    padding: 10px 0 10px 10px;
}

#browsesurvey .rtTemplate span {
    padding: 0 10px;
}

#browsesurvey ul li .rtBot {
}


#browsesurvey ul li span.areaname > div {
    background-color: #ebebeb !important;
}

#browsesurvey .rtIn.topics .rtTemplate {
    background-color: #fff !important;
}

#browsesurvey ul.rtUL li ul li a {
    padding: 10px 0 10px 40px;
    font-size: 13px !important;
}

#browsesurvey span.areaname {
    padding: 0 !important;
}

#browsesurvey span.areadescription {
    padding-left: 0 !important;
}

.explore-survey-container select {
    margin-left: 0;
}

.RadTreeView .rtSp {
    display: none !important;
}

.RadTreeView .rtPlus,
.RadTreeView .rtMinus {
    margin: 15px 6px 0 -17px !important;
    padding: 0 !important;
    width: 11px !important;
    height: 11px !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.interior #content > .inner {
    -webkit-box-shadow: -2px 0px 12px 0px rgba(222, 222, 222, 0.85);
    -moz-box-shadow: -2px 0px 12px 0px rgba(222, 222, 222, 0.85);
    box-shadow: -2px 0px 12px 0px rgba(222, 222, 222, 0.85);
    padding-bottom: 80px;
}

.div-snapshot-year a {
    cursor: pointer;
}

div#actions.repeated {
    display: none;
}

.clearfloat {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* Added 02/15/16 */
select {
    padding: 5px;
}

#browsesurvey legend {
    padding: 12px 25px;
}

#browsesurvey label {
    margin: 8px 0 4px 0;
}

#browsesurvey .rtTemplate {
    padding: 0;
}

#browsesurvey ul li label {
    vertical-align: top;
    margin-top: 1px;
}

#mega-menu .inner > div > div > div > div {
    width: 13%;
    display: block;
    float: left;
    padding: 15px 0 0 15px;
    color: #fff;
}

/* Multiple Indicator Tables */
table.dataTable {
    line-height: 1.2;
    font-size: 10.75px;
}

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 4px 0 !important;
    }

/*table.dataTable tr:nth-child(3) th {
    text-align: left;
}*/

.green.alt-datatable td.colorcode-1,
.green.alt-datatable td.colorcode-1.sorting_1,
.alt-datatable td.colorcode-1,
.alt-datatable td.colorcode-1.sorting_1,
.datatable-24 td.colorcode-1,
.datatable-24 td.colorcode-1.sorting_1 {
    background-color: #548235 !important;
    text-align: center;
    -webkit-print-color-adjust: exact;
}

.green.alt-datatable td.colorcode-2,
.green.alt-datatable td.colorcode-2.sorting_1,
.alt-datatable td.colorcode-2,
.alt-datatable td.colorcode-2.sorting_1,
.datatable-24 td.colorcode-2,
.datatable-24 td.colorcode-2.sorting_1 {
    background-color: #84a76c !important;
    text-align: center;
    -webkit-print-color-adjust: exact;
}

.green.alt-datatable td.colorcode-3,
.green.alt-datatable td.colorcode-3.sorting_1,
.alt-datatable td.colorcode-3,
.alt-datatable td.colorcode-3.sorting_1,
.datatable-24 td.colorcode-3,
.datatable-24 td.colorcode-3.sorting_1 {
    background-color: #b3cba3 !important;
    text-align: center;
    -webkit-print-color-adjust: exact;
}


.green.alt-datatable td.colorcode-4,
.green.alt-datatable td.colorcode-4.sorting_1,
.alt-datatable td.colorcode-4,
.alt-datatable td.colorcode-4.sorting_1,
.datatable-24 td.colorcode-4,
.datatable-24 td.colorcode-4.sorting_1 {
    background-color: #e2efda !important; /* was 8787ff*/
    text-align: center;
    -webkit-print-color-adjust: exact;
}


.green.alt-datatable td.colorcode-5,
.green.alt-datatable td.colorcode-5.sorting_1,
.alt-datatable td.colorcode-5,
.alt-datatable td.colorcode-5.sorting_1,
.datatable-24 td.colorcode-5,
.datatable-24 td.colorcode-5.sorting_1 {
    background-color: #00004d !important; /* was 7474ff */
    text-align: center;
    -webkit-print-color-adjust: exact;
}

.blue.alt-datatable td.colorcode-1,
.blue.alt-datatable td.colorcode-1.sorting_1,
td.colorcode-0,
td.colorcode-1.sorting_1 {
    background-color: #eee !important;
    text-align: center;
}

    .blue.alt-datatable td.colorcode-1,
    .blue.alt-datatable td.colorcode-1.sorting_1,
    td.colorcode-1,
    td.colorcode-1.sorting_1 {
        background-color: #0069aa !important; /* was 8787ff*/
        -webkit-print-color-adjust: exact;
        text-align: center;
    }

.blue.alt-datatable td.colorcode-2,
.blue.alt-datatable td.colorcode-2.sorting_1,
td.colorcode-2,
td.colorcode-2.sorting_1 {
    background-color: #579ac3 !important;
    -webkit-print-color-adjust: exact;
    text-align: center;
}

.blue.alt-datatable td.colorcode-3,
.blue.alt-datatable td.colorcode-3.sorting_1,
td.colorcode-3,
td.colorcode-3.sorting_1 {
    background-color: #7cbae2 !important;
    -webkit-print-color-adjust: exact;
    text-align: center;
}

.blue.alt-datatable td.colorcode-4,
.blue.alt-datatable td.colorcode-4.sorting_1,
td.colorcode-4,
td.colorcode-4.sorting_1 {
    background-color: #a5dcff !important;
    
    -webkit-print-color-adjust: exact;
    text-align: center;
}

.blue.alt-datatable td.colorcode-5,
.blue.alt-datatable td.colorcode-5.sorting_1,
td.colorcode-5,
td.colorcode-5.sorting_1 {
    background-color: #00004d !important; /* was 7474ff */
    -webkit-print-color-adjust: exact;
    text-align: center;
}

.dataTables_info {
    display: none;
}

.sortablemap-intro {
    margin-bottom: 20px;
}

    .sortablemap-intro .sortablemap-instructions {
        float: left;
        width: 40%;
    }

    .sortablemap-intro .sortablemap-legend table tr td.colorcode-1,
    .sortablemap-intro .sortablemap-legend table tr td.colorcode-2,
    .sortablemap-intro .sortablemap-legend table tr td.colorcode-3,
    .sortablemap-intro .sortablemap-legend table tr td.colorcode-4 {
        width: 100px;
    }

    .sortablemap-intro .sortablemap-legend {
        float: right;
        width: 55%;
    }

.ui-tooltip {
    padding: 8px;
    position: absolute;
    top: -100px;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color: #fff;
}

body .ui-tooltip {
    t border-width: 2px;
}

.share .sfContentBlock {
    float: left;
    width: 152px;
}

.share #pdf-generator {
    float: right;
    width: 50px;
}

.addthis-smartlayers {
    margin-top: -23px !important;
}

/* Search Tabs */
/* Style the list */
#search-results ul.tab,
.local-area-report-container ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Float the list items side by side */
    #search-results ul.tab li,
    .local-area-report-container ul.tab li {
        float: left;
    }

        /* Style the links inside the list items */
        #search-results ul.tab li a,
        .local-area-report-container ul.tab li a {
            display: inline-block;
            color: black;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of links on hover */
            #search-results ul.tab li a:hover,
            .local-area-report-container ul.tab li a:hover {
                background-color: #ddd;
            }

            /* Create an active/current tablink class */
            #search-results ul.tab li a:focus,
            .local-area-report-container ul.tab li a:focus,
            #search-results ul.tab li a.active,
            .local-area-report-container ul.tab li a.active {
                background-color: #ccc;
            }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px 0 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.mrn-container {
}

    .mrn-container h4 {
        margin: 0;
    }

    .mrn-container .measure-set-container {
        width: 20%;
        float: left;
    }

    .mrn-container .datasource-container {
        width: 70%;
        float: left;
    }

    .mrn-container .level-1-container {
        width: 33%;
        float: left;
    }

    .mrn-container .level-2-container {
        width: 33%;
        float: left;
    }

    .mrn-container .level-3-container {
        width: 33%;
        float: left;
    }

    .mrn-container .keyword-container {
        border: 1px solid #ccc;
        margin-top: 10px;
        padding: 10px;
    }

        .mrn-container .keyword-container p {
            margin: 0;
        }

        .mrn-container .keyword-container input {
            padding: 4px;
            font-size: 1em;
        }

        .mrn-container .keyword-container a.btnAction-green {
            display: inline;
        }

    .mrn-container .results-container {
        margin-top: 20px;
    }

        .mrn-container .results-container h3 {
            margin-bottom: 10px;
        }

    .mrn-container .dataTables_length {
        float: right;
        position: absolute;
        top: -30px;
        right: 0;
    }

h1.cust-profile {
    margin: 0;
}

/* Customizable Profile */
/* Local Area Profile */
.cust-profile-container {
    /*margin-top: 20px;*/
    margin-bottom: 20px;
}

    .cust-profile-container .error-container,
    .local-area-container .error-container {
        border: 1px solid #ccc;
        background-color: #aa0909;
        padding: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 1.1em;
    }

    .cust-profile-container .sort-method-note {
        margin-top: 20px;
        font-weight: bold;
    }

.all-page-note {
    display: none;
}

.cust-profile-container .indicators-container {
    border: 1px solid #ccc;
    padding: 10px;
}

    .cust-profile-container .indicators-container .group-header-container,
    .local-area-container .group-header-container {
        margin-top: 1.3em;
        font-weight: bold;
    }

        .cust-profile-container .indicators-container .group-header-container .group-select-all label {
            font-weight: normal;
        }

        .cust-profile-container .indicators-container .group-header-container .group-select-all input {
            position: relative;
            top: 2px;
        }

    .cust-profile-container .indicators-container .indicator-column-1 {
        float: left;
        width: 45%;
    }

    .cust-profile-container .indicators-container .indicator-column-2 {
        float: left;
        width: 45%;
    }

.cust-profile-container .indicator-filters,
.local-area-container .indicator-filters {
    float: left;
    width: 75%;
}

.local-area-container .local-area-top-submit {
    float: right;
    width: 25%;
}

.cust-profile-container a.generate-button-top {
    float: right;
    margin-top: 65px;
}

.indicator-item input {
    width: 15px;
    display: block;
    float: left;
    margin-top: 4px;
}

.indicator-item label {
    padding-left: 22px;
    display: block;
}

.indicator-item {
    clear: both;
}

.cust-profile-container .dataTables_wrapper {
    margin-top: 5px;
}

.cust-profile-container .report-geo-container {
    float: left;
    width: 75%;
}

.cust-profile-container .group-container {
    margin: 10px 0;
}

.cust-profile-container .reset-hide-container {
    float: right;
    width: 25%;
    font-size: .9em;
    text-align: right;
}

.cust-profile-container table.dataTable tbody td {
    padding: 8px 7px;
}

.cust-profile-container .answers-select-literal {
    display: none;
}

.cust-profile-container td.data-column {
    text-align: center;
    vertical-align: top;
}

.cust-profile-container h3.report-geo {
    margin-top: 5px;
    float: left;
    width: 100px;
}

.cust-profile-container table {
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
}

    .cust-profile-container table tr {
        border-bottom: 1px solid #ccc;
    }

    .cust-profile-container table thead tr.header-row-dark {
        background-color: #707070;
        /*border: 1px solid #ccc;*/
        color: #fff;
    }

    .cust-profile-container table thead tr.header-row-white {
        background-color: #fff;
        /*border: 1px solid #ccc;*/
        color: #000;
    }

    .cust-profile-container table th.column-with-text,
    .cust-profile-container table td.column-with-text {
        /*border: 1px solid #ccc;*/
    }

    .cust-profile-container table.dataTable thead th,
    .cust-profile-container table.dataTable thead td {
        border-bottom: none;
    }

    .cust-profile-container table .answers-select {
        width: 150px;
        margin: 0;
        padding: 2px;
        font-size: .9em;
    }

    .cust-profile-container table td.answers-select-tc {
        text-align: left;
    }

    .cust-profile-container table span.ci-data {
        font-size: .9em;
    }

    .cust-profile-container table.dataTable thead .sorting,
    .cust-profile-container table.dataTable thead .sorting_asc,
    .cust-profile-container table.dataTable thead .sorting_desc,
    .cust-profile-container table.dataTable thead .sorting_asc_disabled,
    .cust-profile-container table.dataTable thead .sorting_desc_disabled {
        background-position: center right -3px;
    }

    .cust-profile-container table.dataTable tr.group {
        background-color: #ccc;
    }

    .cust-profile-container table.dataTable td {
        text-align: center;
        min-width: 67px;
    }

        .cust-profile-container table.dataTable td:first-child,
        .cust-profile-container table.dataTable th:first-child {
            text-align: left;
        }

        .cust-profile-container table.dataTable td.geo-2 {
            background-color: #efece7;
        }

        .cust-profile-container table.dataTable td.rse-flag {
            background-color: #ccc;
        }

.cust-profile-container .indicators-container {
    margin-top: 15px;
}

.chart-container {
    margin-bottom: 60px;
}

    .chart-container table img {
        max-width: 800px;
    }

.footNote {
    font-size: .9em;
}

.tooltip-box {
    background-color: #707070;
    color: #fff;
}

.ui-helper-hidden-accessible {
    display: none;
}

.local-area-container .local-area-variable-container {
    border: 1px solid #ccc;
    padding: 10px;
}

.local-area-container .local-area-report-container {
    /*border: 1px solid #ccc;*/
    padding: 10px;
}

.local-area-container .floatright {
    float: right;
}

.local-area-container .rv {
    width: 864px;
    overflow: hidden;
}

    .local-area-container .rv div {
        overflow: hidden !important;
    }

.local-area-container .wrap {
    overflow-x: visible;
}

.local-area-container .col2 {
    overflow-x: visible;
}

.local-area-container h1 {
    margin: 20px 0 0 0;
}

.local-area-container h2 {
    margin: 0 0 20px 0;
}

.local-area-container .select-header h4:first-child {
    margin-top: 0;
}

.local-area-container .variable-container-left,
.local-area-container .variable-container-right {
    float: left;
    width: 50%;
}

.local-area-container .footer {
    font-size: 10px;
}

/*
.indicators-container .cbl-indicators input {
    width: 8%;
    float: left;
}

.indicators-container .cbl-indicators label {
    width: 40%;
    float: left;
}
*/
a.floating-data-query {
    width: 130px !important;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
}

.slider-actions .btnAction-purple {
    margin-top: 5px !important;
}

.fixed_pos {
    position: fixed;
    bottom: 0;
}

/*
#main-nav > ul > li.nav-promoted > a {
    background-color: #440e62;
    color: #fff;
}

    #main-nav > ul > li.nav-promoted > a:hover {
        background-color: #440e62;
        color: #fff;
    }
*/
.relative_pos {
    position: fixed;
    bottom: 280px !important;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Plugins / Widgets */

.plugin-chooser h3 {
    margin-bottom: 10px;
}

.plugin-chooser #yourWidget {
    margin-top: 20px;
}

.plugin-chooser #hdrCopy {
    margin-top: 20px;
}

pre {
    color: white;
    background: #666;
    padding: 0;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    line-height: 28px;
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
}


    pre code {
        font-size: 0.9rem;
        background: none;
        padding: 15px;
        white-space: pre;
        -webkit-overflow-scrolling: touch;
        display: block;
        white-space: pre-wrap; /* Since CSS 2.1 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word;
    }

.loading {
    position: fixed;
    z-index: 999;
    height: 6em;
    width: 6em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

.measureAccordion {
    border: 1px solid black;
    text-align: center;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    color: #ffffff !important;
    padding-left: 80px !important;
    font-size: 100% !important;
    background-color: #093461 !important;
}

table.dataTable.measure-table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.dataTable.measure-table tr {
        cursor: inherit;
    }

        table.dataTable.measure-table tr th,
        table.dataTable.measure-table tr td {
            border: 1px solid #ccc;
            text-align: center;
        }

            table.dataTable.measure-table tr th:first-child,
            table.dataTable.measure-table tr td:first-child {
                text-align: left;
            }

    table.dataTable.measure-table thead tr.head-1 {
    }

    table.dataTable.measure-table thead tr.head-2 {
        font-weight: bold;
        background-color: #fbffec;
    }

    table.dataTable.measure-table thead tr.head-1 th {
        font-weight: bold;
    }

    table.dataTable.measure-table thead tr.head-2 th {
        font-weight: bold;
    }

    table.dataTable.measure-table tbody tr.even {
        background-color: #f1f1f1;
    }

    table.dataTable.measure-table tbody tr.odd {
    }

    table.dataTable.measure-table.no-footer {
        border-bottom: none;
    }

table.focus-area-table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.focus-area-table tr th,
    table.focus-area-table tr td {
        border: 1px solid #ccc;
        text-align: center;
    }

    table.focus-area-table tr th {
        padding: 10px 0;
    }

    table.focus-area-table tr.trhide td {
        padding: 10px 0;
        font-size: 75%;
    }

    table.focus-area-table tr th:first-child,
    table.focus-area-table tr td:first-child {
        text-align: left;
        padding-left: 20px;
    }

    table.focus-area-table tr.head-1 {
        background-color: #fbffec;
    }

.focus-area-table .trhide {
    display: none;
}

tr.parent {
    border: 1px solid black;
    text-align: center;
    color: #ffffff !important;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 80px !important;
    font-size: 100% !important;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    background-color: #093461 !important;
    height: 40px;
}

.focus-area-title {
    width: 87%;
    float: left;
}

.focus-area-show {
    width: 10%;
    min-width: 100px;
    text-decoration: none;
    float: right;
    display: inline;
    cursor: pointer;
    font-size: 80% !important;
}

    .focus-area-show:hover {
        text-decoration: underline;
    }

.clickToShow {
    width: 100px;
    text-decoration: none;
    float: right;
    display: inline;
    cursor: pointer;
    font-size: 80% !important;
}

    .clickToShow:hover {
        text-decoration: underline;
    }

table.drc-table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.drc-table tr th,
    table.drc-table tr td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 10px;
    }

        table.drc-table tr th:first-child,
        table.drc-table tr td:first-child {
            text-align: left;
        }

    table.drc-table tr {
        background-color: #f1f1f1;
    }


        table.drc-table tr.head-1 {
            background-color: #313364;
            color: #fff;
        }

    table.drc-table thead tr th {
        font-weight: bold;
    }

    table.drc-table thead tr th,
    table.drc-table tbody tr td {
        vertical-align: top;
    }

div[id$='AsyncWait_Wait'] {
    display: none !important;
    visibility: hidden !important;
}

div[id$='AsyncWait'] {
    display: none !important;
    visibility: hidden !important;
}

#toolbar-container .wrap .sfContentBlock.add-this-container {
    float: right;
    margin-top: 5px;
}

#toolbar-container .wrap #pdf-generator {
    float: right;
    margin: 5px 0 0 2px;
}

/* Home Page v2 */
.main-content-container {
    background-color: #fff;
}

.grid {
    margin-bottom: 10px;
}

    .grid:after {
        /*content: "";
        display: table;
        clear: both;*/
    }

    .grid [class*='col-'] {
        float: left;
    }

    .grid [class*='col-'] {
        /*padding-right: 20px;*/
    }

        .grid [class*='col-']:last-of-type {
            padding-right: 0;
        }

.inner .grid-pad:first-child {
    padding-top: 15px;
}

.grid-pad {
    padding: 5px 0 5px 20px;
}

    .grid-pad > [class*='col-']:last-of-type {
        /*padding-right: 20px;*/
    }


.col-one {
    width: 100%;
    padding-left: 10px;
}

.col-1-2 {
    width: 50%;
}

.col-1-4 {
    width: 25%;
}

.col-1-8 {
    width: 12%;
}

.col-2-3 {
    width: 66.6%;
}

    .col-2-3.slider-col {
        width: 64.9%;
    }

.col-1-3 {
    width: 33.3%;
}

.panel-block {
    overflow: hidden;
}

.panel-block,
.panel-callout {
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f7f6f6;
    margin-right: 20px;
}

    .panel-block .panel-title {
        background-color: #999;
        padding: 10px 15px;
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
    }

        .panel-block .panel-title h4,
        .panel-block .panel-title h4 a {
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 1px;
            font-family: 'Roboto', sans-serif;
            color: #fff;
            text-decoration: none;
        }

            .panel-block .panel-title h4 a:hover {
                text-decoration: underline;
            }

    .panel-block .panel-body {
        border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        min-height: 100px;
        padding: 10px 15px;
    }

        .panel-block .panel-body p {
            font-size: 14px;
        }

        .panel-block .panel-body ul {
            padding: 10px 20px;
            font-size: 14px;
        }

        .panel-block .panel-body:after {
            content: '';
            display: table;
            clear: both;
        }

    .panel-block.theme-one .panel-title {
        background-color: #303364;
    }

    .panel-block.theme-two .panel-title {
        background-color: #898437;
    }

    .panel-block.theme-three .panel-title {
        background-color: #ee502c;
    }

    .panel-callout .panel-image {
        float: left;
        width: 30%;
        padding: 10px;
    }

    .panel-callout .panel-body {
        float: left;
        padding: 10px 5px;
        width: 60%;
    }

        .panel-callout .panel-body h3 {
            font-size: 16px;
            font-weight: 600;
        }

    .panel-callout:after {
        content: '';
        display: table;
        clear: both;
    }

a .panel-callout p {
    color: #000;
    font-size: 13px;
}

a .panel-callout:hover {
    border: 1px solid #f37f56;
}

.news-container:after {
    content: '';
    display: table;
    clear: both;
}

.news-container .wrap .item {
    float: left;
    width: 32%;
    margin-right: 10px;
    font-size: 14px;
}

    .news-container .wrap .item:last-child {
        margin-right: 0;
    }

a.view-all-news {
    float: right;
}

.SandboxRoot.env-bp-330 .timeline-Tweet-text {
    font-size: 12px !important;
    line-height: 16px !important;
}

.timeline-Tweet-text {
    margin-left: 0 !important;
}

.data-query-snippet select:disabled {
    background-color: #f5f5f5;
}

.data-query-snippet select {
    padding: 5px;
    display: block;
    width: 96%;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 7px;
}

.data-query-snippet a[class|="btnAction"] {
    width: 100px;
    float: right;
    margin: 0;
}

.panel-block .panel-body .data-query-snippet p.data-query-snippet-note {
    margin: 2px 0 0 0;
    font-size: 13px;
}

.panel-block.cahmi-bg {
    background: url('Images/CAHMI_bg_logo.png') no-repeat bottom #f7f6f6;
    background-position: right 15px bottom 10px;
}

.cahmi-bg-test {
    position: absolute;
    bottom: 30px;
}

.browse-data-info {
    width: 67%;
    float: left;
}

.browse-data-citation {
    width: 29%;
    float: left;
    font-size: 12px;
    background-color: #f9f7f7;
    padding: 0 15px;
    margin-top: -10px;
}

.browse-data-container:after {
    clear: both;
    content: '';
    display: block;
}

.footer-copy {
    padding: 10px 70px;
}

.privacy-policy {
    text-align: center;
}

.footer-bottom {
    color: #fff;
}

#main-slider h3 {
    color: #fff;
}

#main-slider p {
    color: #fff;
}

#main-slider ul li a {
    color: #fff;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.5;
}

.focus-area-table a:not( [href*='childhealthdata.org'] ):not( [href*='localhost'] ):not( [href^='#'] ):not( [href^='/'] ):after {
    content: '';
    height: 12px;
    display: inline-block;
    width: 12px;
    background-image: url(/content/icons/external-icon.jpg);
    background-size: 12px 12px;
    margin-left: 5px;
}

/* search results */

#chd-search-results {
}

#sf-search-results {
    margin-top: 25px;
}

#search-results {
    /*padding: 15px 10px 0 10px;
    margin-top: 15px;
    margin-left: 35px;
    border-top: 2px solid #e8f1f8;
    border-bottom: 4px solid #e8f1f8;*/
}

    #search-results h3 {
        margin-top: 0px;
    }

    #search-results li.search-result {
        list-style-type: none;
        padding-left: 0px;
    }

    #search-results > div > ul > li > ul {
        padding-left: 0px;
        margin-left: 35px;
    }

.search-result li {
    list-style-type: none;
    line-height: 18px;
    vertical-align: top;
    background: url(/Content/Images/ellipsis.gif) no-repeat 0px 0px transparent;
    margin: 0;
    padding: 0px 0px 0px 24px;
}

#search-result .pager {
    margin-top: 20px;
}

#search-results .col-md-3 span,
#search-results .col-md-6 span,
#search-results a.search-pager {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

#search-results .prev span,
#search-results .prev a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#search-results .next span,
#search-results .next a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#search-results .active,
#search-results a:hover {
    /* background-color: #5c7738;
    color: #fff !important;
    border: 1px solid #5c7738;*/
}

.non-highlighted-summary {
    margin-left: 35px;
}

.content-type {
    display: block;
    min-height: 35px;
    padding-top: 13px;
}

    .content-type.content-type-blog-post,
    .content-type.content-type-page,
    .content-type.content-type-chd,
    .content-type.content-type-document,
    .content-type.content-type-news-item,
    .content-type.content-type-data-story {
        padding-left: 35px;
    }

    .content-type:hover:before {
        text-decoration: none;
    }

.content-type-page {
    background: url(/Content/Images/icon-page.png) left no-repeat;
    background-size: 30px;
}

.content-type-chd {
    background: url(/Content/Images/icon-pdf.png) left no-repeat;
    background-size: 30px;
}

.content-type-document {
    background: url(/Content/Images/icon-pdf.png) left no-repeat;
    background-size: 30px;
}

.content-type-blog-post {
    background: url(/Content/Images/icon-blog.png) left no-repeat;
    background-size: 30px;
}

.content-type-news-item {
    background: url(/Content/Images/icon-blog.png) left no-repeat;
    background-size: 30px;
}

.content-type-data-story {
    background: url(/Content/Images/icon-pdf.png) left no-repeat;
    background-size: 30px;
}

/* search results end */

/* screen reader only, skip link */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

a.sr-only:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #BF1722;
    color: white;
    outline: 0;
    -webkit-transition: top .1s ease-in, background linear .5s;
    -moz-transition: top .1s ease-in;
    -o-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
    z-index: 100;
    clip: auto;
    width: auto;
    height: auto;
    padding: 3px;
}

/* skip link end */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    color: #333;
    padding: 0;
    margin: 0;
}

    body.js #wrapper-outer {
        position: relative;
        overflow: hidden;
    }

    body.js #wrapper-inner {
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
    }

    body.js #off-canvas {
        position: absolute;
        top: 0;
        right: -90%;
        width: 90%;
        background-color: #FFF;
        z-index: 95;
    }

a {
    color: #000099;
    text-decoration: none;
}

    a:hover {
        color: #000099;
        text-decoration: underline;
    }

#off-canvas .inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body.js.navOpen #off-canvas {
    -webkit-box-shadow: 5px -20px 23px 1px rgba(000, 000, 000, 0.3);
    -moz-box-shadow: 5px -20px 23px 1px rgba(000, 000, 000, 0.3);
    box-shadow: 5px -20px 23px 1px rgba(000, 000, 000, 0.3);
}

body.js.navOpen #wrapper-inner {
    position: relative;
    -webkit-transform: translate3d(-90%, 0, 0);
    -moz-transform: translate3d(-90%, 0, 0);
    -ms-transform: translate3d(-90%, 0, 0);
    -o-transform: translate3d(-90%, 0, 0);
    transform: translate3d(-90%, 0, 0);
}

#content #landing-image-container h1 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 48px;
    margin: 0 0 10px 0;
}

.inner {
    max-width: 1280px;
    margin: 0 auto;
    -webkit-box-shadow: -2px 0px 11px 2px rgba(222, 222, 222, 0.85);
    -moz-box-shadow: -2px 0px 11px 2px rgba(222, 222, 222, 0.85);
    box-shadow: -2px 0px 11px 2px rgba(222, 222, 222, 0.85);
}

#content img:not([src*="ReportViewer"]) {
    max-width: 100%;
    height: auto !important;
}

    #content img:not([src*="ReportViewer"]) img.callout-image {
        max-width: 70%;
        height: auto !important;
    }

#logo {
    display: block;
    float: left;
    width: 75%;
}

#header {
    background-color: #fff;
}

    #header .inner {
        padding: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        overflow: hidden;
    }

#logo img {
    display: block;
    max-width: 100%;
    height: auto;
}

#off-canvas-trigger {
    float: right;
    padding-right: 5px;
}

    #off-canvas-trigger .label {
        margin-left: 5px;
        text-transform: uppercase;
        margin-bottom: 3px;
        font-size: 11px;
        font-family: 'Roboto', sans-serif;
    }

    #off-canvas-trigger .trigger {
        width: 44px;
        height: 44px;
        background: #f37f56 url('/content/images/nav-trigger.png') no-repeat center 11px;
        border-radius: 7px;
        cursor: pointer;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        text-indent: 9999px;
    }

        #off-canvas-trigger .trigger:hover {
            background-color: #e27752;
        }

#header .top {
    overflow: hidden;
}

#toolbar-container #sign-in span {
    display: block;
}

    #toolbar-container #sign-in span.uppercase {
        text-transform: uppercase;
        font-weight: bold;
    }

#toolbar-container #sign-in a {
    display: block;
    text-decoration: none;
    color: #fff;
    background-image: url('/Content/Images/svg/icon-sign-in.svg');
    background-position: 11px 10px;
    background-repeat: no-repeat;
    font-size: 10px;
    background-size: 28px;
    background-color: #f37f56;
    padding: 10px 16px 10px 60px;
    margin: 0 auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    #toolbar-container #sign-in a:hover {
        background-color: #e27752;
    }

#toolbar-container #sign-in {
    overflow: hidden;
    display: block;
    text-align: left;
    max-width: 180px;
    margin: 0 auto;
}

#toolbar-container {
    overflow: hidden;
    margin: 0 auto;
}

    #toolbar-container .wrap {
        padding: 0 20px;
    }

    #toolbar-container .tool-wrap {
        text-align: center;
        padding: 10px 0;
    }

    #toolbar-container .tool {
        display: inline-block;
        color: #f3f3f3;
    }

        #toolbar-container .tool a {
            text-decoration: none;
            color: #333;
            font-size: 11px;
            padding: 0 5px;
            display: block;
        }

            #toolbar-container .tool a:hover {
                text-decoration: underline;
            }

    #toolbar-container #request a {
        border-left: 1px #ebebeb solid;
    }

    #toolbar-container #funders a {
        border-left: 1px #ebebeb solid;
    }

    #toolbar-container .tools a:hover {
        text-decoration: underline;
    }

#search #search-box {
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right;
    padding: 15px 5px;
    width: calc(100% - 45px);
    font-size: 13px;
    color: #656769;
}

#search #search-button {
    background: transparent url('/Content/Images/svg/icon-search.svg') no-repeat center;
    border: 0;
    width: 35px;
    float: right;
    text-indent: -9999px;
    padding: 15px 0;
    cursor: pointer;
    line-height: 1;
    background-size: 50%;
    font-style: italic;
}

#header #search {
    padding: 0;
    /*width: 100%;*/
    clear: right;
    float: right;
    margin-bottom: 20px;
}

#search label {
    display: none;
}

#search .wrap {
    padding: 0 10px;
    border-radius: 5px;
    background-color: #ebebeb;
}

#search-box {
    border: 0;
    /*border-radius: 5px !important;*/
}

#nav-container {
    /*margin-top: 15px;*/
    background-color: #313364;
}

    #nav-container ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

body.js #main-nav .content {
    display: none;
}

#main-nav > ul > li > a {
    display: block;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#main-nav > ul li a {
    border-top: 1px #dedede solid;
}

#main-nav > ul > li > a:hover {
    background-color: #dedede;
}

#main-nav > ul > li > .content > ul > li a {
    display: block;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 20px;
    font-family: 'Roboto', sans-serif;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#main-nav > ul > li ul li a:hover {
    background-color: #dedede;
}

#main-nav ul > li > .content {
    /*border: 1px solid #ccc;*/
}

#off-canvas .calls-to-action .wrap {
    padding: 15px;
}

#off-canvas .calls-to-action a.btnCall-grey {
    background-color: #ebebeb;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    margin-top: 20px;
    display: block;
    position: relative;
    text-align: right;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#off-canvas .calls-to-action .btnCall-grey:hover {
    background-color: #d1d1d1;
}

#off-canvas .calls-to-action .btnCall-grey div {
    display: inline-block;
    color: #333;
}

    #off-canvas .calls-to-action .btnCall-grey div:first-child {
        margin-left: 0;
        text-align: left;
        font-weight: 600;
        font-size: 14px;
        position: absolute;
        left: 10px;
    }

#mega-menu .inner {
    padding: 0;
}

#mega-menu ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

#mega-menu .inner > div > div > div > ul > li {
    display: block;
    border-top: #fff 1px solid;
}

#mega-menu .inner > div > div > div > ul > div {
    display: none;
}

body.js #mega-menu .content {
    display: none;
}

#mega-menu .content {
    background-color: #fff;
}

#mega-menu > .inner > div > div > div > ul > li > a {
    background-color: #313364;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 10px 43px 10px 20px;
    text-align: left;
    font-size: 13px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative;
}

    #mega-menu > .inner > div > div > div > ul > li > a:after {
        background-image: url('/Content/Images/svg/icon-arrow-orange.svg');
        background-repeat: no-repeat;
        content: '';
        height: 15px;
        width: 15px;
        background-position: 96%;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: 15px;
    }

#mega-menu > .inner > div > div > div > ul > li.open > a:after {
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#mega-menu > .inner > div > div > div > ul > li > a:hover {
    background-color: #ee502d;
}

#mega-menu > .inner > div > div > div > ul > li.open > a {
    background-color: #ee502d;
}

#mega-menu .title {
    font-size: 16px;
    color: #333;
    font-family: 'Roboto', serif;
    line-height: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
}

#mega-menu .intro {
    text-align: left;
    font-size: 11px;
    padding: 0 0 20px 0;
}

#mega-menu .list-trigger {
    cursor: pointer;
    font-size: 14px;
    padding: 6px 10px;
    background-color: #ebebeb;
    color: #666;
    text-align: left;
    position: relative;
}

    #mega-menu .list-trigger:after {
        background-image: url('/Content/Images/svg/icon-arrow-grey.svg');
        background-repeat: no-repeat;
        content: '';
        height: 21px;
        width: 20px;
        background-position: 96%;
        float: right;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #mega-menu .list-trigger.open:after {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

#mega-menu ul.large-link-list {
    display: none;
    padding: 0 20px 20px;
    margin: 0;
    /*-webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;*/
    text-align: left;
    background-color: #ebebeb;
    list-style-type: none;
}

    #mega-menu ul.large-link-list li {
        border: 0;
        padding: 5px 0;
    }

        #mega-menu ul.large-link-list li a {
            text-decoration: none;
            color: #666;
            font-size: 13px;
        }

            #mega-menu ul.large-link-list li a:hover {
                text-decoration: underline;
            }

ul.link-list li a.link-list-secondary {
    color: #00c0cc;
}

#mega-menu img {
    display: block;
    text-align: left;
}

#mega-menu ul li .content .wrap {
    padding: 15px;
    overflow: hidden;
}

#mega-menu ul li .content .col {
    padding: 10px 0;
}

#main-slider-container {
    overflow: hidden;
    position: relative;
}

#main-slider {
    z-index: 0; /* was 6690 06/22/16 */
}

    #main-slider ul {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    #main-slider li {
        margin: 0 auto;
        position: relative;
        z-index: 6695;
        /*border-left: 2px solid #FFF;
        border-right: 2px solid #FFF;*/
    }

        #main-slider li img {
            display: block;
            width: 100%;
            height: auto;
        }

#main-slider-container #controls {
    position: absolute;
    /*z-index: 6699;*/
    display: block;
    overflow: hidden;
    top: 0;
    width: 100%;
}

    #main-slider-container #controls a.prevBtn {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        z-index: 999;
        position: relative;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
        background-image: url('/Content/Images/svg/icon-arrow-white.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    #main-slider-container #controls a.nextBtn {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        text-indent: -9999px;
        z-index: 6699;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        #main-slider-container #controls a.prevBtn:hover, #main-slider-container #controls a.nextBtn:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

#main-slider .details {
    color: #656667;
    font-size: 20px;
    font-weight: 300;
}

    #main-slider .details .wrap {
        padding: 10px 0 0 20px;
    }

    #main-slider .details .title {
        padding: 10px;
        margin-bottom: 10px;
        line-height: 22px;
        text-align: center;
    }

        #main-slider .details .title a {
            font-family: 'Roboto Slab', serif;
            font-weight: 700;
            font-size: 18px;
            color: #000;
            text-decoration: none;
        }

            #main-slider .details .title a:hover {
                text-decoration: underline;
            }

    #main-slider .details a.more {
        display: block;
        color: #FFF;
        background-color: #440e62;
        background-repeat: no-repeat;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        width: 80%;
        border-radius: 8px;
        margin: 0 auto;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        padding: 10px;
        border: 3px #707070 solid;
        font-weight: bold;
    }

        #main-slider .details a.more:hover {
            background-color: #390c52;
        }

#main-slider-container #custom-controls {
    background-color: #ebebeb;
    display: none;
    padding: 0;
    z-index: 100000;
}

    #main-slider-container #custom-controls > .inner > div > div {
        display: inline-block;
    }

#main-slider-container .inner {
    position: relative;
}

.slider-actions {
    bottom: 0;
    right: 50px;
    z-index: 6699;
    position: absolute;
    overflow: hidden;
    /* background-color: rgba(255, 255, 255, 0.4); */
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}

#explore {
    display: none;
}



.view-all-news .btnAction-dark-pink {
    margin: 10px 0;
}

#data-stories {
    background: #313364;
    padding-top: 25px;
    position: relative;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}

    #data-stories .top {
        background-color: #4d4f80;
    }

    #data-stories .wrap {
        padding: 20px 15px;
    }

        #data-stories .wrap h2 {
            color: #fff;
            margin: 0;
        }

    #data-stories .top .intro {
        color: #ccc;
        font-size: 12px;
        line-height: 16px;
        font-family: 'Roboto', sans-serif;
    }

    #data-stories .top a.more {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 5px 0;
    }

    #data-stories .orange-arrow {
        padding: 0 20px 0 0 !important;
    }

    #data-stories .top a.more:hover {
        text-decoration: underline;
    }

    #data-stories .story .title a {
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 20px;
        margin: 10px;
    }

    #data-stories .story .title {
        margin: 10px;
    }

    #data-stories .story .desc {
        display: none;
    }

    #data-stories .story .image img {
        display: none;
    }

    #data-stories .story .content {
        text-align: center;
    }

    #data-stories .story .icon {
        width: 44px;
        background-size: 45%;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 12px;
        height: 44px;
        background-position: center center;
        text-transform: uppercase;
        text-indent: -9999px;
        border-radius: 25px;
        border: 4px #efefef solid;
        margin: 0 auto;
    }

        #data-stories .story .icon.databrief {
            background-color: #810042;
            background-image: url('/Content/Images/svg/icon-databrief.svg');
            background-size: 50%;
        }

        #data-stories .story .icon.report {
            background-color: #a39e4d;
            background-image: url('/Content/Images/svg/icon-report.png');
            background-size: 60%;
        }

        #data-stories .story .icon.presentation {
            background-color: #bd8cbf;
            background-image: url('/Content/Images/svg/icon-presentation.svg');
            background-size: 50%;
        }

        #data-stories .story .icon.chartbook {
            background-color: #2eadcd;
            background-image: url('/content/images/svg/icon-chartbook.svg');
            background-size: 50%;
        }

        #data-stories .story .icon.publication {
            background-color: #f37f56;
            background-image: url('/Content/Images/svg/icon-publication.svg');
            background-size: 50%;
        }

.home #data-stories .key .key-list li div {
    background-size: 20px;
    background-position: 10px 6px;
    background-repeat: no-repeat;
}

    .home #data-stories .key .key-list li div.report {
        background-image: url('/content/images/svg/icon-purple-report.png');
    }

    .home #data-stories .key .key-list li div.publication {
        background-image: url('/content/images/svg/icon-purple-publication.svg');
    }

    .home #data-stories .key .key-list li div.presentation {
        background-image: url('/content/images/svg/icon-purple-presentation.svg');
    }

    .home #data-stories .key .key-list li div.databrief {
        background-image: url('/content/images/svg/icon-purple-data.svg');
    }

    .home #data-stories .key .key-list li div.chartbook {
        background-image: url('/content/images/svg/icon-purple-chartbook.svg');
    }

#data-stories .bottom .col1 {
    display: none;
}

#data-stories .more {
    display: none;
}

.interior #story-slider .story .desc {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 16px;
}

.interior #story-slider .story .wrap {
    padding: 0 40px;
}

.interior #data-stories > .top > .wrap > div > div {
    /*sf injecting div - display: inline-block;*/
}

#story-slider-container {
    position: relative;
    z-index: 4444;
}

#data-stories .inner {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#story-slider {
    z-index: 5555;
    position: relative;
    margin-top: 20px;
}

    #story-slider ul {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    #story-slider li {
        margin: 0 auto;
        position: relative;
    }

#story-slider-container #controls {
    z-index: 6666;
    display: block;
    overflow: hidden;
    top: 20% !important;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
}

#story-slider-container .inner > #controls {
    display: none;
}

.interior #story-slider-container #controls {
    display: block;
    overflow: hidden;
    top: 20% !important;
    width: 100%;
}

    .interior #story-slider-container #controls a {
        position: relative;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

#story-slider-container #controls a {
    opacity: 0.3 !important;
    position: absolute !important;
    top: 35%;
    z-index: 6666;
}

    #story-slider-container #controls a.prevBtn {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url('/Content/Images/svg/icon-arrow-white.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        zoom: 1;
        left: 0;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
    }

    #story-slider-container #controls a.nextBtn {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        right: 0;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        #story-slider-container #controls a.prevBtn:hover, #story-slider-container #controls a.nextBtn:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

#story-slider .story img {
    margin: 0 auto;
    display: block;
}

#share-story .wrap {
    padding: 20px 15px;
}

#more-container h3 {
    margin-bottom: 10px;
}

#more-container > .wrap {
    padding: 10px 15px;
}

#more-container #news .wrap {
    padding: 0 15px;
}

#more-container .col-wrap > div {
    margin: 20px 0;
}

#more-container .title {
    font-family: 'Roboto Slab', serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
}

#more-container .col1 .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #666;
    margin: 5px 0;
    font-family: 'Roboto', sans-serif;
}

#news-container .item {
    overflow: hidden;
    padding-bottom: 15px;
}

    #news-container .item a {
        padding: 0;
        font-size: 14px;
        color: #0033CC;
        text-decoration: none;
        display: block;
    }

    #news-container .item .details {
        font-size: 11px;
    }

    #news-container .item a:hover {
        text-decoration: underline;
    }

    #news-container .item .date {
        font-size: 12px;
        color: #666;
        line-height: 20px;
    }

#more-container .col2 .twitter-box {
    border-radius: 10px;
    background-color: #e7e7f3;
    padding: 15px;
    margin: 10px 0;
}

#more-container .col3 .intro {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    margin: 3px 0;
}

.subscribe-box {
    padding: 10px;
    border: 2px solid;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    width: 60%;
}

#more-container .col3 .subscribe-box {
    border-color: #ddd;
}

#footer .col3 .subscribe-box {
    border-color: #717171;
    background-color: #c2c2c2;
}

.subscribe-button {
    background-color: #990033;
    border: 0;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    float: right;
    font-size: 12px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .subscribe-button:hover {
        background-color: #700039;
        text-decoration: none;
        color: #fff;
    }

    .subscribe-button.subscribe-footer-button {
        float: left;
        margin-top: 20px;
    }

.subscribe-form {
    margin: 15px 0;
}
/*#more-container .col3 #subscribe-box {
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    width: 60%;
}
#more-container .col3 #subscribe-button {
    background-color: #f37f56;
    border: 0;
    padding: 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    max-width: 100px;
    cursor: pointer;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
#more-container .col3 #subscribe-button:hover {
    background-color: #db744f;
}
#more-container .col3 .subscribe-form {
    margin: 15px 0;
}*/
#footer:before {
    content: '';
    width: 100%;
    background-color: #5a4a42;
    height: 20px;
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    display: block;
}

#footer {
    background-color: #2a2a2a;
    padding-bottom: 25px;
}

    #footer .inner {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #footer .col-wrap {
        padding: 20px 15px;
    }

        #footer .col-wrap .col1 {
            text-align: center;
        }

            #footer .col-wrap .col1 a {
                display: inline-block;
            }

            #footer .col-wrap .col1 img {
                display: inline-block;
                vertical-align: top;
                margin: 10px 0;
            }

        #footer .col-wrap .title {
            font-family: 'Roboto', sans-serif;
            color: #666;
            font-size: 16px;
            line-height: 20px;
            font-weight: bold;
            margin: 0 0 10px 0;
        }

        #footer .col-wrap .details {
            font-family: 'Roboto', sans-serif;
            color: #ccc;
            font-size: 12px;
            line-height: 16px;
        }

            #footer .col-wrap .details a {
                font-family: 'Roboto', sans-serif;
                color: #d9dd91;
                font-weight: bold;
                font-size: 12px;
                line-height: 16px;
                text-decoration: underline;
            }

/*#footer .col3 #subscribe-box {
    padding: 10px;
    border: 2px solid #717171;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    background-color: #c2c2c2;
    width: 60%;
}
    #footer .col3 #subscribe-button {
        background-color: #f37f56;
        border: 0;
        padding: 12px;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        max-width: 100px;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }
#footer .col3 #subscribe-button:hover {
    background-color: #db744f;
}
#footer .col3 .subscribe-form {
    margin: 15px 0;
}*/
div.break {
    display: block !important;
}

.interior #content > .cols-wrap {
    padding: 0 15px;
}

#highlights-container {
    margin: 50px 0 20px 0;
}

    #highlights-container .highlight img {
        max-width: 100%;
        width: 100px;
        height: auto;
        display: block;
        border: 1px #ccc solid;
        border-radius: 10px;
        margin: 0 auto;
    }

    #highlights-container .highlight .title {
        margin: 10px 0;
    }

        #highlights-container .highlight .title a {
            color: #000099;
            font-size: 16px;
            text-decoration: none;
            line-height: 20px;
            font-weight: 600;
        }

            #highlights-container .highlight .title a:hover {
                text-decoration: underline;
            }

    #highlights-container .highlight .desc {
        font-size: 14px;
        color: #333;
        line-height: 20px;
    }

    #highlights-container .highlight {
        padding: 20px 0;
    }

        #highlights-container .highlight:first-child {
            border-top: 1px solid #d7d7d7;
            margin-top: 20px;
        }

#landing-image-container img {
    display: block;
}

#section-title {
    padding: 18px;
    background-color: #707070;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    color: #fff;
    cursor: pointer;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative;
}

    #section-title:after {
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-repeat: no-repeat;
        content: '';
        height: 30px;
        width: 30px;
        background-position: center;
        background-size: 18px;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        right: 15px;
        top: 15px;
    }

    #section-title.open:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #section-title:hover {
        background-color: #505050;
    }

.site-info {
    padding: 15px;
}

#site-info-container {
    /*height:29px;*/
    background-color: #ebebeb;
    overflow: hidden;
}

    #site-info-container .inner {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    #site-info-container .site-info > div {
        margin: 2px 0;
    }

.title-container {
    background-color: rgba(112, 112, 112, 0.9);
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 35px;
    padding: 20px 0;
}

.survey-landing .title-container h1 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 35px;
    font-weight: normal;
    margin: 0;
}

.survey-landing .title-container .title {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 48px;
    line-height: 54px;
    font-weight: normal;
}

.survey-landing .title-container a.btnAction-white {
    max-width: 55% !important;
    margin: 20px 0 !important;
}

.title-container .subtitle {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 16px;
    color: #fff;
}

.title-container .wrap {
    padding: 10px;
}

.interior #content .inner {
    -webkit-box-shadow: -2px 0 12px 0 rgba(222,222,222,.85);
    -moz-box-shadow: -2px 0 12px 0 rgba(222,222,222,.85);
    box-shadow: -2px 0 12px 0 rgba(222,222,222,.85);
    background-color: #fff;
}

#background-image {
    display: none;
}

#side-nav .nav-wrap .divnav1 > ul {
    padding: 25px 0 25px 0;
    margin: 0;
    list-style-type: none;
}

#side-nav .nav-wrap div > ul > li > a {
    color: #707070;
    display: block;
    padding: 10px 20px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 14px;
    border-top: 1px solid #d7d7d7;
}

#side-nav .nav-wrap div > ul > li:first-child > a {
    border: 0;
}

#side-nav .nav-wrap div > ul > li.activenavpage > a {
    background-color: #e0e5d6;
    border: 0;
}

#side-nav .nav-wrap div > ul > li a {
    background-color: #fff;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#side-nav .nav-wrap div > ul > li > a:hover {
    background-color: #ebebeb;
}

#side-nav .nav-wrap div > ul > li.activenavpage > a:hover {
    background-color: #e0e5d6;
    border: 0;
}

#side-nav .nav-wrap div > ul > li.activenavpage ul {
    display: block;
}

#side-nav .nav-wrap div > ul > li > ul > li > a {
    color: #313364;
    display: block;
    padding: 10px 0 10px 40px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 13px;
    border-top: 1px solid #d7d7d7;
    position: relative;
}

    #side-nav .nav-wrap div > ul > li > ul > li > a:before {
        background-image: url('/content/images/svg/icon-arrow-blue.svg');
        background-repeat: no-repeat;
        content: '';
        height: 7px;
        width: 7px;
        background-position: left center;
        background-size: 7px;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 17px;
        left: 28px;
    }

    #side-nav .nav-wrap div > ul > li > ul > li > a:hover {
        background-color: #ebebeb;
    }

#side-nav .nav-wrap div > ul > li > ul {
    padding: 0;
    display: none;
    margin: 0;
    list-style-type: none;
}

#content .callout {
    max-width: 276px;
    margin: 20px auto;
}

    #content .callout img {
        margin: 0 auto;
        display: block;
    }

.interior #data-stories > .top > .wrap > div {
    /*sf injecting div - display: inline-block;*/
}

.interior #content .col2 > .wrap {
    padding: 0 15px;
}

.browse-portal-container > div:first-child {
    color: #000;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
    padding: 10px 5px;
    background: #baca99;
}

.browse-portal-container .list-trigger {
    background-color: #728844;
    color: #fff;
    padding: 10px 15px 10px 5px;
    cursor: pointer;
    position: relative;
}

    .browse-portal-container .list-trigger:after {
        background-image: url('/Content/Images/svg/icon-arrow-white-next.svg');
        background-repeat: no-repeat;
        content: '';
        height: 30px;
        width: 30px;
        background-position: center;
        background-size: 13px;
        position: absolute;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        right: 5px;
        top: 3px;
    }

    .browse-portal-container .list-trigger.open:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.browse-portal-container ul.open li {
    display: block;
}

.browse-portal-container ul {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #ebebeb;
}

    .browse-portal-container ul li a {
        padding: 5px;
        display: block;
        color: #333;
        font-size: 14px;
        text-decoration: none;
        border-top: 1px solid #d7d7d7;
    }

        .browse-portal-container ul li a:hover {
            background-color: #d7d7d7;
        }

#content #side-nav {
    display: none;
}

.anchor {
    display: none;
}

.social a {
    display: inline-block;
    text-align: left;
    padding: 5px 3px;
}

.social div {
    display: inline-block;
    text-align: left;
    padding: 5px 3px;
}

.home #explore .col2 .map-desc {
    font-style: italic;
    color: #666;
    font-size: 13px;
    margin-left: 120px;
    position: relative;
    top: 0;
}

.breadcrumbs a {
    color: #666;
    font-style: italic;
    text-decoration: none;
    font-size: 12px;
    padding: 0px 5px;
}

.breadcrumbs {
    color: #666;
}

    .breadcrumbs a:hover {
        text-decoration: underline;
    }

    .breadcrumbs a.home-crumb img {
        height: 18px;
        width: 18px;
        position: relative;
        top: 3px;
    }

#data-stories .top span.data-title {
    font-weight: normal;
    color: #cccddf;
}

#data-stories .top a.more span {
    font-style: italic;
}

.explore-survey-container .item {
    background-color: #ebebeb;
    padding: 8px 20px;
    margin: 20px 0;
    vertical-align: top;
}

    .explore-survey-container .item a.orange-arrow {
        padding: 0 20px 0 0;
        margin: 0;
    }

    .explore-survey-container .item .title {
        font-weight: bold;
    }

    .explore-survey-container .item .content {
        font-size: 13px;
    }

        .explore-survey-container .item .content a {
            font-weight: bold;
            font-size: 14px;
            color: #0033CC;
        }

.explore-survey-map {
    overflow: hidden;
    display: none;
    margin: 0 auto;
}

.interior #content .more-container h3 {
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
    margin-bottom: 25px;
}

#survey-data-container {
    position: relative;
}

#survey-data-slider ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

#survey-data-slider li {
    margin: 0 auto !important;
    position: relative;
    z-index: 5595;
}

#survey-data-container #controls {
    position: absolute;
    z-index: 5599;
    display: block;
    overflow: hidden;
    top: 20% !important;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
}

    #survey-data-container #controls a.prevBtn {
        float: left;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url('/content/images/svg/icon-arrow-slider-grey.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        zoom: 1;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
    }

    #survey-data-container #controls a.nextBtn {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        zoom: 1;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        background-image: url('/content/images/svg/icon-arrow-slider-grey-next.svg');
        background-size: 30px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        #survey-data-container #controls a.prevBtn:hover,
        #survey-data-container #controls a.nextBtn:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

#survey-data-slider li img {
    margin: 0 auto;
    display: block;
}

#survey-data-container li .wrap {
    padding: 0 60px;
}

#survey-data-container li .title {
    line-height: 18px;
}

    #survey-data-container li .title a {
        font-size: 13px;
        color: #0033CC;
        text-decoration: none;
    }

        #survey-data-container li .title a:hover {
            text-decoration: underline;
        }

#survey-data-container li .type {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.snapshot-preference .number {
    font-size: 36px;
    color: #999;
    position: relative;
    font-family: 'Roboto Slab', serif;
    vertical-align: top;
    padding: 0;
    margin: 0 auto;
}

.snapshot-preference .title {
    padding: 0;
    margin: 0;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', serif;
    top: 10px;
}

.snapshot-preference img {
    display: block;
    margin: 10px auto;
}

.snapshot-preference {
    position: relative;
    text-align: center;
}

    .snapshot-preference .snapshot-split {
        padding: 5px 15px;
        border: 1px solid #d7d7d7;
        max-width: 20px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: 20px;
        background-color: #fff;
        font-size: 18px;
        font-style: italic;
        color: #999;
    }

    .snapshot-preference .col2 {
        border-top: 1px solid #d7d7d7;
        padding-top: 30px;
    }

    .snapshot-preference .col a.orange-arrow {
        padding: 0 20px 0 0;
        margin-top: 20px;
    }

.two-column-boxes .box {
    border: 1px solid #d7d7d7;
    padding: 20px;
    margin: 10px 0;
    font-size: 13px;
}

    .two-column-boxes .box .red.title {
        color: #990033;
    }

    .two-column-boxes .box .title {
        font-weight: 600;
        font-size: 18px;
    }

#content .topic-jump {
    margin: 10px 0;
}

.topics-container .topic .name {
    font-weight: bold;
    color: #000;
    font-size: 18px;
    display: inline-block;
    position: relative;
}

.topics-container .topic .back-to-top {
    display: block;
    font-size: 11px;
}

.topics-container .topic .top {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.topics-container .topic .item {
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

.topics-container .topic .top + .item {
    border-top: 0;
}

.topics-container .topic .item > div {
    display: inline-block;
    vertical-align: top;
}

.topics-container .topic .item .details {
    font-size: 11px;
    color: #000;
    padding-bottom: 10px;
}

.topics-container .topic .item.presentation .icon {
    background-image: url('/content/images/svg/icon-color-presentation.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.report .icon {
    background-image: url('/content/images/svg/icon-color-report.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.publication .icon {
    background-image: url('/content/images/svg/icon-color-publication.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.chartbook .icon {
    background-image: url('/content/images/svg/icon-color-chartbook.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item.databrief .icon {
    background-image: url('/content/images/svg/icon-color-databrief.svg');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.topics-container .topic .item .icon {
    padding-right: 12px;
    margin-top: 3px;
    text-indent: 9999px;
}

.topics-container .topic .item .title {
    font-size: 14px;
}

    .topics-container .topic .item .title a {
        padding: 0;
        margin: 0;
    }

        .topics-container .topic .item .title a:after {
            content: '';
        }

.callout .data-in-action-container {
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
}

.callout .link-list-container {
    border: solid 1px #ccc;
}

    .callout .link-list-container .wrap {
        padding: 15px;
    }

    .callout .link-list-container .title {
        font-weight: bold;
        color: #000;
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    .callout .link-list-container div {
        font-size: 13px;
        margin: 5px 0;
    }

.callout .stay-connected-container {
    border: solid 1px #ccc;
}

    .callout .stay-connected-container .wrap {
        padding: 15px;
    }

    .callout .stay-connected-container .title {
        font-weight: bold;
        color: #000;
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    .callout .stay-connected-container div {
        font-size: 13px;
        margin: 5px 0;
    }

.callout .data-in-action-container .name {
    padding: 10px 5px 10px 15px;
    background-color: #313364;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    font-weight: bold;
}

.callout .data-in-action-container .image img {
    display: block;
}

.callout .data-in-action-container .details {
    padding: 30px 5px 25px 15px;
    background-color: #ededed;
    color: #666;
    position: relative;
}

.callout .data-in-action-container .title a {
    color: #000099;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.callout .data-in-action-container .desc {
    font-size: 12px;
}

.callout .data-in-action-container .icon.databrief {
    background-color: #f37f56;
    background-image: url('/content/images/svg/icon-databrief.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon.report {
    background-color: #a39e4d;
    background-image: url('/content/images/svg/icon-report.png');
    background-size: 60%;
}

.callout .data-in-action-container .icon.publication {
    background-color: #a39e4d;
    background-image: url('/content/images/svg/icon-publication.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon.presentation {
    background-color: #bd8cbf;
    background-image: url('/content/images/svg/icon-presentation.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon.chartbook {
    background-color: #2eadcd;
    background-image: url('/content/images/svg/icon-chartbook.svg');
    background-size: 50%;
}

.callout .data-in-action-container .icon {
    width: 40px;
    background-size: 45%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    height: 40px;
    background-position: center center;
    text-transform: uppercase;
    text-indent: -9999px;
    border-radius: 25px;
    border: 4px #fff solid;
    position: absolute;
    top: -25px;
}

.icon-twitter-bird:before {
    background-image: url(/content/images/svg/icon-twitter-bird.svg);
    background-size: 29px;
    background-repeat: no-repeat;
    content: '';
    height: 40px;
    width: 40px;
    position: relative;
    padding: 0 35px 10px 0;
    top: -5px;
}

ul.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 25px;
}

    ul.accordion li ul.accordion {
        margin-top: 0;
    }

    ul.accordion > li > .wrap {
        background-color: #440e62;
        padding: 15px 25px;
        margin-top: 10px;
        -moz-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        -webkit-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s;
        cursor: pointer;
    }

        ul.accordion > li > .wrap > .title {
            display: block;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
        }

        ul.accordion > li > .wrap > .desc {
            display: block;
            color: #fff;
            font-size: 14px;
        }

    ul.accordion > li {
        position: relative;
    }

    ul.accordion li .content {
        padding: 15px;
    }

body.js ul.accordion > li .wrap {
}

    body.js ul.accordion > li .wrap .title:after {
        content: "+";
        float: right;
        color: #fff;
        font-size: 30px;
        top: -10px;
        position: relative;
    }

body.js ul.data-search-accordion > li .wrap .title:after {
    position: absolute;
    right: 15px;
    top: 4px;
}

body.js ul.accordion > li .wrap:hover {
    background-color: #310b47;
}

body.js ul.accordion > li.active .wrap .title:after {
    content: "-";
}

body.js ul.accordion .content {
    display: none;
}

ul.accordion .content table {
    width: 100%;
    border-collapse: collapse;
    padding: 5px;
}

    ul.accordion .content table th {
        border-bottom: 1px solid #C0C0C0;
        font-size: 11px;
        text-align: left;
        padding: 0;
    }

    ul.accordion .content table tr.first th {
        border-bottom: 0;
        padding: 5px;
    }

    ul.accordion .content table td {
        border-bottom: 1px solid #C0C0C0;
        color: #000;
        font-size: 12px;
        padding: 10px 15px 10px 0;
    }

        ul.accordion .content table td a {
            color: #0033CC;
            font-size: 12px;
            display: block;
            font-weight: normal;
            padding: 10px 0;
        }

ul.accordion > li > .content ul.accordion > li > .wrap {
    background-color: #fff;
    margin-top: 0;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 45px 10px 10px;
}

    ul.accordion > li > .content ul.accordion > li > .wrap:hover {
        background-color: #ebebeb;
    }

ul.accordion > li > .content ul.accordion > li .title {
    padding: 0;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    color: #000;
    font-size: 14px;
}

body.js ul.accordion > li > .content ul.accordion > li .desc {
    padding: 0;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    color: #000;
    font-size: 13px;
}

body.js ul.accordion > li > .content ul.accordion > li .wrap .title:after {
    position: absolute;
    right: 15px;
    top: 4px;
    content: "+";
    float: right;
    color: #666;
    font-size: 30px;
}

body.js ul.accordion > li > .content ul.accordion > li.active .wrap .title:after {
    content: "-";
}

body.js ul.accordion > li > .content ul.accordion > li.active .one-column-lists {
    overflow: hidden;
}

ul.accordion > li > .content ul.accordion input.go {
    width: 50%;
}

.one-column-lists > ul li a {
    display: block;
    float: left;
    clear: both;
}

.one-column-lists > ul {
    float: left;
    clear: both;
}

    .one-column-lists > ul > li:first-child {
        margin-top: 10px;
    }

    .one-column-lists > ul > li {
        margin-left: 10px;
    }

.two-column-lists {
    overflow: hidden;
}

    .two-column-lists > ul > li:first-child {
        margin-top: 10px;
    }

    .two-column-lists > ul li a {
        display: block;
    }

    .two-column-lists > ul > li {
        margin-left: 10px;
    }

    .two-column-lists > ul:nth-child(2n+1) {
        clear: both;
        margin-right: 5%;
    }

    .two-column-lists > ul {
        float: left;
        display: inline-block !important;
    }

.interior.portal-orange .title-container {
    background-color: rgba(243, 127, 86, 0.9) !important;
}

.interior.landing.portal-orange #section-title {
    background-color: #f37f56 !important;
}

.interior.portal-blue .title-container {
    background-color: rgba(27, 95, 161, 0.9) !important;
}

.interior.landing.portal-blue #section-title {
    background-color: #1B5FA1 !important;
}

.survey-landing #site-info-container {
    background-color: transparent;
}

    .survey-landing #site-info-container .inner {
        padding: 0;
    }

.selectricWrapper {
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #DDD;
    background: #F8F8F8;
    position: relative;
}

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin: 0 38px 0 10px;
        font-size: 12px;
        line-height: 38px;
        color: #444;
        height: 38px;
    }

    .selectric .button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 38px;
        height: 38px;
        color: #BBB;
        text-align: center;
        font: 0/0 a;
        *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }

        .selectric .button:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #BBB;
            border-bottom: none;
        }

.selectricHover .selectric {
    border-color: #C4C4C4;
}

    .selectricHover .selectric .button {
        color: #A2A2A2;
    }

        .selectricHover .selectric .button:after {
            border-top-color: #A2A2A2;
        }

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectric {
        border-color: #C4C4C4;
    }

    .selectricOpen .selectricItems {
        display: block;
    }

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.selectricItems {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #C4C4C4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems ul,
.selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
}

    .selectricItems li.selected {
        background: #EFEFEF;
        color: #444;
    }

    .selectricItems li:hover {
        background: #F0F0F0;
        color: #444;
    }

.selectricItems .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.snapshot-preference .content .data-selector .title {
    font-weight: bold;
    margin: 0 0 10px 0;
    display: block;
    font-size: 15px;
    top: 0;
}

.snapshot-preference .content .data-selector .selectric {
    font-weight: normal;
}

.snapshot-preference .content > div.col2 {
    text-align: left !important;
}

input.go {
    color: #fff;
    padding: 10px;
    height: 40px;
    border: none;
    background-color: #990033;
    cursor: pointer;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: 16px;
    width: auto;
}

    input.go:hover {
        background-color: #660022;
    }

ul.accordion li .content .data-search-form {
    margin: 10px 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 5px;
    -moz-column-count: 1;
    -moz-column-gap: 5px;
    column-count: 1;
    column-gap: 5px;
    list-style-type: none;
    padding: 0;
}

ul.data-search-accordion li .content input.go.data-search-submit {
    width: 20%;
}

ul.accordion li .content .data-search-form > div {
    padding: 5px 0;
}

.stay-connected-container form input.go {
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 13px;
    width: 100%;
    margin: 20px 0 0 0;
}

.callout .stay-connected-container form div {
    margin: 0;
}

.callout .stay-connected-container div span {
    font-style: italic;
}

.snapshot-table table {
    padding: 0 !important;
}

.snapshot-table table,
.snapshot-table thead,
.snapshot-table tbody,
.snapshot-table th,
.snapshot-table td,
.snapshot-table tr {
    display: block;
}

    .snapshot-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

.snapshot-table tr {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
}

.snapshot-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    padding: 30px 10px 10px !important;
}

.snapshot-table tr > td:first-child {
    background-color: #e3e3e3;
}

.snapshot-table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #000;
    content: attr(data-title) !important;
}

.snapshot-table td.table-text:before {
    font-weight: normal;
    top: 10px;
    font-size: 12px;
}

.one-column-lists {
    overflow: hidden;
}

.snapshot-preference .data-selector {
    margin-bottom: 20px;
}

.snapshot-table div.hasCheck {
    display: block !important;
    border: 0 !important;
    /*margin-left: 5px;*/
}

.snapshot-table td[data-title='HRSA Region'] {
    display: none;
}

.snapshot-table td[data-title='Census Region'] {
    display: none;
}

.snapshot-table td[data-title='State'] {
    display: none;
}

.snapshot-table td[data-title='National'] {
    display: none;
}

.snapshot-table div.div-snapshot-title {
    width: 40%;
    float: left;
}

.snapshot-table div.div-snapshot-ind {
    width: 60%;
    float: left;
}

.snapshot-table div.div-snapshot-year {
    float: left;
    width: 41%;
}

.snapshot-table div.div-snapshot-data {
    float: left;
    width: 18%;
}

.snapshot-table div.div-check-1 {
    float: left;
    width: 10%;
    text-align: center;
}

.snapshot-table div.div-check-2 {
    float: left;
    width: 13%;
    text-align: center;
}

.snapshot-table div.div-check-3 {
    float: left;
    width: 18%;
    text-align: center;
}

.snapshot-table div.div-check-4 {
    float: left;
    width: 18%;
    text-align: center;
}

.snapshot-table td.snapshot-header {
    font-weight: bold;
}

.snapshot-table div.div-header-snapshot-title {
    width: 40%;
    float: left;
}

.snapshot-table div.div-header-snapshot-ind {
    width: 60%;
    float: left;
}

.snapshot-table div.div-header-snapshot-year {
    float: left;
    width: 41%;
}

.snapshot-table div.div-header-snapshot-data {
    float: left;
    width: 18%;
}

.snapshot-table div.div-header-check-1 {
    float: left;
    width: 10%;
}

.snapshot-table div.div-header-check-2 {
    float: left;
    width: 13%;
}

.snapshot-table div.div-header-check-3 {
    float: left;
    width: 18%;
}

.snapshot-table div.div-header-check-4 {
    float: left;
    width: 18%;
}

.snapshot-table div.div-header-snapshot-data {
    font-weight: normal;
}



ul.accordion .content table .table-text {
    font-weight: normal !important;
    border-bottom: 0;
}
/* browse by survey styles */

#browsesurvey fieldset {
    border: 0;
    margin: 20px 0;
}

#browsesurvey legend {
    background-color: #440e62;
    padding: 25px;
    width: 100%;
    color: #fff;
}

#browsesurvey label {
    display: block;
    margin: 15px;
}

select {
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #d5d5d5;
    margin-left: 15px;
}

#browsesurvey ul.rtUL {
    padding: 0;
}

#browsesurvey .rtIn.topics {
    margin-left: 20px;
}

#browsesurvey li.rtLI {
    list-style-type: none;
}

#browsesurvey ul li input {
    display: inline-block;
}

#browsesurvey ul li label {
    display: inline-block;
    margin: 5px 15px;
    font-size: 12px;
    width: 75%;
    vertical-align: middle;
}

#browsesurvey .rtTemplate {
    padding: 5px;
    font-size: 14px !important;
    display: inline-block;
    vertical-align: middle;
}

/*#browsesurvey fieldset div {
    width: 100% !important;
}*/

#browsesurvey ul li a {
    padding: 10px 0 10px 10px;
}

#browsesurvey .rtTemplate span {
    padding: 0 10px;
}

#browsesurvey ul li .rtBot {
}


#browsesurvey ul li span.areaname > div {
    background-color: #ebebeb !important;
}

#browsesurvey .rtIn.topics .rtTemplate {
    background-color: #fff !important;
}

#browsesurvey ul.rtUL li ul li a {
    padding: 10px 0 10px 40px;
    font-size: 13px !important;
}

#browsesurvey span.areaname {
    padding: 0 !important;
}

#browsesurvey span.areadescription {
    padding-left: 0 !important;
}

.explore-survey-container select {
    margin-left: 0;
}

.RadTreeView .rtSp {
    display: none !important;
}

.RadTreeView .rtPlus,
.RadTreeView .rtMinus {
    margin: 15px 6px 0 -17px !important;
    padding: 0 !important;
    width: 11px !important;
    height: 11px !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.interior #content > .inner {
    -webkit-box-shadow: -2px 0px 12px 0px rgba(222, 222, 222, 0.85);
    -moz-box-shadow: -2px 0px 12px 0px rgba(222, 222, 222, 0.85);
    box-shadow: -2px 0px 12px 0px rgba(222, 222, 222, 0.85);
    padding-bottom: 80px;
}

.div-snapshot-year a {
    cursor: pointer;
}

div#actions.repeated {
    display: none;
}

.clearfloat {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* Added 02/15/16 */
select {
    padding: 5px;
}

#browsesurvey legend {
    padding: 12px 25px;
}

#browsesurvey label {
    margin: 8px 0 4px 0;
}

#browsesurvey .rtTemplate {
    padding: 0;
}

#browsesurvey ul li label {
    vertical-align: top;
    margin-top: 1px;
}

#mega-menu .inner > div > div > div > div {
    width: 13%;
    display: block;
    float: left;
    padding: 15px 0 0 15px;
    color: #fff;
}

/* Multiple Indicator Tables */
table.dataTable {
    line-height: 1.2;
    font-size: 10.75px;
}

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 4px 3px !important;
    }

/*table.dataTable tr:nth-child(3) th {
    text-align: left;
}*/

td.colorcode-1,
td.colorcode-1.sorting_1 {
    background-color: #a5dcff !important;
    /*background-color: #e9e9ff !important;*/
    text-align: center;
}

td.colorcode-2,
td.colorcode-2.sorting_1 {
    background-color: #7cbae2 !important;
    /*background-color: #e9e9ff !important;*/
    text-align: center;
}

td.colorcode-3,
td.colorcode-3.sorting_1 {
    background-color: #579ac3 !important;
    /*background-color: #e9e9ff !important;*/
    text-align: center;
}

td.colorcode-4,
td.colorcode-4.sorting_1 {
    background-color: #0069aa !important; /* was 8787ff*/
    /*background-color: #e9e9ff !important;*/
    text-align: center;
}
/*  td.colorcode-4 a,
    td.colorcode-4.sorting_1 a {
        color: #fff !important;
    }*/


td.colorcode-5,
td.colorcode-5.sorting_1 {
    background-color: #00004d !important; /* was 7474ff */
    text-align: center;
}

.dataTables_info {
    display: none;
}

.sortablemap-intro {
    margin-bottom: 20px;
}

    .sortablemap-intro .sortablemap-instructions {
        float: left;
        width: 40%;
    }

    .sortablemap-intro .sortablemap-legend table tr td.colorcode-1,
    .sortablemap-intro .sortablemap-legend table tr td.colorcode-2,
    .sortablemap-intro .sortablemap-legend table tr td.colorcode-3,
    .sortablemap-intro .sortablemap-legend table tr td.colorcode-4 {
        width: 100px;
    }

    .sortablemap-intro .sortablemap-legend {
        float: right;
        width: 55%;
    }

.ui-tooltip {
    padding: 8px;
    position: absolute;
    top: -100px;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color: #fff;
}

body .ui-tooltip {
    t border-width: 2px;
}

.share .sfContentBlock {
    float: left;
    width: 152px;
}

.share #pdf-generator {
    float: right;
    width: 50px;
}

.addthis-smartlayers {
    margin-top: -23px !important;
}

/* Search Tabs */
/* Style the list */
#search-results ul.tab,
.local-area-report-container ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Float the list items side by side */
    #search-results ul.tab li,
    .local-area-report-container ul.tab li {
        float: left;
    }

        /* Style the links inside the list items */
        #search-results ul.tab li a,
        .local-area-report-container ul.tab li a {
            display: inline-block;
            color: black;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of links on hover */
            #search-results ul.tab li a:hover,
            .local-area-report-container ul.tab li a:hover {
                background-color: #ddd;
            }

            /* Create an active/current tablink class */
            #search-results ul.tab li a:focus,
            .local-area-report-container ul.tab li a:focus,
            #search-results ul.tab li a.active,
            .local-area-report-container ul.tab li a.active {
                background-color: #ccc;
            }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px 0 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.mrn-container {
}

    .mrn-container h4 {
        margin: 0;
    }

    .mrn-container .measure-set-container {
        width: 20%;
        float: left;
    }

    .mrn-container .datasource-container {
        width: 70%;
        float: left;
    }

    .mrn-container .level-1-container {
        width: 33%;
        float: left;
    }

    .mrn-container .level-2-container {
        width: 33%;
        float: left;
    }

    .mrn-container .level-3-container {
        width: 33%;
        float: left;
    }

    .mrn-container .keyword-container {
        border: 1px solid #ccc;
        margin-top: 10px;
        padding: 10px;
    }

        .mrn-container .keyword-container p {
            margin: 0;
        }

        .mrn-container .keyword-container input {
            padding: 4px;
            font-size: 1em;
        }

        .mrn-container .keyword-container a.btnAction-green {
            display: inline;
        }

    .mrn-container .results-container {
        margin-top: 20px;
    }

        .mrn-container .results-container h3 {
            margin-bottom: 10px;
        }

    .mrn-container .dataTables_length {
        float: right;
        position: absolute;
        top: -30px;
        right: 0;
    }

h1.cust-profile {
    margin: 0;
}

/* Customizable Profile */
/* Local Area Profile */
.cust-profile-container {
    /*margin-top: 20px;*/
    margin-bottom: 20px;
}

    .cust-profile-container .error-container,
    .local-area-container .error-container {
        border: 1px solid #ccc;
        background-color: #aa0909;
        padding: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 1.1em;
    }

    .cust-profile-container .sort-method-note {
        margin-top: 20px;
        font-weight: bold;
    }

.all-page-note {
    display: none;
}

.cust-profile-container .indicators-container {
    border: 1px solid #ccc;
    padding: 10px;
}

    .cust-profile-container .indicators-container .group-header-container,
    .local-area-container .group-header-container {
        margin-top: 1.3em;
        font-weight: bold;
    }

        .cust-profile-container .indicators-container .group-header-container .group-select-all label {
            font-weight: normal;
        }

        .cust-profile-container .indicators-container .group-header-container .group-select-all input {
            position: relative;
            top: 2px;
        }

    .cust-profile-container .indicators-container .indicator-column-1 {
        float: left;
        width: 45%;
    }

    .cust-profile-container .indicators-container .indicator-column-2 {
        float: left;
        width: 45%;
    }

.cust-profile-container .indicator-filters,
.local-area-container .indicator-filters {
    float: left;
    width: 75%;
}

.local-area-container .local-area-top-submit {
    float: right;
    width: 25%;
}

.cust-profile-container a.generate-button-top {
    float: right;
    margin-top: 65px;
}

.indicator-item input {
    width: 15px;
    display: block;
    float: left;
    margin-top: 4px;
}

.indicator-item label {
    padding-left: 22px;
    display: block;
}

.indicator-item {
    clear: both;
}

.cust-profile-container .dataTables_wrapper {
    margin-top: 5px;
}

.cust-profile-container .report-geo-container {
    float: left;
    width: 75%;
}

.cust-profile-container .group-container {
    margin: 10px 0;
}

.cust-profile-container .reset-hide-container {
    float: right;
    width: 25%;
    font-size: .9em;
    text-align: right;
}

.cust-profile-container table.dataTable tbody td {
    padding: 8px 7px;
}

.cust-profile-container .answers-select-literal {
    display: none;
}

.cust-profile-container td.data-column {
    text-align: center;
    vertical-align: top;
}

.cust-profile-container h3.report-geo {
    margin-top: 5px;
    float: left;
    width: 100px;
}

.cust-profile-container table {
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
}

    .cust-profile-container table tr {
        border-bottom: 1px solid #ccc;
    }

    .cust-profile-container table thead tr.header-row-dark {
        background-color: #707070;
        /*border: 1px solid #ccc;*/
        color: #fff;
    }

    .cust-profile-container table thead tr.header-row-white {
        background-color: #fff;
        /*border: 1px solid #ccc;*/
        color: #000;
    }

    .cust-profile-container table th.column-with-text,
    .cust-profile-container table td.column-with-text {
        /*border: 1px solid #ccc;*/
    }

    .cust-profile-container table.dataTable thead th,
    .cust-profile-container table.dataTable thead td {
        border-bottom: none;
    }

    .cust-profile-container table .answers-select {
        width: 150px;
        margin: 0;
        padding: 2px;
        font-size: .9em;
    }

    .cust-profile-container table td.answers-select-tc {
        text-align: left;
    }

    .cust-profile-container table span.ci-data {
        font-size: .9em;
    }

    .cust-profile-container table.dataTable thead .sorting,
    .cust-profile-container table.dataTable thead .sorting_asc,
    .cust-profile-container table.dataTable thead .sorting_desc,
    .cust-profile-container table.dataTable thead .sorting_asc_disabled,
    .cust-profile-container table.dataTable thead .sorting_desc_disabled {
        background-position: center right -3px;
    }

    .cust-profile-container table.dataTable tr.group {
        background-color: #ccc;
    }

    .cust-profile-container table.dataTable td {
        text-align: center;
        min-width: 67px;
    }

        .cust-profile-container table.dataTable td:first-child,
        .cust-profile-container table.dataTable th:first-child {
            text-align: left;
        }

        .cust-profile-container table.dataTable td.geo-2 {
            background-color: #efece7;
        }

        .cust-profile-container table.dataTable td.rse-flag {
            background-color: #ccc;
        }

.cust-profile-container .indicators-container {
    margin-top: 15px;
}

.chart-container {
    margin-bottom: 60px;
}

    .chart-container table img {
        max-width: 800px;
    }

.footNote {
    font-size: .9em;
}

.tooltip-box {
    background-color: #707070;
    color: #fff;
}

.ui-helper-hidden-accessible {
    display: none;
}

.local-area-container .local-area-variable-container {
    border: 1px solid #ccc;
    padding: 10px;
}

.local-area-container .local-area-report-container {
    /*border: 1px solid #ccc;*/
    padding: 10px;
}

.local-area-container .floatright {
    float: right;
}

.local-area-container .rv {
    width: 864px;
    overflow: hidden;
}

    .local-area-container .rv div {
        overflow: hidden !important;
    }

.local-area-container .wrap {
    overflow-x: visible;
}

.local-area-container .col2 {
    overflow-x: visible;
}

.local-area-container h1 {
    margin: 20px 0 0 0;
}

.local-area-container h2 {
    margin: 0 0 20px 0;
}

.local-area-container .select-header h4:first-child {
    margin-top: 0;
}

.local-area-container .variable-container-left,
.local-area-container .variable-container-right {
    float: left;
    width: 50%;
}

.local-area-container .footer {
    font-size: 10px;
}

/*
.indicators-container .cbl-indicators input {
    width: 8%;
    float: left;
}

.indicators-container .cbl-indicators label {
    width: 40%;
    float: left;
}
*/
a.floating-data-query {
    width: 130px !important;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
}

.slider-actions .btnAction-purple {
    margin-top: 5px !important;
}

.fixed_pos {
    position: fixed;
    bottom: 0;
}

/*
#main-nav > ul > li.nav-promoted > a {
    background-color: #440e62;
    color: #fff;
}

    #main-nav > ul > li.nav-promoted > a:hover {
        background-color: #440e62;
        color: #fff;
    }
*/
.relative_pos {
    position: fixed;
    bottom: 280px !important;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Plugins / Widgets */

.plugin-chooser h3 {
    margin-bottom: 10px;
}

.plugin-chooser #yourWidget {
    margin-top: 20px;
}

.plugin-chooser #hdrCopy {
    margin-top: 20px;
}

pre {
    color: white;
    background: #666;
    padding: 0;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    line-height: 28px;
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
}


    pre code {
        font-size: 0.9rem;
        background: none;
        padding: 15px;
        white-space: pre;
        -webkit-overflow-scrolling: touch;
        display: block;
        white-space: pre-wrap; /* Since CSS 2.1 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word;
    }

.loading {
    position: fixed;
    z-index: 999;
    height: 6em;
    width: 6em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

.measureAccordion {
    border: 1px solid black;
    text-align: center;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    color: #ffffff !important;
    padding-left: 80px !important;
    font-size: 100% !important;
    background-color: #093461 !important;
}

table.dataTable.measure-table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.dataTable.measure-table tr {
        cursor: inherit;
    }

        table.dataTable.measure-table tr th,
        table.dataTable.measure-table tr td {
            border: 1px solid #ccc;
            text-align: center;
        }

            table.dataTable.measure-table tr th:first-child,
            table.dataTable.measure-table tr td:first-child {
                text-align: left;
            }

    table.dataTable.measure-table thead tr.head-1 {
    }

    table.dataTable.measure-table thead tr.head-2 {
        font-weight: bold;
        background-color: #fbffec;
    }

    table.dataTable.measure-table thead tr.head-1 th {
        font-weight: bold;
    }

    table.dataTable.measure-table thead tr.head-2 th {
        font-weight: bold;
    }

    table.dataTable.measure-table tbody tr.even {
        background-color: #f1f1f1;
    }

    table.dataTable.measure-table tbody tr.odd {
    }

    table.dataTable.measure-table.no-footer {
        border-bottom: none;
    }

table.focus-area-table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.focus-area-table tr th,
    table.focus-area-table tr td {
        border: 1px solid #ccc;
        text-align: center;
    }

    table.focus-area-table tr th {
        padding: 10px 0;
    }

    table.focus-area-table tr.trhide td {
        padding: 10px 0;
        font-size: 75%;
    }

    table.focus-area-table tr th:first-child,
    table.focus-area-table tr td:first-child {
        text-align: left;
        padding-left: 20px;
    }

    table.focus-area-table tr.head-1 {
        background-color: #fbffec;
    }

.focus-area-table .trhide {
    display: none;
}

tr.parent {
    border: 1px solid black;
    text-align: center;
    color: #ffffff !important;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 80px !important;
    font-size: 100% !important;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    background-color: #093461 !important;
    height: 40px;
}

.focus-area-title {
    width: 87%;
    float: left;
}

.focus-area-show {
    width: 10%;
    min-width: 100px;
    text-decoration: none;
    float: right;
    display: inline;
    cursor: pointer;
    font-size: 80% !important;
}

    .focus-area-show:hover {
        text-decoration: underline;
    }

.clickToShow {
    width: 100px;
    text-decoration: none;
    float: right;
    display: inline;
    cursor: pointer;
    font-size: 80% !important;
}

    .clickToShow:hover {
        text-decoration: underline;
    }

table.drc-table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.drc-table tr th,
    table.drc-table tr td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 10px;
    }

        table.drc-table tr th:first-child,
        table.drc-table tr td:first-child {
            text-align: left;
        }

    table.drc-table tr {
        background-color: #f1f1f1;
    }


        table.drc-table tr.head-1 {
            background-color: #313364;
            color: #fff;
        }

    table.drc-table thead tr th {
        font-weight: bold;
    }

    table.drc-table thead tr th,
    table.drc-table tbody tr td {
        vertical-align: top;
    }

div[id$='AsyncWait_Wait'] {
    display: none !important;
    visibility: hidden !important;
}

div[id$='AsyncWait'] {
    display: none !important;
    visibility: hidden !important;
}

#toolbar-container .wrap .sfContentBlock.add-this-container {
    float: right;
    margin-top: 5px;
}

#toolbar-container .wrap #pdf-generator {
    float: right;
    margin: 5px 0 0 2px;
}

/* Home Page v2 */
.main-content-container {
    background-color: #fff;
}

.grid {
    margin-bottom: 10px;
}

    .grid:after {
        content: "";
        display: table;
        clear: both;
    }

    .grid [class*='col-'] {
        float: left;
    }

    .grid [class*='col-'] {
        /*padding-right: 20px;*/
    }

        .grid [class*='col-']:last-of-type {
            padding-right: 0;
        }

.inner .grid-pad:first-child {
    padding-top: 15px;
}

.grid-pad {
    padding: 5px 0 5px 20px;
}

    .grid-pad > [class*='col-']:last-of-type {
        /*padding-right: 20px;*/
    }

.col-1-2 {
    width: 50%;
}

.col-1-4 {
    width: 25%;
}

.col-1-8 {
    width: 12%;
}

.col-2-3 {
    width: 66.6%;
}

    .col-2-3.slider-col {
        width: 64.9%;
    }

.col-1-3 {
    width: 33.3%;
}

.panel-block,
.panel-callout {
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f7f6f6;
    margin-right: 20px;
}

    .panel-block .panel-title {
        background-color: #999;
        padding: 10px 15px;
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
    }

        .panel-block .panel-title h4,
        .panel-block .panel-title h4 a {
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 1px;
            font-family: 'Roboto', sans-serif;
            color: #fff;
            text-decoration: none;
        }

            .panel-block .panel-title h4 a:hover {
                text-decoration: underline;
            }

    .panel-block .panel-body {
        border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        min-height: 100px;
        padding: 10px 15px;
    }

        .panel-block .panel-body p {
            font-size: 14px;
        }

        .panel-block .panel-body ul {
            padding: 10px 20px;
            font-size: 14px;
        }

        .panel-block .panel-body:after {
            content: '';
            display: table;
            clear: both;
        }

    .panel-block.theme-one .panel-title {
        background-color: #303364;
    }

    .panel-block.theme-two .panel-title {
        background-color: #898437;
    }

    .panel-block.theme-three .panel-title {
        background-color: #ee502c;
    }

    .panel-callout .panel-image {
        float: left;
        width: 30%;
        padding: 10px;
    }

    .panel-callout .panel-body {
        float: left;
        padding: 10px 5px;
        width: 60%;
    }

        .panel-callout .panel-body h3 {
            font-size: 16px;
            font-weight: 600;
        }

    .panel-callout:after {
        content: '';
        display: table;
        clear: both;
    }

a .panel-callout p {
    color: #000;
    font-size: 13px;
}

a .panel-callout:hover {
    border: 1px solid #f37f56;
}

.highlights-container-full .item {
    margin-bottom: 20px;
}

.highlights-container-full .name {
    font-weight: bold;
}

.news-container:after {
    content: '';
    display: table;
    clear: both;
}

.news-container .wrap .item {
    float: left;
    width: 32%;
    margin-right: 10px;
    font-size: 14px;
}

    .news-container .wrap .item:last-child {
        margin-right: 0;
    }

a.view-all-news {
    float: right;
}

.SandboxRoot.env-bp-330 .timeline-Tweet-text {
    font-size: 12px !important;
    line-height: 16px !important;
}

.timeline-Tweet-text {
    margin-left: 0 !important;
}

.data-query-snippet select:disabled {
    background-color: #f5f5f5;
}

.data-query-snippet select {
    padding: 5px;
    display: block;
    width: 96%;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 7px;
    /* -webkit-appearance: none; */
    /* text-indent: 15px; */
    -webkit-appearance: initial;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png) no-repeat;
    background-size: 20px;
    background-position: right 10px center;
}

}

.data-query-snippet a[class|="btnAction"] {
    width: 100px;
    float: right;
    margin: 5px 0 0 0;
}

.panel-block.cahmi-bg {
    background: url('Images/CAHMI_bg_logo.png') no-repeat bottom #f7f6f6;
    background-position: right 15px bottom 10px;
}

.cahmi-bg-test {
    position: absolute;
    bottom: 30px;
}

.browse-data-info {
    width: 67%;
    float: left;
}

.browse-data-citation {
    width: 29%;
    float: left;
    font-size: 12px;
    background-color: #f9f7f7;
    padding: 0 15px;
    margin-top: -10px;
}

.browse-data-container:after {
    clear: both;
    content: '';
    display: block;
}

.footer-copy {
    padding: 10px 70px;
}

.privacy-policy {
    text-align: center;
}

.footer-bottom {
    color: #fff;
}

#main-slider h3 {
    color: #333;
}

#main-slider p {
    color: #fff;
}

#main-slider ul li a {
    color: #fff;
}

#main-slider .details .title a {
    color: #fff;
}

/* Old End? */

.slider-actions a.btnAction-purple {
    margin: 0;
}

#content img.callout-image {
    max-width: 70%;
    height: auto !important;
}

.slider-actions {
    max-width: 200px;
    width: 30%;
    right: 0;
}

.data-query-snippet:after {
    content: "";
    display: block;
    clear: both;
}

.data-query-snippet {
    margin: 0 0 5px 0;
}

div#data-stories {
    display: none;
}


.right-logo {
    float: right;
    width: 28%;
    margin-right: 30px;
    position: relative;
    top: 10px !important;
}

    .right-logo .add-this-toolbox {
        float: right;
        width: 150px;
    }

    .right-logo div#pdf-generator {
        float: right;
        width: 28px;
        margin-left: 2px;
        margin-top: 1px;
    }

.cahmi-svg-logo {
    display: block;
}

.cahmi-png-logo {
    display: none;
}

.right-logo .cahmi-logo {
    margin-top: 30px;
}

/*.right-logo .cahmi-logo img {
            margin-top: -10px;
        }*/

/* FONT AWESOME EMOJIS */

/* Email link */
/*a[href^="mailto:"]:before {
    content: "\f003";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

/* External link */
/*a[href^="https://"]:before,
a[href^="http://"]:before {
    content: "\f14c";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

/* zip file */
/*a[href$=".zip"]:before {
    content: "\f114";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

/* Excel link */
/*a[href$=".xlsx"]:before {
    content: "\f1c3";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

/* Word link */
/*a[href$=".docx"]:before,
a[href$=".doc"]:before {
    content: "\f1c2";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

/* pdf link */
/*a[href$=".pdf"]:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

/* Audio file */
/*a[href$=".mp3"]:before,
a[href$=".mp4"]:before,
a[href$=".wma"]:before {
    content: "\f1c7";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/

a:before:hover {
    text-decoration: none;
}

/* Codebook Modal */
#codebookModal .modal-dialog {
    font-size: 14px;
}

    #codebookModal .modal-dialog .modal-title {
        font-size: 18px;
        margin: 5px 0;
    }

#codebookModal .modal-body input[type="text"] {
    font-size: 14px;
    padding: 5px 3px;
    width: 75%;
}

#codebookModal .modal-body input[type="checkbox"] {
    font-size: 5px;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(1.3);
    -o-transform: scale(2);
    padding: 5px;
    float: left;
    margin-top: 5px;
}

#codebookModal .modal-body .modal-confirm label {
    margin-left: 20px;
    display: block;
}

#codebookModal .modal-footer .btnAction {
    width: 100px;
    float: right;
    margin: 5px 0;
}

.skip-button {
    float: left;
    margin-top: 20px;
}

.codebook-container p {
    font-size: 16px;
}

.codebook-container ul {
    margin-left: 30px;
}

@media (min-width: 900px) {
    #codebookModal .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

.disabled-note {
    font-size: .9em;
}


.timeline-Widget footer {
    display: none;
}

.timeline-Widget .timeline-Header {
    display: none;
}

.map-notes {
    font-size: 8pt;
}

ul {
    margin-left: 30px;
}

    ul.accordion ul {
        list-style-type: disc;
    }

    ul.accordion > li > .wrap > .title {
        font-size: 15px;
        font-weight: normal;
    }

.form-ask-question input[type="text"], .form-ask-question input[type="email"], .form-ask-question textarea {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    width: 50%;
    min-width: 400px;
}

.form-ask-question > div > div {
    margin: 15px 0 15px;
}

.form-ask-question .sfTxtLbl {
    font-weight: 700;
}

.form-ask-question select {
    display: block;
    margin-left: 0;
    width: 50%;
    min-width: 400px;
    font-size: 14px;
    padding: 8px 4px;
}

.form-ask-question .sfFormRadiolist input {
    display: inline-block;
    vertical-align: middle;
}

.form-ask-question .sfRadioList label {
    padding-left: 6px;
}

.form-ask-question .sfFormSubmit input {
    background-color: #440e62;
    background-image: none;
    border: #440e62;
    padding: 10px 30px;
    font-size: 14px;
    color: #fff;
}

    .form-ask-question .sfFormSubmit input:hover {
        background-color: #310b47;
    }

.step-2-ask-your-question {
    margin-top: 20px;
}

.drc-data-alert {
    background-color: #f0f1da;
    border-left-color: #ffbe2e;
    color: #1b1b1b;
    font-size: 1.35rem;
    line-height: 1.5;
    color: #1b1b1b;
    padding-bottom: 1rem;
    padding-top: .5rem;
    position: relative;
    border-left: 0.5rem solid #ee502d;
    margin-bottom: 20px;
}

.drc-data-alert-body {
    padding-left: 7rem;
    padding-right: 1.25rem;
    border-left-color: #ffbe2e;
    color: #1b1b1b;
}

.drc-data-alert.no-alert .drc-data-alert-body {
    padding-left: 0;
}

.drc-data-alert i {
    position: absolute;
    left: 10px;
    font-size: 32px;
    color: #ee502d;
    top: 2rem;
}

.drc-data-alert.no-alert i.fa-exclamation-triangle {
    display: none;
}


.data-query-container .section-container .section-content.u-pull-left {
    float: left;
    width: 45%;
}

.data-query-container .section-container .section-alert.u-pull-right {
    float: right;
    width: 52%;
    margin: 20px 0 0 0;
}

@media (max-width: 640px) {
    .data-query-container .section-container .section-content.u-pull-left {
        width: 100%;
        padding: 0;
    }

    .data-query-container .section-container .section-alert.u-pull-right {
        width: 100%;
        margin: 20px 0;
    }
}

.section-container:after {
    display: table;
    content: "";
    clear: both;
}

.data-query-container #areas-container .area .drc-data-alert {
    font-weight: normal;
}


ul.accordion {
    margin: 25px 0 25px 0;
}

    ul.accordion > li > .wrap {
        background-color: #68893d;
    }

    ul.accordion .content {
        background-color: #f7f6f6;
        border: 1px solid #ccc;
    }

body.js ul.accordion > li .wrap:hover {
    background-color: #74855d;
}

.accordion a.title {
    text-decoration: none;
    display: block;
    width: 100%;
    /*min-height: 50px;*/
    padding: 13px 10px 0 10px;
}

ul.accordion > li > .wrap {
    padding: 0;
}

body.js ul.accordion > li .wrap .title:after {
    top: -15px;
}

body.js ul.accordion > li.active .wrap .title:after {
    right: 5px;
}

.variabledatapopup {
    padding-top: 10px;
}

.sfError {
    background-color: #f57f59;
    color: #fff;
    padding: 5px 20px;
    margin-top: 10px;
    font-weight: 700;
    max-width: 414px;
    letter-spacing: 0.08rem;
}

#tabular {
    position: relative;
}

#tabular #pdf-generator {
    position: absolute;
    right: 0;
    text-align: right;
    top: 5px;
    max-width: 15%;
}

    #tabular #pdf-generator p {
        margin: 0 0 5px 0;
    }

.bg-light {
    background-color: #f2f2f2 !important;
}

caption {
    padding-top: 0;
    padding-bottom: 0;
    caption-side: top;
}

.modal-dialog {
    max-width: none;
}

.modal-header {
    display: block;
    /* font-weight: 700; */
}

.modal-header .close {
    top: 0;
}

h5.modal-title {
    font-weight: 700;
}

a:not([href]):not([class]):hover {
    text-decoration: underline;
}

a:not([href]):not([class]) {
    color: #000099;
    text-decoration: none;
    cursor: pointer;
}