/*
	font settings

	font-family: "expressway"
	font-weights:	500 book
					700 bold
	font-styles: 	normal
					italic
*/



div.ajax__calendar_title {
    width: 140px;
    margin: auto;
}

div.ajax__calendar_days table tr td {
    padding-right: 0px;
    padding-left: 0px;
    border: inherit;
}

/* ! basic reset */
* {
    margin: 0;
    padding: 0;
    font-size: 1em;
    position: relative;
}

html, body {
    height: 100%;
    /*min-width: 1026px;*/
}

body {
    /*font-family:Helvetica,Arial,sans-serif;*/
    font-size: 62.5% !important;
    background: #676e7b;
}




/* html5 element reset for IE */
header, section, aside, nav, footer {
    display: block;
}





/* multi-purpose CSS */
.constrain {
    /*width: 1026px;*/
    margin: 0 auto;
}

.header-wrap ul, .footer-wrap ul {
    list-style: none;
    height: 100%;
}

    .header-wrap .header-primary-nav li > a, .footer-wrap ul > a, .header-wrap .header-primary-nav li > a > span, .footer-wrap ul > a > span {
        display: block;
        text-align: center;
        background-color: #505f82;
    }










/* header-specific CSS */
.header-wrap {
    background: #4b5058;
    font-family: "expressway", Arial, sans-serif;
    letter-spacing: .1em;
    font-weight: 500;
    z-index: 15;
}

    .header-wrap .header-logo {
        background: url('../css_images/logo-pgc-header-310x83.png') no-repeat -5px center;
        display: block;
        height: 8.8em;
        margin-left: 1.7em;
        overflow: hidden;
        text-indent: -50em;
        width: 31em;
    }



    /*JOHN DORMAN - VARIOUS SHAREPOINT ADJUSTMENTS MADE TO ALERT AREA*/
    .header-wrap .alert {
        color: #FFFFFF;
        height: 5em;
        background: #964242;
        text-shadow: 2px 2px 2px #000000;
        /* 	display:none; */
    }

        .header-wrap .alert .constrain > h2 {
            float: left;
            font-size: 2.8em;
            margin: 0.2em 0 0 1.2em;
        }

        .header-wrap .alert .constrain > p {
            color: #E6E6E6;
            float: left;
            font-size: 1.3em;
            height: 1em;
            margin: .8em 2em;
            width: 35em;
        }

    .header-wrap .alert-more-info {
        background-color: #813737;
        color: #FFFFFF;
        display: block;
        float: left;
        height: 4em;
        margin-top: .5em;
        text-decoration: none;
        width: 14em;
        margin-left: 0em;
    }

        .header-wrap .alert-more-info span {
            display: block;
            font-size: 2em;
            height: 100%;
            margin: .4em 0 0 0;
            text-align: center;
        }

    .header-wrap .header-nav {
        height: 4.4em;
        /*	background:#676e7b url('css_images/pgc-repeat-texture-nc.png'); */
        background-color: #505f82;
        z-index: 10;
    }


.header-nav .constrain {
    height: 100%;
}

.header-nav .accent {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.3em;
    border-top: 1px solid #3a3d43;
    border-bottom: 1px solid #3a3d43;
    background: #474b52;
    font-size: 1em;
}

.boxshadow .header-nav .accent {
    box-shadow: inset 0 0 0 rgba(0,0,0,0.5);
}

.header-nav ul {
    line-height: 4.4em;
    display: block;
}

.header-wrap li {
    display: block;
    float: left;
    width: 14.62em;
}

.header-nav li.first-nav {
    border-left: 1px solid #484e59;
}

.header-nav li.last-nav {
    border-right: 1px solid #656b74;
}

.header-nav li > a {
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #656b74;
    border-right: 1px solid #484e59;
    text-shadow: 1px 1px 1px #000000;
}

.header-nav li:hover > a > .accent, .header-nav li.active > a > .accent,
body.green li.green .accent,
body.red li.red .accent,
body.purple li.purple .accent,
body.blue-light li.blue-light .accent,
body.orange li.orange .accent,
body.blue-dark li.blue-dark .accent,
body.yellow li.yellow .accent {
    height: 4.2em;
}


.header-nav li > a > span {
    color: #e6e6e6;
    font-size: 1.4em;
    letter-spacing: .1em;
    font-weight: bold;
}

.header-wrap .header-utility {
    height: 3em;
    background: #fff;
    z-index: 5;
}

    .header-wrap .header-utility a {
        color: #4f535c;
        display: block;
        height: 100%;
        text-decoration: none;
        width: 100%;
    }

    .header-wrap .header-utility li {
        display: block;
        float: left;
        height: 3em;
        list-style: none outside none;
        padding: 0 1em;
        width: auto;
    }

        .header-wrap .header-utility li:hover {
            background-color: #404040;
        }

            .header-wrap .header-utility li:hover > a span {
                color: #fff;
            }

    .header-wrap .header-utility span {
        color: #616161;
        display: block;
        font-size: 1.3em;
        padding-top: 0.5em;
        text-align: left;
    }

.header-utility > .constrain > ul {
    float: right;
}


/* "global" link hover animation */
.subnav-sites a span.subnav-link-text, .content-wrap-full p a, .slideshow-nav span, .social-icons li {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

    .subnav-sites li:hover > a span.subnav-link-text, .content-wrap-full p a:hover, .slideshow-nav:hover span, .social-icons li:hover {
        opacity: .66;
    }


/* department subnav styling */
.department-navs {
    background-color: #cccccc;
    border-top: 0.2em solid;
    border-bottom: 0.2em solid;
    border-color: #cccccc;
    display: none;
    left: 0;
    padding: 1em 0;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: background-color .25s, border-color .25s;
    transition: background-color .25s, border-color .25s;
}

    .department-navs li {
        float: none;
        height: auto;
    }

    .department-navs ul {
        float: left;
    }

    .department-navs .subnav-sites > div > div > ul, .department-navs .subnav-services > div > div > ul {
        border-top: 1px solid;
        float: left;
        padding-right: 6%;
        width: 44%;
    }

        .department-navs .subnav-sites > div > div > ul > li {
            margin: 1.4em 0;
        }

            .department-navs .subnav-sites > div > div > ul > li > a > span.subnav-link-text {
                display: block;
                margin: 1.6em 0 0;
            }

    .department-navs .subnav-sites li, .department-navs .subnav-services li {
        width: 100%;
    }

    .department-navs .subnav-services li {
        height: 4.5em;
    }

    .department-navs .subnav-sites li > ul {
        height: auto;
        margin-left: 1em;
    }

        .department-navs .subnav-sites li > ul > li {
            font-size: 0.8em;
            height: 2.2em;
        }

    .department-navs li > a {
        border: 0 none;
        display: block;
        font-size: 1.1em;
        line-height: 1.6em;
        margin-top: 1em;
    }

        .department-navs li > a, .department-navs li > a > span {
            text-align: left;
        }

    .department-navs .main-nav-sub {
    }

    .department-navs li > a:hover .subnav-tooltip {
        display: block;
    }

    .department-navs li .subnav-tooltip > span {
        background: url('../css_images/tooltip-arrow.png') no-repeat 0 0;
        height: 14px;
        left: -14px;
        position: absolute;
        top: 5px;
        width: 14px;
    }

    .department-navs h3 {
        color: #d2d2d2;
        font-size: 2.8em;
        text-shadow: 1px 1px 1px #000;
    }

.subnav-sites, .subnav-services {
    float: left;
}

.subnav-sites {
    border-bottom: 1px solid;
    margin: 0 0.6em 0 0.7em;
    padding: 1em 0;
    width: 55.4em;
}

.subnav-services {
    border: 0.1em solid;
    padding: 1em;
    width: 40em;
}

    .subnav-services ul {
        border-bottom: 1px solid;
        padding-bottom: 1em;
    }

.subnav-tooltip {
    background: none repeat scroll 0 0 #E6E6E6;
    border: 2px solid #FFFFFF;
    box-shadow: 2px 2px 4px -2px #000000;
    color: #4B5058 !important;
    display: none;
    font-size: 11px !important;
    height: auto;
    padding: 1em;
    position: absolute;
    right: -160px;
    text-shadow: none;
    top: 8px;
    width: 150px;
    z-index: 100;
}

.subnav-services > div {
}



/*subnav color styling*/

/*subnav background and border color*/
.green.department-navs {
    background-color: #627F5F;
    border-color: #6f886c;
}

.red.department-navs {
    background-color: #804848;
    border-color: #914f4f;
}

.purple.department-navs {
    background-color: #8957a0;
    border-color: #976dab;
}

.blue-light.department-navs {
    background-color: #5f858e;
    border-color: #6c959e;
}

.orange.department-navs {
    background-color: #9d6c44;
    border-color: #b4835a;
}

.blue-dark.department-navs {
    background-color: #505f82;
    border-color: #62749c;
}

.yellow.department-navs {
    background-color: #b8a04e;
    border-color: #d9bf69;
}

/*subnav-services background and border color*/
.department-navs .subnav-services {
    transition: background-color .25s, border-color .25s;
    -webkit-transition: background-color .25s, border-color .25s;
}

.green > .constrain > .main-nav-sub > .subnav-services {
    background-color: #577254;
    border-color: #506b4d;
}

.red > .constrain > .main-nav-sub > .subnav-services {
    background-color: #71403f;
    border-color: #683c3a;
}

.purple > .constrain > .main-nav-sub > .subnav-services {
    background-color: #6f4881;
    border-color: #664377;
}

.blue-light > .constrain > .main-nav-sub > .subnav-services {
    background-color: #507277;
    border-color: #4a6b6e;
}

.orange > .constrain > .main-nav-sub > .subnav-services {
    background-color: #915c30;
    border-color: #86562c;
}

.blue-dark > .constrain > .main-nav-sub > .subnav-services {
    background-color: #445372;
    border-color: #3f4e69;
}

.yellow > .constrain > .main-nav-sub > .subnav-services {
    background-color: #a48212;
    border-color: #977a11;
}

/*list above/below color*/
.department-navs .constrain > .main-nav-sub > .subnav-sites ul, .department-navs .constrain > .main-nav-sub > .subnav-services ul {
    transition: border-color .25s;
    -webkit-transition: border-color .25s;
}

.green > .constrain > .main-nav-sub > .subnav-sites, .green > .constrain > .main-nav-sub > .subnav-sites ul, .green > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #516a4e;
}

.red > .constrain > .main-nav-sub > .subnav-sites, .red > .constrain > .main-nav-sub > .subnav-sites ul, .red > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #673232;
}

.purple > .constrain > .main-nav-sub > .subnav-sites, .purple > .constrain > .main-nav-sub > .subnav-sites ul, .purple > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #5d396d;
}

.blue-light > .constrain > .main-nav-sub > .subnav-sites, .blue-light > .constrain > .main-nav-sub > .subnav-sites ul, .blue-light > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #406166;
}

.orange > .constrain > .main-nav-sub > .subnav-sites, .orange.department-navs > .constrain > .main-nav-sub > .subnav-sites ul, .orange.department-navs > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #75502c;
}

.blue-dark > .constrain > .main-nav-sub > .subnav-sites, .blue-dark > .constrain > .main-nav-sub > .subnav-sites ul, .blue-dark > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #374564;
}

.yellow > .constrain > .main-nav-sub > .subnav-sites, .yellow > .constrain > .main-nav-sub > .subnav-sites ul, .yellow > .constrain > .main-nav-sub > .subnav-services ul {
    border-color: #725c12;
}





/* per-department nav coloration */
.green > a > .accent {
    background: #627f5f;
}

.red > a > .accent {
    background: #804848;
}

.purple > a > .accent {
    background: #8957a0;
}

.blue-light > a > .accent {
    background: #5f858e;
}

.orange > a > .accent {
    background: #9d6c44;
}

.blue-dark > a > .accent {
    background: #505f82;
}

.yellow > a > .accent {
    background: #b8a04e;
}

.boxshadow .header-primary-nav > li:hover > a > .accent, .boxshadow .header-primary-nav > li.active > a > .accent,
body.green li.green .accent,
body.red li.red .accent,
body.purple li.purple .accent,
body.blue-light li.blue-light .accent,
body.orange li.orange .accent,
body.blue-dark li.blue-dark .accent,
body.yellow li.yellow .accent {
    box-shadow: inset 0 0 22px rgba(0,0,0,0.5) !important;
}


/* css3 enhancements */
.csstransitions .header-nav li > a > .accent {
    -webkit-transition: height 0.2s, box-shadow 0.2s;
    transition: height 0.2s, box-shadow 0.2s, border-top 0.1s, border-bottom 0.1s;
}


/*content*/
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    /*font-family: "expressway",Helvetica,Arial,Sans-Serif;*/
    /*letter-spacing: .1em;*/
    /*margin-bottom: .5em;*/
}
/*.content h1{color:#4f535c;font-size: 3.4em;}
.content h2{color:#4f535c;font-size: 3em;}
.content h3{color:#4f535c;font-size: 2.6em;}
.content h4{color:#4f535c;font-size: 2.2em;}
.content h5{color:#4f535c;font-size: 1.8em;}
.content h6{color:#4f535c;font-size: 1.4em;}*/

.content {
    background: white;
    min-height: 100px;
    z-index: 10;
}

.boxshadow .content {
    box-shadow: 0 4px 5px rgba(0,0,0,0.65);
}

.content p, .content a {
    color: #353535;
    font-size: 1.4em;
    line-height: 1.5em;
}

.content a {
    color: #345dba;
    text-decoration: none;
}

.content-wrap {
}

.main-content, .main-content-block {
    color: #4f535c;
    float: left;
    margin: 3em 0 4em;
}

.main-content {
    width: 64%;
    margin-right: 2%;
}

.main-content-block {
    width: 34%;
}


/*animates pgc logo into and out of department header becomes attached to top of window and detaches respectively*/
@keyframes show {
    0% {
        top: -107px;
    }

    100% {
        top: 7px;
    }
}

@keyframes hide {
    0% {
        top: 7px;
    }

    100% {
        top: -107px;
    }
}

.pgc-logo {
    background: url('../css_images/logo-pgc-header-310x83.png') 0 0;
    display: none;
    height: 8em;
    left: 10px;
    position: absolute;
    top: -107px;
    width: 6em;
    z-index: 1;
}

    .pgc-logo.show {
        animation: show .5s;
        top: 7px;
    }

    .pgc-logo.hide {
        animation: hide .5s;
        top: -107px;
    }

    .pgc-logo a:link {
        text-decoration: none;
        color: #ffffff !important;
        font-size: 1em;
        line-height: normal;
    }




.content-header-wrap {
    height: 10em;
    width: 100%;
    z-index: 1000;
}

    .content-header-wrap.green {
        background: none repeat scroll 0 0 #627F5F;
    }

    .content-header-wrap.red {
        background: none repeat scroll 0 0 #804848;
    }

    .content-header-wrap.purple {
        background: none repeat scroll 0 0 #8957a0;
    }

    .content-header-wrap.blue-light {
        background: none repeat scroll 0 0 #5f858e;
    }

    .content-header-wrap.orange {
        background: none repeat scroll 0 0 #9d6c44;
    }

    .content-header-wrap.blue-dark {
        background: none repeat scroll 0 0 #505f82;
    }

    .content-header-wrap.yellow {
        background: none repeat scroll 0 0 #b8a04e;
    }


.green .content-header-nav {
    background-color: #627F5F;
}

.red .content-header-nav {
    background-color: #804848;
}

.purple .content-header-nav {
    background-color: #8957a0;
}

.blue-light .content-header-nav {
    background-color: #5f858e;
}

.orange .content-header-nav {
    background-color: #9d6c44;
}

.blue-dark .content-header-nav {
    background-color: #505f82;
}

.yellow .content-header-nav {
    background-color: #b8a04e;
}

.content-header-nav.green {
    background-color: #526F4F;
}

.content-header-nav.red {
    background-color: #703838;
}

.content-header-nav.purple {
    background-color: #794790;
}

.content-header-nav.blue-light {
    background-color: #4F757E;
}

.content-header-nav.orange {
    background-color: #8d5c34;
}

.content-header-nav.blue-dark {
    background-color: #404f72;
}

.content-header-nav.yellow {
    background-color: #A8903E;
}




.content-header-wrap h2 {
    color: #FFFFFF;
    margin-left: 3.2em;
    text-shadow: 1px 1px 2px #000000;
}

    .content-header-wrap h2 span {
        display: block;
        padding-top: 0.4em;
    }

.content-header-wrap .content-header-nav {
    opacity: 0.973;
    bottom: 0;
    height: 4em;
    left: 0;
    position: absolute;
    width: 100%;
}

.header-social {
    position: absolute;
    right: 0;
    top: 2em;
}

    .header-social ul {
    }

    .header-social li {
        float: left;
        height: 2em;
        list-style: none outside none;
        margin-left: .6em;
        width: 2.5em;
    }

    .header-social .dept-logo {
        background: url('../css_images/dept-police_logo.png') no-repeat 0 3px;
        height: 6em;
        margin: 0;
        top: -20px;
        width: 4em;
    }

    .header-social .facebook {
        background: url('../css_images/social-sprite-header.png') no-repeat 0px 0px;
}

    .header-social .twitter {
        background: url('../css_images/social-sprite-header.png') no-repeat -30px 0px;
}

    .header-social .youtube {
        background: url('../css_images/social-sprite-header.png') no-repeat -60px 0px;
}

        .header-social .facebook:hover, .header-social .twitter:hover, .header-social .youtube:hover {
            opacity: .4;
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
        }

    .header-social li a {
        display: block;
        height: 100%;
        line-height: 0;
        width: 100%;
    }

        .header-social li a span {
            color: transparent;
        }
/*
content-nav-wrap hover state colors for department headers
Green:  3b5a38
Red: 562020
Purple: 5d2f72
Blue-Light: 2e565f
Orange: 784a23
Blue-Dark: 2d3c5f
Yellow: 836c1b
*/



/*SHAREPOINT

/*content header for department inner page */
.content-header-wrap .content-header-nav a {
    color: #EFEFEF;
    display: block;
    height: 100%;
    text-decoration: none;
}

.content-header-wrap .content-header-nav ul {
    margin-left: 5em;
}

.content-header-wrap .content-header-nav li {
    display: block;
    float: left;
    height: 4em;
    list-style: none outside none;
    margin: 0 2em 0 0;
    width: 13em;
}

    .content-header-wrap .content-header-nav li:hover {
        background-color: #2d3c5f;
    }

.content-header-wrap .content-header-nav span {
    display: block;
    padding-top: 1em;
    text-align: center;
}

/*press-release styling*/
.headline {
    background: none repeat scroll 0 0 #DADADA;
    margin: 2em 0;
    padding: 1em 3em 1.5em;
}

    .headline h2 {
        color: #4f535c;
    }

    .headline h4 {
        line-height: 2em;
    }

.more-info {
    background: none repeat scroll 0 0 #DADADA;
    margin: 2em 0;
    padding: 1em 3em 1.5em;
}
/*press release masthead*/
.masthead {
    margin: 5em 0 3em;
}

.masthead_pgc-logo {
    float: left;
}

.masthead_dept-logo {
    float: left;
}

.masthead h2 {
    color: #4f535c;
    font-size: 36px;
}

.masthead h4 {
    color: #4F535C;
    font-size: 24px;
}

.masthead-title {
    float: left;
    margin: 2em 2em 0;
    text-align: center;
    width: 78em;
}

    .masthead-title hr {
        background: none repeat scroll 0 0 #4F535C;
        border: 0 none;
        height: 0.2em;
        margin: 0.5em 0 !important;
    }


/*inner pages*/
.content-wrap-full p, .content-wrap-left p, .content-wrap-right p {
    line-height: 1.7em;
}

.content-wrap-full > p {
    margin: 0 2.5em;
}

.content-wrap-full {
    padding-bottom: 5em;
}

.content-wrap-left {
    float: left;
    height: 40em;
    margin-right: 2%;
    padding-bottom: 5em;
    width: 64%;
}

.content-wrap-right {
    background: none repeat scroll 0 0 #BBC4D2;
    border-left: 1px solid #A3ABB7;
    border-right: 1px solid #A3ABB7;
    float: left;
    height: 100%;
    padding: 0 3% 5em;
    width: 27%;
}

/*main page content styling*/
aside {
}

    aside.odd {
        background: #bbc4d2;
    }

    aside.even {
        background: #b2bccc;
    }

.block-wrap {
    float: left;
    margin: 0 1%;
    width: 31.3%;
}

.block-text, .block-link, .block-twitter, .block-news, .block-youtube, .block-court-docket, .block-calendar {
    color: #4f535c;
    margin: 3em 0 10em 0;
    width: 100%;
}

    .block-text *, .block-link *, .block-twitter *, .block-news *, .block-youtube *, .block-court-docket *, .block-calendar * {
        margin: .5em 0;
    }

    .block-text h3, .block-link h3, .block-twitter h3, .block-news h3, .block-youtube h3, .block-court-docket h3, .block-calendar h3 {
        color: #4f535c;
    }

    .block-text ul, .block-link ul, .block-twitter ul, .block-news ul, .block-youtube ul, .block-court-docket ul, .block-calendar ul {
        list-style: none;
    }

    .block-text hr, .block-link hr, .block-twitter hr, .block-news hr, .block-youtube hr, .block-court-docket hr, .block-calendar hr {
        background: none repeat scroll 0 0 #8D9BAF;
        border: 0 none;
        height: 0.1em;
        margin: 0.5em 0;
    }

.block-text {
}

.block-link {
}

.block-twitter {
}

.block-news {
    background: url('../css_images/news-block-background.png') no-repeat 41px 0;
    min-height: 25em;
}

.block-youtube {
}

.block-court-docket {
}

.block-calendar {
}

.sidebar-hsep {
    background: url('../css_images/sidebar-hsep.png') no-repeat 0 0;
    bottom: -70px;
    display: block;
    height: 3em;
    position: absolute;
    width: 30em;
}

.link-more {
    position: absolute;
    right: 0;
    bottom: -20px;
}


/*misc  styles*/
.breadcrumb {
    color: #6e6e6e !important;
    margin: 2em 0;
}

.breadcrumb-listitem {
    color: #3e3e3e !important;
    opacity: .45;
    text-decoration: none;
    transition: opacity .15s;
    -webkit-transition: opacity .15s;
}

    .breadcrumb-listitem.active {
        color: #6e355c !important;
    }

    .breadcrumb-listitem:hover {
        opacity: 1;
    }

.img-left {
    float: left;
}

.img-right {
    float: right;
}

.img-center {
}

.img-caption {
}

hr {
    background: none repeat scroll 0 0 #ccc;
    border: 0 none;
    height: 0.1em;
    margin: 4em 0;
}

br {
    margin: 1.5em 0;
}

p > br, a > br {
    margin: 1em 0;
}

.clear {
    clear: both;
}


/* footer specific CSS */
.footer-wrap {
    background-color: #676e76;
}

.footer-nav, .footer-location, .footer-utility {
    background-image: url('../css_images/pgc-repeat-texture-nc.png');
}

.footer-nav {
    font-family: "expressway",Helvetica,Arial,Sans-Serif;
    height: 50em;
    letter-spacing: .1em;
}

    .footer-nav a {
        font-size: 1.1em;
        text-decoration: none;
        color: #fff;
    }

    .footer-nav .constrain > ul > li {
        float: left;
        margin: 4.4em 6.4em 0 0;
        width: 15em;
    }

    .footer-nav .constrain > ul > .last-nav {
        margin-right: 0;
    }

    .footer-nav .nav-0 li, .footer-nav .nav-1 li {
        margin: 0.7em 0;
    }

.nav-0 {
    margin-bottom: 2em;
}

.footer-nav .category {
    color: #B8C8E2;
    font-size: 1.7em;
    font-weight: bold;
    letter-spacing: .1em;
}

.footer-separator {
    background: none repeat scroll 0 0 #6C727C;
    float: left;
    height: 41em;
    margin-left: -3.5em;
    margin-top: 5em;
    width: 0.2em;
}

.footer-location {
    color: #ccc;
    background-color: #575d69;
    height: 10em;
    border-top: 1px solid #393e47;
    border-bottom: 1px solid #393e47;
}

.boxshadow .footer-location {
    box-shadow: inset 0 0 3px rgba(0,0,0,0.36);
}

.footer-location h4 {
    color: #c1c6d0;
    font-size: 1.5em;
}

.footer-location a {
    color: #b8c8e2;
}

.footer-location ul {
    float: left;
    margin: 0.1em 0;
}

.footer-location li {
    margin: 1em 0;
    font-size: 1.2em;
}

    .footer-location li a {
        text-decoration: none;
    }

.social-icons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 5px 5px;
    height: 4.3em !important;
    position: absolute;
    right: 0;
    top: 31px;
    width: 23em;
}

    .social-icons li {
        float: left;
        height: 36px;
        margin-left: 13px;
        margin-top: 0.2em;
        width: 3em;
    }

    .social-icons li {
        float: left;
        height: 36px;
        margin-left: 7px;
        margin-top: 0.2em;
        width: 3em;
    }

        .social-icons li a {
            display: block;
            height: 100%;
            width: 100%;
            text-indent: -9999px;
        }

    .social-icons .seal {
        background: url('../css_images/pgc-sprites.png') no-repeat 0 0;
        height: 75px;
        margin-left: -1em;
        margin-top: -1.4em;
        width: 60px;
    }

    .social-icons .calendar {
        background: url('../css_images/pgc-sprites.png') no-repeat -92px -19px;
}

    .social-icons .twitter {
        background: url('../css_images/pgc-sprites.png') no-repeat -162px -19px;
}

    .social-icons .facebook {
        background: url('../css_images/pgc-sprites.png') no-repeat -227px -19px;
}

    .social-icons .youtube {
        background: url('../css_images/pgc-sprites.png') no-repeat -287px -19px;
}

.footer-utility {
    height: 5em;
}

    .footer-utility ul {
        float: left;
    }

    .footer-utility li {
        color: #d7dce5;
        font-size: 1.2em;
        margin: 1.5em 4.4em 1.5em 0;
        clear: none;
        float: left;
    }

        .footer-utility li a {
            color: #cccccc;
            text-decoration: none;
        }


/* Main Slideshow */

.main-slideshow, .section-slideshow {
    width: 100%;
    height: 450px;
}

.slideshow-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-slideshow .slideshow-mask {
    background: no-repeat center;
    background-size: cover;
}

.slideshow-frame {
    width: 100%;
    height: 100%;
    position: absolute;
    background: no-repeat center;
    background-size: cover;
    display: none;
}

.slide-inner-container {
    position: absolute;
    right: 45px;
}

.section-slideshow .slide-content-container {
    width: 490px;
    margin-top: 70px;
}

.slide-content-container {
    width: 640px;
    padding: 1px 0 13px;
    background: #282C30;
    background: rgba(40, 43, 48, 0.9);
    border: 1px solid rgba(125, 125, 125, 0.9);
    margin: 110px 0 10px;
}

    .slide-content-container h3 {
        margin: 15px 20px;
        font-family: "expressway";
        letter-spacing: .1em;
        font-size: 2.8em;
        color: #d7d2d0;
    }

    .slide-content-container p {
        margin: 15px 20px;
        color: #b4cdd9;
        font-size: 14px;
        line-height: 1.75em;
    }

.slideshow-bumper {
    width: 53px;
    height: 53px;
    position: absolute;
}

    .slideshow-bumper.tl {
        top: -5px;
        left: -4px;
        border-top: 5px #c3c3c3 solid;
        border-left: 5px #c3c3c3 solid;
        border-top: 5px rgba( 195,195,195,.6) solid;
        border-left: 5px rgba( 195,195,195,.6) solid;
    }

    .slideshow-bumper.tr {
        top: -5px;
        right: -5px;
        border-top: 5px #c3c3c3 solid;
        border-right: 5px #c3c3c3 solid;
        border-top: 5px rgba( 195,195,195,.6) solid;
        border-right: 5px rgba( 195,195,195,.6) solid;
    }

    .slideshow-bumper.bl {
        bottom: -5px;
        left: -4px;
        border-bottom: 5px #c3c3c3 solid;
        border-left: 5px #c3c3c3 solid;
        border-bottom: 5px rgba( 195,195,195,.6) solid;
        border-left: 5px rgba( 195,195,195,.6) solid;
    }

    .slideshow-bumper.br {
        bottom: -5px;
        right: -5px;
        border-bottom: 5px #c3c3c3 solid;
        border-right: 5px #c3c3c3 solid;
        border-bottom: 5px rgba( 195,195,195,.6) solid;
        border-right: 5px rgba( 195,195,195,.6) solid;
    }

.slide-continue-wrap {
}

a.slide-continue {
    position: absolute;
    margin: 10px 0;
    padding: 1px;
    text-decoration: none;
    right: 0;
}

    a.slide-continue span {
        padding: 8px 20px;
        background: #e2e2e2;
        background: rgba(226, 226, 226, 0.9);
        font-size: 14px;
        color: #24272b;
        font-weight: 600;
        -webkit-transition: background-color .55s, color .55s;
        transition: background-color .55s, color .55s;
    }

        a.slide-continue span:hover {
            background: #24272b;
            ;
            background: rgba(36, 39, 43, 0.9);
            color: #e2e2e2;
            -webkit-transition: background-color .25s, color .25s;
            transition: background-color .25s, color .25s;
        }

.slideshow-nav {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-indent: -999px;
}

    .slideshow-nav span {
        position: absolute;
        background: url('../css_images/slide-nav.png') no-repeat;
        width: 20px;
        height: 47px;
        top: 50%;
        margin-top: -23px;
        left: 0;
    }

    .slideshow-nav.next span {
        background-position: -20px 0;
        right: 0 !important;
        left: auto !important;
    }

    .slideshow-nav.previous {
        left: 0;
    }

    .slideshow-nav.next {
        margin-left: 100%;
        right: 0 !important;
        left: auto !important;
    }

.slideshow-side-image {
    position: absolute;
    right: 100%;
    top: 48px;
    line-height: 0;
}

    .slideshow-side-image img {
        border: 5px solid #27313b;
        left: 1px;
    }


/*SHAREPOINT ADJUSTMENTS*/
/*SHAREPOINT ADJUSTMENTS*/
/*SHAREPOINT ADJUSTMENTS*/
/*SHAREPOINT ADJUSTMENTS*/



#s4-ribbonrow > * {
    position: fixed;
    font-size: 1.1em;
    background-image: none !important;
    background-color: transparent;
    z-index: 1000 !important;
}

#s4-ribbonrow {
    background-image: none !important;
    background-color: transparent;
    border-bottom: medium;
    border-bottom-style: solid;
    border-bottom-color: white;
}

#RibbonContainer-TabRowRight {
    position: fixed;
    right: 0px;
}

.ms-cui-topBar2 {
    background-image: none !important;
    border-bottom: 0px;
}

.ms-cui-modalDiv-ie, .ms-cui-glass-ie {
    background-color: transparent !important;
}








/*content header for department inner page */

.content-header-wrap .content-header-nav li.static {
    height: 4em !important;
    z-index: 100 !important;
}

.content-header-wrap .content-header-nav a.static {
    color: #EFEFEF !important;
    display: block !important;
    height: 100% !important;
    text-decoration: none !important;
    width: auto !important;
}

.content-header-wrap .content-header-nav a.dynamic {
    color: #444444 !important;
    display: block !important;
    height: 100% !important;
    text-decoration: none !important;
    width: 100%;
}

.content-header-wrap .content-header-nav ul.root {
    display: block !important;
    margin: 0 auto 0 auto !important;
    text-align: center !important;
    white-space: normal !important;
}

.content-header-wrap .content-header-nav ul.dynamic {
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    text-align: center !important;
}


.content-header-wrap .content-header-nav li {
    display: block !important;
    float: left !important;
    height: 4em !important;
    list-style: none outside none !important;
    margin: 0 0 0 1em !important;
    width: auto !important;
    padding: 0 0 0 0em;
    overflow: visible;
}

.s4-tn li.dynamic > .menu-item {
    padding: 0 0 0 0 !important;
}

.content-header-wrap .content-header-nav li:hover {
    background-color: #2d3c5f;
}

.content-header-wrap .content-header-nav li.static > a > span.additional-background {
    display: block !important;
    padding-top: 0 !important;
    margin-top: -.8em;
    text-align: center !important;
    width: auto !important;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 1.3em;
    font-weight: 700;
}

.content-header-wrap .content-header-nav a.dynamic > span.additional-background {
    display: block !important;
    padding-top: 0 !important;
    margin-top: 0;
    text-align: center !important;
    width: auto !important;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 1.0em;
    font-weight: 500;
}


.content-header-wrap .content-header-nav li.dynamic {
    display: block !important;
    float: left !important;
    height: 4em !important;
    list-style: none outside none !important;
    margin: 0 1em 0 0 !important;
    width: 100% !important;
}





.searchboxleft {
    display: block;
    float: left;
    padding-top: .5em;
}



.form-check-input:focus,
.form-control:focus {
    /*box-shadow: none !important;*/
    border-color: #ced4da !important;
}

.col-form-label {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.asterisk {
    color: #991400;
    font-weight: bold;
    font-size: 1rem;
    margin-top: -5px;
}

.form-check-input:disabled {
    background-color: lightgray !important;
    cursor: not-allowed !important;
}

.form-control:disabled, .form-control[readonly] {
    cursor: not-allowed;
}

.header-text {
    text-align: center;
    font-size: 1.5rem;
    color: white;
    font-weight: bold;
    padding-top: 5px;
}

#google_translate_element .skiptranslate,
#google_translate_element a {
    
}

.input-with-icon {
    display: flex;
}

.ajax__calendar_container TABLE {
    width: 100% !important;
}

.ajax__calendar_container {
    width: 185px !important;
}

.ajax__calendar_dayname {
    width: 22px !important;
}

.cal_Theme1 .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
    color: #004080;
    text-align: center;
}

.cal_Theme1 .ajax__calendar_other .ajax__calendar_day {
    color: gray !important;
    text-align: center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

textarea.form-control {
    min-height: 44px !important;
    height: 44px;
    resize: none !important;
    overflow-y: hidden;
    padding: 2px 5px !important;
}


.accordion-button {
    background-color: #01579b;
    color: white;
    font: 20px Roboto, sans-serif;
}

    .accordion-button:focus {
        box-shadow: none !important;
    }

    .accordion-button:after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .accordion-button:not(.collapsed):after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .accordion-button:hover {
        font: 21px Roboto, sans-serif;
    }

    .accordion-button:not(.collapsed) {
        background-color: #025A8D;
        color: white;
    }

.accordion-item {
    background-color: #e1f5fe;
    font: 16px Roboto, sans-serif;
}


.invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.invalid-tooltip {
    font-size: small;
    font-weight: bold;
    padding: 0.5rem;
}

h5 {
    font-weight: bold;
}

#rblOutputVoter label,
#rdlAbsCounty label,
#rblAbsType label,
#rblOutputAbs label {
    padding-top: 0.25rem !important;
    padding-right: 2rem !important;
}

.col-form-label {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font: 16px Roboto, sans-serif !important;
}

.help-icon {
    top: 4px;
    font-size: 13px !important;
    color: #01579b !important;
}

.help-icon_2 {
    top: 4px;
    font-size: 15px !important;
    color: #01579b !important;
}

#cbxTerms {
    margin-right: 0.25rem !important;
}

.btn {
    padding: 0.25rem 0.5rem !important;
}

#terms label {
    padding-top: 0.25rem !important;
    color: #713823;
}

.sub-header {
    text-transform: none;
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
    font-family: "Playfair Display", "Bookman", serif;
    letter-spacing: -0.005em;
    word-spacing: 1px;
}

.sub-header-h6 {
    text-transform: none;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    font-family: "Playfair Display", "Bookman", serif;
    letter-spacing: -0.005em;
    word-spacing: 1px;
}

#lblDateFrom, #lblToDate, #lblSelDateRange {
    padding-top: 0.4rem;
}

.ptrem-4 {
    padding-top: 0.4rem;
}

#rdlCountywide label {
    padding-top: 0.25rem;
}

#tblProductPrices td:first-child {
    width: 600px;
}

.accordion-button, .accordion-item {
    border-radius: 15px !important;
}

.tooltip-inner {
    max-width: 100% !important;
}

.accordion-button, .accordion-button:hover {
    font: 20px Roboto, sans-serif !important
}

.heading-5 {
    line-height: 1.2;
    font-size: 1.25rem;
    margin-top:0;
    margin-bottom: 0.5rem;
}

.goog-te-gadget{
    color: black !important;
}