/* Based on Template.css (v1.0.5) provided by Stephen Mattson */
/* HTML5 Reset */
/* Box Sizing */
*, input[type="search"] {
    box-sizing: border-box;
}
/* Defaults */
hr {
    clear: both;
    margin: 20px 0;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ccc;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: #014c8b;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0 0 10px;
    padding: 0;
}

h1 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.875rem;
}

    h1 span.site-title {
        margin-top: 0;
    }

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.17rem;
}

h4 {
    font-size: 1.12rem;
}

h5 {
    font-size: 1rem;
}
/* padding:1em 0 .25em; */
h6 {
    font-size: .83rem;
}

.block-title {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 3px solid #ececec;
    background-color: #f5f5f5;
    padding: 16px 16px 8px 10px;
    margin-left: -1px;
}

p, table, blockquote, blockquote p, ol, ul, dl, fieldset {
    font-size: .875rem;
    margin-bottom: 20px;
}

    blockquote, blockquote p {
        color: inherit;
        line-height: inherit;
    }

    span.textRed, p.textRed {
        color: #f00 !important;
    }

    span.textGreen, p.textGreen {
        color: #080 !important;
    }

    span.monospace, p.monospace {
        font-family: consolas;
    }

    p.textAlignCenter, div.textAlignCenter, td.textAlignCenter, th.textAlignCenter {
        text-align: center !important;
    }

td.textAlignRight, th.textAlignRight {
    text-align: right !important;
}
/* Anchors */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #014c8b;
}

.site-inner h1 a, .site-inner h2 a, .site-inner h3 a, .site-inner h4 a, .site-inner h5 a, .site-inner h6 a {
    text-decoration: underline;
}

    .site-inner h1 a:hover, .site-inner h2 a:hover, .site-inner h3 a:hover, .site-inner h4 a:hover, .site-inner h5 a:hover, .site-inner h6 a:hover {
        text-decoration: none;
    }
/* Lists */
li ol, li ul, li dl,
dd ol, dd ul, dd dl {
    margin-bottom: 0;
}

ul {
    list-style: disc outside;
}

    ul ul {
        list-style: circle outside;
    }

        ul ul ul {
            list-style: square outside;
        }

ol {
    list-style: decimal outside;
}

    ol ol {
        list-style: lower-latin outside;
    }

        ol ol ol {
            list-style: lower-roman outside;
        }

article ol li, article ul li {
    margin: 5px 0;
}
/* Floats */
.deptFloatRight {
    float: right;
}

.deptFloatLeft {
    float: left;
}

.deptFloatNone {
    float: none;
}
/* Images */
img.deptImgRight {
    float: right;
    margin: 0 0 1rem 1rem;
}

img.deptImgLeft {
    float: left;
    margin: 0 1rem 1rem 0;
}

img.deptImgBorder {
    padding: 1px;
    border: 1px solid #ddd;
}
/* Scrolling */
.lockScroll {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
/* Form */
fieldset {
    margin-right: 0;
    margin-left: 0;
    padding: .5rem;
    border: 1px solid #ccc;
}

    fieldset legend {
        padding: 0 .25rem;
        font-size: 1rem;
        font-weight: bold;
        color: #999;
    }

input, select, textarea, label {
    font-size: .875rem;
}

input, select, textarea {
    padding-right: 2px;
    padding-left: 2px;
}

    input[type="text"],
    input[type="date"],
    input[type="datetime"],
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="tel"],
    input[type="url"],
    textarea,
    select {
        border: 1px solid #aaa;
    }

        input[type="text"].input-validation-error,
        input[type="date"].input-validation-error,
        input[type="datetime"].input-validation-error,
        input[type="email"].input-validation-error,
        input[type="number"].input-validation-error,
        input[type="password"].input-validation-error,
        input[type="tel"].input-validation-error,
        input[type="url"].input-validation-error,
        textarea.input-validation-error,
        select.input-validation-error {
            background-color: #FEE;
            border-color: #F99 !important;
        }

/* Tables */
table {
    border-collapse: collapse !important;
    border-spacing: 0;
    /*width: auto !important;*/
    background-color: #fff;
}

    table.full {
        width: 100% !important;
    }

    table tbody tr:nth-child(odd) {
        background-color: #F3F3F3;
    }

    table tbody tr.highlight {
        background-color: #FF9 !important;
    }

th, td {
    text-align: left;
    border: 1px solid #ccc;
}

th {
    background-color: #D6D9DC !important;
    color: #014c8b;
    font-weight: bold;
    padding: 0 3px;
    vertical-align: bottom;
}

table tbody tr td {
    line-height: 1.5em;
}

td {
    color: #357;
    vertical-align: top;
    padding: 1px 3px;
}

table .deptButton {
    white-space: nowrap;
}

table.deptGridView {
    position: relative;
}

    table.deptGridView thead {
        position: absolute;
        left: -9999px;
    }

    table.deptGridView tbody tr {
        display: block;
        border: 1px solid #ccc;
    }

        table.deptGridView tbody tr + tr {
            border-top: 0;
        }

    table.deptGridView td {
        display: block;
        width: auto !important;
        text-align: right;
        border: 0;
    }

        table.deptGridView td + td {
            border-top: 1px dotted #ddd;
        }

        table.deptGridView td[data-th]::before {
            content: attr(data-th)":";
            float: left;
            text-align: left;
            font-weight: bold
        }

        table.deptGridView td[data-th]::after {
            content: "";
            clear: left;
            display: block;
        }

/* AlaskaGov.css overrides */
nav.global-nav-menu > div.inline-div {
    position: relative;
}

nav.global-nav-menu .inline-div > ul {
    font-size: .8rem;
    max-width: none;
    min-height: 30px;
}

header.site-header {
    float: none;
}

    header.site-header .wrap {
        max-width: none;
    }

    header.site-header .title-area h1 {
        margin-left: 13.7%;
        line-height: 1em;
    }

        header.site-header .title-area h1 span {
            display: block;
            padding: 0;
            text-align: left;
            width: auto;
        }

            header.site-header .title-area h1 span.site-title {
                margin-right: 45px;
            }

    header.site-header .search-form {
        display: none;
    }

    header.site-header.js_search_enabled .search-form {
        display: block;
    }

    header.site-header .search-form > div {
        text-align: right;
    }

    header.site-header noscript {
        color: #ccc;
        font-size: .8rem;
        font-style: italic;
        text-align: center;
    }

    header.site-header .title-area > .site-title-link {
        display: block;
        float: left;
        width: 12%;
        max-width: 72px;
        margin-right: 5px;
    }

        header.site-header .title-area > .site-title-link .site-logo {
            display: block;
            float: none;
            margin: 0;
            max-height: 72px;
            width: 100%;
            padding-top: 100%;
            background: transparent url("https://webcontent.alaska.gov/style/soa/20180919/images/soa-seal-colored.png") 0 0/100% 100% no-repeat;
        }

    header.site-header #search-form {
        width: 245px;
    }

        header.site-header #search-form #search-field-big {
            width: 11.7em;
        }

        header.site-header #search-form #search-button {
            line-height: 1.2rem;
        }

a.back-to-top {
    z-index: 1;
}

.footer-block p {
    margin-bottom: 10px;
}

.footer-block, .footer-block .wrap {
    max-width: none;
}

footer .copyright p, footer .copyright a {
    font-size: .8rem;
}
/* Google Custom Search Engine overrides */
div.gsc-control-cse table {
    margin: 0;
    width: 100% !important;
}

    div.gsc-control-cse table tbody tr {
        background-color: inherit !important;
    }

    div.gsc-control-cse table tbody td {
        padding: 0;
        border: 0;
    }

div.gsc-control-cse .gsc-tabHeader.gsc-tabhInactive {
    border: 1px solid #ccc;
    border-bottom: 0;
}

div.gsc-control-cse .gsc-tabsArea {
    height: auto;
    border-color: #ccc;
}

    div.gsc-control-cse .gsc-tabsArea .gsc-tabHeader {
        width: 25%;
    }

        div.gsc-control-cse .gsc-tabsArea .gsc-tabHeader:first-of-type {
            width: 100%;
        }

    div.gsc-control-cse .gsc-tabsArea > div {
        height: auto;
        overflow: hidden;
    }

div.gsc-control-cse .gsc-table-result, div.gsc-control-cse .gsc-thumbnail-inside, div.gsc-control-cse .gsc-url-top {
    padding: 0 !important;
}

div.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background: inherit;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}
/* DNN overrides */
#dnn_ContentPane {
    position: relative;
}

.dnnInlineEditingMask {
    opacity: 1 !important;
    background: transparent !important;
    border: 1px dashed #d7d7d7;
}

.dnnModuleManager .dnnInlineEditingMask {
    border: none;
}

#dnnModuleDigitalAssetsMainToolbar {
    min-height: 41px;
}

#dnnModuleDigitalAssetsSelectionToolbar #dnnModuleDigitalAssetsSelectionText, #dnnModuleDigitalAssetsSelectionToolbar button {
    float: none;
}

#dnnModuleDigitalAssetsListViewToolbar {
    height: auto;
}

.dnnModuleDigitalAssetsGrid .dnnModuleDigitalAssetsPagerStyle table {
    width: 100% !important;
}

.dnnModuleDigitalAssetsGrid table {
    margin: 0;
}
/* Full-width overrides */
body.deptFullWidthPage .site-container,
body.deptFullWidthPage .global-nav-menu .inline-div {
    max-width: 100%;
}
/* jQuery UI overrides */
.ui-widget.ui-datepicker {
    font-size: .875rem;
    box-shadow: 0 2px 5px rgba(0,0,0,.5);
}

    .ui-widget.ui-datepicker.ui-datepicker-inline {
        padding: 1px;
        border: 1px solid #eee;
        box-shadow: none;
    }

    .ui-widget.ui-datepicker .ui-datepicker-header {
        margin-bottom: 1px;
        border: 0;
    }

    .ui-widget.ui-datepicker .ui-datepicker-prev-hover, .ui-widget.ui-datepicker .ui-datepicker-next-hover {
        border: 0;
        cursor: pointer;
    }

    .ui-widget.ui-datepicker .ui-datepicker-prev-hover {
        top: 2px;
        left: 2px;
    }

    .ui-widget.ui-datepicker .ui-datepicker-next-hover {
        top: 2px;
        right: 2px;
    }

    .ui-widget.ui-datepicker table {
        width: 100% !important;
    }

    .ui-widget.ui-datepicker th {
        padding: .5em .3em;
    }

    .ui-widget.ui-datepicker table.ui-datepicker-calendar tr {
        background: transparent;
    }

.ui-corner-all {
    border-radius: 0;
}
/* Sprite:Image.png */
.icon, .iconBefore:before, .iconAfter:after, .deptStatusBoxInfo:before, .deptStatusBoxSuccess:before, .deptStatusBoxError:before, .field-validation-error:before, .deptStatusBoxWarn:before {
    background: url('../images/images.png?v=7') no-repeat;
    background-position: 1000px 1000px;
}
/* Responsive Menu - Styles with .responsive-menu target viewports with a min-width of 48em */
.responsive-menu-icon {
    background-color: #3f78a7;
    cursor: pointer;
}

    .responsive-menu-icon::before {
        content: "Menu";
        display: block;
        font: normal 20px/1 'Open Sans';
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        color: #fff;
    }

nav.agency-navigation > div.wrap > ul {
    display: none;
    background-color: #3f78a7;
    clear: both;
    line-height: 1.5;
    font-size: 1rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    nav.agency-navigation > div.wrap > ul > li {
        display: block;
        background-color: #8AB6D4;
    }

nav.agency-navigation > div.wrap ul li {
    list-style: none;
    margin: 1px 0;
    position: relative;
}

    nav.agency-navigation > div.wrap ul li.menu-item-has-children:after {
        display: block;
        position: absolute;
        top: 0;
        color: #fff;
        content: "+";
        font-weight: normal;
        line-height: 1rem;
        font-size: 1.5rem;
        padding: 14px 0;
        width: 50px;
        right: 0;
        text-align: center;
        z-index: 9999;
    }

    nav.agency-navigation > div.wrap ul li.menu-item-has-children.menu-open:after {
        content: "-";
    }

    nav.agency-navigation > div.wrap ul li.menu-item-has-children > a {
        margin-right: 50px;
    }

nav.agency-navigation > div.wrap ul a {
    color: #fff;
    display: block;
    line-height: 1em;
    padding: 16px;
    text-decoration: none;
    background-color: inherit;
}

nav.agency-navigation > div.wrap ul ul {
    display: none;
    margin: 0;
    padding: 0;
}

    nav.agency-navigation > div.wrap ul ul ul {
        padding: 0 0 0 15px;
    }

    nav.agency-navigation > div.wrap ul ul a, nav.agency-navigation > div.wrap ul ul h1 {
        background-color: #fff;
    }

    nav.agency-navigation > div.wrap ul ul a {
        color: #333;
        font-size: .875rem;
        letter-spacing: .5px;
    }

    nav.agency-navigation > div.wrap ul ul h1 {
        font-size: 1.1rem;
        margin: 0;
        padding: 12px;
    }

nav.agency-navigation + nav.agency-navigation.application-menu {
    border-top: 1px solid #194a6b;
}

nav.agency-navigation.application-menu .responsive-menu-icon::before {
    content: "Application Menu";
}

nav.agency-navigation.application-menu > div.wrap > ul, nav.agency-navigation.application-menu .responsive-menu-icon {
    background-color: #6298c5;
}
/* Content Area */
.content .bottom-block, .footer-block {
    padding: 10px 20px;
}

    .footer-block h6 {
        margin-bottom: 0;
    }

    .footer-block p {
        font-size: .8rem;
    }

main.content {
    padding: 0 20px 10px;
}

.content {
    background: #fff;
    width: 100%;
    width: auto;
    margin: 0;
}

.breadcrumb {
    color: #777;
    font-size: .8rem;
    padding: 10px 0;
}

.mobileHide {
    display: none !important;
}
/* Modal Box & Progress Box */
div.deptModal, div.deptModalCover, div.deptModalContainer, .deptProgressBG {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

div.deptModalCover, .deptProgressBG {
    position: fixed;
    background-color: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

div.deptModal, body > .deptProgressBG, body > .deptProgress {
    z-index: 4;
}
/* Modal Box */
div.deptModal {
    position: fixed;
}

div.deptModalContainer {
    position: absolute;
    overflow-y: auto;
}

div.deptModal.deptModalMaximize div.deptModalContainer {
    padding: 0;
}

h1.deptModalTitle, div.deptModalContent {
    position: relative;
    margin: 0 auto;
    width: 900px;
    max-width: 100%;
    min-height: 0;
    box-shadow: 0 2px 5px #333;
}

div.deptModal.deptModalMaximize h1.deptModalTitle, div.deptModal.deptModalMaximize div.deptModalContent {
    width: 100%;
    box-shadow: 0 0 0 #333;
}

div.deptModal.deptModalMaximize h1.deptModalTitle {
    z-index: 1;
}

div.deptModal.deptModalMaximize div.deptModalContent {
    min-height: 100%;
    margin-top: -32px;
    padding-top: 32px;
}

h1.deptModalTitle {
    padding: 5px 30px 5px 1%;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    text-transform: none;
    background-color: #194a6b;
}

    h1.deptModalTitle .deptModalControlBox {
        position: absolute;
        top: 3px;
        right: 3px;
    }

    h1.deptModalTitle a, h1.deptModalTitle a:after {
        background: #6298c5;
    }

    h1.deptModalTitle a {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 5px;
        padding-left: 20px;
        color: #fff;
        overflow: hidden;
        border-radius: 3px;
    }

        h1.deptModalTitle a:hover, h1.deptModalTitle a:hover:after {
            background: #8AB6D4;
        }

        h1.deptModalTitle a:before, h1.deptModalTitle a:after {
            position: absolute;
        }

        h1.deptModalTitle a.deptModalMax:before, h1.deptModalTitle a.deptModalMax:after {
            content: "";
            top: 4px;
            left: 4px;
            display: block;
            width: 10px;
            height: 10px;
            border: 1px solid #fff;
        }

div.deptModalMaximize h1.deptModalTitle a.deptModalMax:before, div.deptModalMaximize h1.deptModalTitle a.deptModalMax:after {
    width: 8px;
    height: 8px;
}

div.deptModalMaximize h1.deptModalTitle a.deptModalMax:before {
    top: 4px;
    left: 6px;
}

div.deptModalMaximize h1.deptModalTitle a.deptModalMax:after {
    top: 6px;
    left: 4px;
}

h1.deptModalTitle a.deptModalClose:before {
    content: "+";
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 1.7rem;
    line-height: 20px;
    text-align: center;
    transform: rotate(45deg);
}

div.deptModalContent {
    padding: 0 1%;
    background: #fff;
    overflow-y: auto;
}

    div.deptModalContent > table:first-of-type {
        margin-top: 10px;
    }

div.deptModalActions {
    margin: 20px 0;
    text-align: center;
}
/* Progress Box - a.k.a. Loading Box */
.deptProgressCont {
    position: relative;
}

    .deptProgressCont .deptProgress, .deptProgressCont .deptProgressBG {
        position: absolute !important;
    }

.deptProgress {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 145px;
    height: 70px;
    margin: -35px 0 0 -76px;
    padding: 0 0 0 40px;
    color: #999;
    font: bold italic 13px Arial,Helvetica,sans-serif;
    text-align: left;
    line-height: 70px;
    background: #fff url("../images/loading.gif") no-repeat 20px center;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 5px #333;
}
/* Tree */
ul.deptTree, ul.deptTree ul {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

    ul.deptTree li, a.deptTreeExpanderAll {
        position: relative;
        margin: 5px 0 0 20px !important;
    }

    ul.deptTree a.deptTreeExpander {
        position: absolute;
        top: 3px;
        left: -20px;
        display: block;
        width: 14px;
        height: 14px;
        background-color: #fff;
        border: 1px solid #ccc;
    }

        ul.deptTree a.deptTreeExpander:before, ul.deptTree a.deptTreeExpander:after {
            content: "";
            position: absolute;
            display: block;
            background-color: #ccc;
        }

        ul.deptTree a.deptTreeExpander:before {
            top: 50%;
            right: 2px;
            left: 2px;
            height: 2px;
            margin-top: -1px;
        }

        ul.deptTree a.deptTreeExpander:after {
            display: none;
            top: 2px;
            bottom: 2px;
            left: 50%;
            width: 2px;
            margin-left: -1px;
        }

        ul.deptTree a.deptTreeExpander.deptTreeExpanderOpen:after {
            display: block;
        }

        ul.deptTree a.deptTreeExpander:hover, ul.deptTree a.deptTreeExpander:focus {
            outline: none;
            border-color: #F8BC2C;
        }
/* Checkbox List */
ul.deptCheckboxList {
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow: auto;
    list-style: none;
    border: 1px solid #aaa;
}

    ul.deptCheckboxList li {
        margin: 0;
        position: relative;
    }

        ul.deptCheckboxList li + li {
            border-top: 1px solid #eee;
        }

        ul.deptCheckboxList li input {
            position: absolute;
            top: 10px;
            left: 5px;
            cursor: pointer;
        }

        ul.deptCheckboxList li label {
            display: block;
            padding: 5px 0 5px 24px;
            cursor: pointer;
        }

        ul.deptCheckboxList li input:checked + label {
            background-color: #ff9;
        }
/* Label/Value Pairs */
dl.deptLblValPair {
    padding: 0;
}

    dl.deptLblValPair dt, dl.deptLblValPair dd {
        display: inline-block;
        margin: 2px 0;
        text-align: left;
        vertical-align: top;
        width: 100%;
    }

    dl.deptLblValPair dt {
        color: #014c8b;
        font-weight: bold;
    }

    dl.deptLblValPair dd {
        margin-bottom: 10px;
    }

    dl.deptLblValPair input[type="text"],
    dl.deptLblValPair input[type="date"],
    dl.deptLblValPair input[type="datetime"],
    dl.deptLblValPair input[type="email"],
    dl.deptLblValPair input[type="number"],
    dl.deptLblValPair input[type="password"],
    dl.deptLblValPair input[type="tel"],
    dl.deptLblValPair input[type="url"],
    dl.deptLblValPair textarea {
        width: 100%;
    }

    dl.deptLblValPair textarea {
        height: 75px;
    }

    dl.deptLblValPair select {
        max-width: 100%;
    }

    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="text"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="date"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="datetime"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="email"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="number"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="password"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="tel"],
    dl.deptLblValPair a[data-deptdescriptionalert] + input[type="url"],
    dl.deptLblValPair a[data-deptdescriptionalert] + textarea {
        float: left;
        width: 92%;
        margin-right: 5px;
    }

    dl.deptLblValPair a[data-deptdescriptionalert] + select {
        float: left;
        max-width: 92%;
        margin-right: 5px;
    }

    dl.deptLblValPair + dl.deptLblValPair {
        margin-top: -20px;
    }

fieldset dl.deptLblValPair, fieldset dl.deptLblValPair + dl.deptLblValPair {
    margin: 0;
}
/* Inline Menu */
.deptInlineMenu {
    position: relative;
    display: inline-block;
}

    .deptInlineMenu ul {
        position: absolute;
        z-index: 1;
        top: -9999px;
        left: -9999px;
        margin: -2px 0 !important;
        padding: 3px 4px;
        list-style: none !important;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        box-shadow: 0 2px 4px rgba(0,0,0,.3);
    }

        .deptInlineMenu ul.deptInlineMenuAbove {
            box-shadow: 0 -2px 4px rgba(0,0,0,.3);
        }

        .deptInlineMenu ul li {
            margin: 0;
            padding: 3px 4px;
            text-align: left;
        }
/* Sidebar Navigation */
.sidebar ul li {
    border-top: 1px solid #ececec;
    border-left: transparent;
    font-size: 100%;
    list-style: none;
}

.sidebar p:last-child, .sidebar ul {
    margin: 0;
    padding: 0;
}

.sidebar .sidebar_nav_menu ul > li:first-child {
    border-top: none;
}

.sidebar .sidebar_nav_menu ul li a {
    color: #333333;
    display: block;
    padding: 8px 20px;
}

.sidebar .sidebar_nav_menu ul li:hover, .sidebar .sidebar_nav_menu ul li:hover {
    border-left: 3px solid #0066cc;
    background-color: #e8f1fa;
}

    .sidebar .sidebar_nav_menu ul li:hover a {
        padding-left: 17px;
    }

.sidebar {
    font-size: .875rem;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

    .sidebar section {
        word-wrap: break-word;
        background-color: #ffffff;
        border-bottom: 1px solid #e2e2e2;
        border-left: 1px solid #e2e2e2;
    }

        .sidebar section div > div {
            padding: 0;
        }

.sidebar-block h4.block-title {
    border-bottom-width: 1px;
    margin: 0;
    padding: 8px;
}

.sidebar .sidebar-block p {
    margin: 0 16px 26px;
    padding: 0;
    font-size: 100%;
}

.sidebar h5 {
    margin: 0 1em;
    padding: 0;
    color: #000;
}

.sidebar-block ol {
    padding: 0 20px;
}

    .sidebar-block ol > li {
        background-image: none;
        list-style-position: inside;
        list-style-type: decimal;
        padding: 0 0;
        font-size: 90%;
    }
/* User Name*/
li.deptUserName {
    display: inline-block !important;
    color: #FFF;
    padding: 0 0 0 10px !important;
    line-height: 1.3em;
    letter-spacing: 1px;
    font-style: italic;
    overflow: visible !important;
    border-left: 1px solid rgba(255,255,255,.4);
}

    li.deptUserName .deptInlineMenu {
        vertical-align: text-bottom;
    }

    li.deptUserName a {
        padding-right: 0;
        color: #06c;
        text-decoration: none;
        font-style: normal;
        font-size: .875rem;
        line-height: 1.5em;
    }

        li.deptUserName a.iconBefore {
            padding-left: 20px !important;
        }
/* Buttons, User Accordion */
.deptButton, a.deptUserAccord {
    display: inline-block;
    text-shadow: 0 1px 1px #EEE;
    text-decoration: none !important;
    text-align: center;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.2rem;
    letter-spacing: .03em;
    color: #444 !important;
    background-color: #CCC; /* Old browsers */
    background-image: linear-gradient(to bottom, #FCFCFC 0%,#DDDDDD 100%); /* W3C */
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 3px;
}

.deptButton {
    padding: 4px 11px;
}

a.deptUserAccord {
    padding: 7px 11px 7px 26px;
    text-indent: -15px;
}

    .deptButton:active,
    .deptButton:focus,
    .deptButton:hover,
    a.deptUserAccord:active,
    a.deptUserAccord:focus,
    a.deptUserAccord:hover {
        outline: none;
        color: #444 !important;
        border: 2px solid #F8BC2C;
    }

.deptButton:active,
.deptButton:focus,
.deptButton:hover {
    padding: 3px 10px;
}

a.deptUserAccord:active,
a.deptUserAccord:focus,
a.deptUserAccord:hover {
    padding: 6px 10px 6px 25px;
}
/* Buttons */
.deptButton.full {
    display: block;
}

.deptButton.small, .deptButton.small[disabled="disabled"]:hover, .deptButton.small.deptDisabled:hover, .deptButton.small.aspNetDisabled:hover {
    padding: 3px;
    font-size: .8rem;
    line-height: 1rem;
}

    .deptButton.small:active,
    .deptButton.small:focus,
    .deptButton.small:hover {
        padding: 2px;
    }

.deptButton + .deptButton {
    margin-left: 10px;
}

.deptButton.small + .deptButton.small {
    margin-left: 3px;
}

.deptButtonNav {
    margin: 5px 0 20px;
    text-align: center;
}
    /*font-size:0; Fixes inline-block spacing issue*/
    .deptButtonNav div.pgNumTxt, .deptButtonNav div.deptRecordCounts {
        font-weight: bold;
        font-size: .875rem;
        color: #666;
    }

    .deptButtonNav div.pgNumTxt {
        display: inline-block;
        margin: 0 5px 3px;
    }

    .deptButtonNav div.deptRecordCounts {
        margin: 5px 3px 0;
    }

    .deptButtonNav .deptButton + .deptButton {
        margin-left: 5px;
    }

table + .deptButtonNav {
    margin-top: -10px;
}

.deptButton[disabled="disabled"], .deptButton.deptDisabled, .deptButton.aspNetDisabled {
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: default;
    filter: grayscale(100%);
}

    .deptButton[disabled="disabled"]:hover, .deptButton.deptDisabled:hover, .deptButton.aspNetDisabled:hover {
        padding: 4px 11px;
        border: 1px solid #ccc;
    }

.deptButton.iconBefore[disabled="disabled"]:hover, .deptButton.iconBefore.deptDisabled:hover, .deptButton.iconBefore.aspNetDisabled:hover {
    padding-left: 25px;
}

    .deptButton.iconBefore[disabled="disabled"]:hover:before, .deptButton.iconBefore.deptDisabled:hover:before, .deptButton.iconBefore.aspNetDisabled:hover:before {
        left: 5px;
    }

.deptButton.iconAfter[disabled="disabled"]:hover, .deptButton.iconAfter.deptDisabled:hover, .deptButton.iconAfter.aspNetDisabled:hover {
    padding-right: 25px;
}

    .deptButton.iconAfter[disabled="disabled"]:hover:after, .deptButton.iconAfter.deptDisabled:hover:after, .deptButton.iconAfter.aspNetDisabled:hover:after {
        right: 5px;
    }

.deptButton.iconBefore.iconOnly, .deptButton.iconAfter.iconOnly {
    overflow: hidden;
    min-height: 12px;
    vertical-align: middle;
    width: 0px;
    text-align: left !important;
    text-indent: -9999px;
    white-space: nowrap;
}

    .deptButton.iconBefore.iconOnly, .deptButton.iconBefore.iconOnly.deptDisabled:hover, .deptButton.iconBefore.iconOnly.aspNetDisabled:hover {
        padding-left: 16px;
    }

        .deptButton.iconBefore.iconOnly:active,
        .deptButton.iconBefore.iconOnly:focus,
        .deptButton.iconBefore.iconOnly:hover {
            padding-left: 15px;
        }

        .deptButton.iconBefore.iconOnly.small,
        .deptButton.iconBefore.iconOnly.small[disabled="disabled"]:hover,
        .deptButton.iconBefore.iconOnly.small.deptDisabled:hover,
        .deptButton.iconBefore.iconOnly.small.aspNetDisabled:hover {
            padding-left: 19px;
        }

            .deptButton.iconBefore.iconOnly.small:active,
            .deptButton.iconBefore.iconOnly.small:focus,
            .deptButton.iconBefore.iconOnly.small:hover {
                padding-left: 18px;
            }

    .deptButton.iconAfter.iconOnly, .deptButton.iconAfter.iconOnly.deptDisabled:hover, .deptButton.iconAfter.iconOnly.aspNetDisabled:hover {
        padding-right: 16px;
    }

        .deptButton.iconAfter.iconOnly:active,
        .deptButton.iconAfter.iconOnly:focus,
        .deptButton.iconAfter.iconOnly:hover {
            padding-right: 15px;
        }

        .deptButton.iconAfter.iconOnly.small {
            padding-right: 19px;
        }

            .deptButton.iconAfter.iconOnly.small:active,
            .deptButton.iconAfter.iconOnly.small:focus,
            .deptButton.iconAfter.iconOnly.small:hover {
                padding-right: 18px;
            }
/* Buttons - Icons */
.icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: left !important;
    text-indent: -999999px;
    vertical-align: text-top;
    overflow: hidden;
}

    .icon[disabled="disabled"],
    .iconBefore[disabled="disabled"],
    .iconAfter[disabled="disabled"],
    .icon.deptDisabled,
    .iconBefore.deptDisabled,
    .iconAfter.deptDisabled,
    .icon.aspNetDisabled,
    .iconBefore.aspNetDisabled,
    .iconAfter.aspNetDisabled {
        opacity: .6;
        filter: alpha(opacity=60);
        cursor: default;
        text-decoration: none !important;
        filter: grayscale(100%);
    }

.iconBefore, .iconAfter {
    position: relative;
    display: inline-block;
}

.iconBefore {
    padding-left: 20px;
}

.iconAfter {
    padding-right: 20px;
}

    .iconBefore:before, .iconAfter:after {
        position: absolute;
        display: block;
        top: 3px;
        width: 16px;
        height: 16px;
        content: "";
    }

.iconBefore:before {
    left: 0;
}

.iconAfter:after {
    right: 0;
}

.deptButton.iconBefore {
    padding-left: 25px;
}

    .deptButton.iconBefore.small,
    .deptButton.iconBefore.small[disabled="disabled"]:hover,
    .deptButton.iconBefore.small.deptDisabled:hover,
    .deptButton.iconBefore.small.aspNetDisabled:hover {
        padding-left: 21px;
    }

.deptButton.iconAfter {
    padding-right: 25px;
}

    .deptButton.iconAfter.small,
    .deptButton.iconAfter.small[disabled="disabled"]:hover,
    .deptButton.iconAfter.small.deptDisabled:hover,
    .deptButton.iconAfter.small.aspNetDisabled:hover {
        padding-right: 21px;
    }

.deptButton.iconBefore:active,
.deptButton.iconBefore:focus,
.deptButton.iconBefore:hover {
    padding-left: 24px;
}

.deptButton.iconBefore.small:active,
.deptButton.iconBefore.small:focus,
.deptButton.iconBefore.small:hover {
    padding-left: 20px;
}

.deptButton.iconAfter:active,
.deptButton.iconAfter:focus,
.deptButton.iconAfter:hover {
    padding-right: 24px;
}

.deptButton.iconAfter.small:active,
.deptButton.iconAfter.small:focus,
.deptButton.iconAfter.small:hover {
    padding-right: 20px;
}

.deptButton.iconBefore:before {
    top: 50%;
    left: 5px;
    margin-top: -8px;
}

.deptButton.iconBefore.small:before,
.deptButton.iconBefore.small[disabled="disabled"]:hover:before,
.deptButton.iconBefore.small.deptDisabled:hover:before,
.deptButton.iconBefore.small.aspNetDisabled:hover:before {
    left: 3px;
}

.deptButton.iconAfter:after {
    top: 50%;
    right: 5px;
    margin-top: -8px;
}

.deptButton.iconAfter.small:after {
    right: 3px;
}

.deptButton.iconBefore:active:before,
.deptButton.iconBefore:focus:before,
.deptButton.iconBefore:hover:before {
    left: 4px;
}

.deptButton.iconBefore.small:active:before,
.deptButton.iconBefore.small:focus:before,
.deptButton.iconBefore.small:hover:before {
    left: 2px;
}

.deptButton.iconAfter:active:after,
.deptButton.iconAfter:focus:after,
.deptButton.iconAfter:hover:after {
    right: 4px;
}

.deptButton.iconAfter.small:active:after,
.deptButton.iconAfter.small:focus:after,
.deptButton.iconAfter.small:hover:after {
    right: 2px;
}
/* Icons - Table Sorting */
th a.iconAfter {
    padding-right: 0;
}

    th a.iconAfter:after {
        top: auto;
        right: 0;
        bottom: 3px;
    }

    th a.iconAfter.icoSortAscAfter, th a.iconAfter.icoSortDescAfter {
        padding-right: 20px;
    }

th.textAlignRight a.iconAfter:not(.icoSortAscAfter):not(.icoSortDescAfter) {
    padding-right: 0;
}
/* Button List */
ul.deptButtonList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.deptButtonList li {
        margin: 5px 0;
    }

        ul.deptButtonList li a.deptButton {
            display: block;
        }
/* Icons */
.icoPdf, .icoPdfBefore:before {
    background-position: 0 0;
}

.icoDoc, .icoDocBefore:before {
    background-position: -16px 0;
}

.icoXls, .icoXlsBefore:before {
    background-position: -32px 0;
}

.icoPps, .icoPpsBefore:before {
    background-position: -48px 0;
}

.icoUrl, .icoUrlBefore:before {
    background-position: -64px 0;
}

.icoImg, .icoImgBefore:before {
    background-position: -80px 0;
}

.icoAudio, .icoAudioBefore:before {
    background-position: -96px 0;
}

.icoVideo, .icoVideoBefore:before {
    background-position: -112px 0;
}

.icoMap, .icoMapBefore:before {
    background-position: -128px 0;
}

.icoPrint, .icoPrintBefore:before {
    background-position: -144px 0;
}

.icoAdd, .icoAddBefore:before {
    background-position: 0 -16px;
}

.icoDel, .icoDelBefore:before {
    background-position: -16px -16px;
}

.icoYes, .icoYesBefore:before, .deptStatusBoxSuccess:before {
    background-position: -32px -16px;
}

.icoNo, .icoNoBefore:before {
    background-position: -48px -16px;
}

.icoClose, .icoCloseBefore:before {
    background-position: -64px -16px;
}

.icoInfo, .icoInfoBefore:before, .deptStatusBoxInfo:before {
    background-position: -80px -16px;
}

.icoWarn, .icoWarnBefore:before, .deptStatusBoxWarn:before {
    background-position: -96px -16px;
}

.icoErr, .icoErrBefore:before, .deptStatusBoxError:before, .field-validation-error:before {
    background-position: -112px -16px;
}

.icoHelp, .icoHelpBefore:before {
    background-position: -128px -16px;
}

.icoSave, .icoSaveBefore:before {
    background-position: -144px -16px;
}

.icoLink, .icoLinkBefore:before {
    background-position: 0 -32px;
}

.icoUnlink, .icoUnlinkBefore:before {
    background-position: -16px -32px;
}

.icoLinkAdd, .icoLinkAddBefore:before {
    background-position: -32px -32px;
}

.icoLinkDel, .icoLinkDelBefore:before {
    background-position: -48px -32px;
}

.icoTxt, .icoTxtBefore:before {
    background-position: -64px -32px;
}

.icoPage, .icoPageBefore:before {
    background-position: -80px -32px;
}

.ico2Page, .ico2PageBefore:before, .icoCopy, .icoCopyBefore:before {
    background-position: -96px -32px;
}

.icoImport, .icoImportBefore:before {
    background-position: -112px -32px;
}

.icoExport, .icoExportBefore:before {
    background-position: -128px -32px;
}

.icoEdit, .icoEditBefore:before {
    background-position: -144px -32px;
}

.icoFirst, .icoFirstBefore:before {
    background-position: 0 -48px;
}

.icoPrev, .icoPrevBefore:before, .icoLeft, .icoLeftBefore:before {
    background-position: -16px -48px;
}

.icoNext, .icoNextBefore:before, .icoNextAfter:after, .icoRight, .icoRightBefore:before {
    background-position: -32px -48px;
}

.icoLast, .icoLastBefore:before, .icoLastAfter:after {
    background-position: -48px -48px;
}

.icoDownRight, .icoDownRightBefore:before {
    background-position: -64px -48px;
}

.icoDownLeft, .icoDownLeftBefore:before {
    background-position: -80px -48px;
}

.ico90UpRight, .ico90UpRightBefore:before {
    background-position: -96px -48px;
}

.ico90UpLeft, .ico90UpLeftBefore:before {
    background-position: -112px -48px;
}

.ico90LeftDown, .ico90LeftDownBefore:before {
    background-position: -128px -48px;
}

.ico90RightDown, .ico90RightDownBefore:before {
    background-position: -144px -48px;
}

.icoFirstDis, .icoFirstDisBefore:before {
    background-position: 0 -64px;
}

.icoPrevDis, .icoPrevDisBefore:before, .icoLeftDis, .icoLeftDisBefore:before {
    background-position: -16px -64px;
}

.icoNextDis, .icoNextDisBefore:before, .icoNextDisAfter:after, .icoRightDis, .icoRightDisBefore:before {
    background-position: -32px -64px;
}

.icoLastDis, .icoLastDisBefore:before, .icoLastDisAfter:after {
    background-position: -48px -64px;
}

.icoUpRight, .icoUpRightBefore:before {
    background-position: -64px -64px;
}

.icoUpLeft, .icoUpLeftBefore:before {
    background-position: -80px -64px;
}

.ico90DownRight, .ico90DownRightBefore:before {
    background-position: -96px -64px;
}

.ico90DownLeft, .ico90DownLeftBefore:before {
    background-position: -112px -64px;
}

.ico90LeftUp, .ico90LeftUpBefore:before {
    background-position: -128px -64px;
}

.ico90RightUp, .ico90RightUpBefore:before {
    background-position: -144px -64px;
}

.icoTop, .icoTopBefore:before {
    background-position: 0px -80px;
}

.icoUp, .icoUpBefore:before {
    background-position: -16px -80px;
}

.icoDown, .icoDownBefore:before {
    background-position: -32px -80px;
}

.icoBottom, .icoBottomBefore:before {
    background-position: -48px -80px;
}

.icoMax, .icoMaxBefore:before {
    background-position: -64px -80px;
}

.icoMin, .icoMinBefore:before {
    background-position: -80px -80px;
}

.icoRefresh, .icoRefreshBefore:before {
    background-position: -96px -80px;
}

.icoSortDesc, .icoSortDescBefore:before, .icoSortDescAfter:after {
    background-position: -112px -80px;
}

.icoSortAsc, .icoSortAscBefore:before, .icoSortAscAfter:after {
    background-position: -128px -80px;
}

.icoSortNone, .icoSortNoneBefore:before, .icoSortNoneAfter:after {
    background-position: -144px -80px;
}

.icoEmail, .icoEmailBefore:before {
    background-position: 0px -96px;
}

.icoSend, .icoSendBefore:before {
    background-position: -16px -96px;
}

.icoPhone, .icoPhoneBefore:before {
    background-position: -32px -96px;
}

.icoFilter, .icoFilterBefore:before {
    background-position: -48px -96px;
}

.icoFilterActive, .icoFilterActiveBefore:before {
    background-position: -64px -96px;
}

.icoSearch, .icoSearchBefore:before {
    background-position: -80px -96px;
}

.icoCal, .icoCalBefore:before {
    background-position: -96px -96px;
}

.icoDb, .icoDbBefore:before {
    background-position: -112px -96px;
}

.icoTable, .icoTableBefore:before {
    background-position: -128px -96px;
}

.icoRow, .icoRowBefore:before {
    background-position: -144px -96px;
}

.icoExtLink {
    height: 9px;
    background-position: 0 -116px;
    vertical-align: baseline;
}
/* External (Inline) Link */
.icoHome, .icoHomeBefore:before {
    background-position: -16px -112px;
}

.icoHist, .icoHistBefore:before {
    background-position: -32px -112px;
}

.icoCredit, .icoCreditBefore:before {
    background-position: -48px -112px;
}

.icoSet, .icoSetBefore:before {
    background-position: -64px -112px;
}

.icoPaste, .icoPasteBefore:before {
    background-position: -80px -112px;
}

.icoPin, .icoPinBefore:before {
    background-position: -96px -112px;
}

.icoUnpin, .icoUnpinBefore:before {
    background-position: -112px -112px;
}

.icoUser, .icoUserBefore:before {
    background-position: -128px -112px;
}

.icoUserGrp, .icoUserGrpBefore:before {
    background-position: -144px -112px;
}

.icoMenu, .icoMenuBefore:before {
    background-position: 0px -128px;
}

.icoSort, .icoSortBefore:before {
    background-position: -16px -128px;
}

.icoTeams, .icoTeamsBefore:before {
    background-position: -32px -128px;
}

.icoUserAdd, .icoUserAddBefore:before {
    background-position: -48px -128px;
}

.icoADO, .icoADOBefore:before {
    background-position: -64px -128px;
}

.icoDocusign, .icoDocusignBefore:before {
    background-position: -80px -128px;
}

.icoLoad, .icoLoadBefore:before {
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: 0;
}

/* Icons - FavIcons */
.icoSOABefore:before {
    background-image: url('../images/favicon.ico');
    background-position: 0 0;
    background-size: 16px 16px;
    border-radius: 3px;
}

/* Icon Pulse */
.icon.iconPulse, .iconBefore.iconPulse:before, .iconAfter.iconPulse:after {
    animation: 2s 2s infinite icoPulse;
}

@keyframes icoPulse {
    0% {
        opacity: 1;
    }

    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }
}

/* Button Row */
.buttonRow div {
    margin-bottom: 20px;
}

.buttonRow a {
    display: flex;
    justify-content: center;
}
/* User Accordion - Initiated using CSS only to allow DNN users to use */
a.deptUserAccord {
    display: block;
    margin-top: 2px;
    text-align: left;
}

    a.deptUserAccord .deptUserAccordArrowR, a.deptUserAccord .deptUserAccordArrowD {
        position: relative;
        display: inline-block;
        width: 0;
        height: 0;
        font-size: 0px;
        line-height: 0%;
        border: 5px solid transparent;
    }

    a.deptUserAccord .deptUserAccordArrowR {
        margin: 0 7px 0 3px;
        border-left-color: #444;
        border-right: none;
    }

    a.deptUserAccord .deptUserAccordArrowD {
        margin: 0 5px 2px 0;
        border-top-color: #444;
        border-bottom: none;
    }

div.deptUserAccord {
    margin-top: -2px;
    padding: .5em;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0 0 3px 3px;
}

    div.deptUserAccord + :not(.deptUserAccord) {
        margin-top: 20px;
    }

    div.deptUserAccord.deptUserAccordHide {
        display: none !important;
    }
/* Department Accordion */
.deptAccordion {
    padding: 0;
    list-style: none !important;
    border: 1px solid #CCC;
}

    .deptAccordion > .title {
        position: relative;
        min-height: 17px;
        margin: 0;
        padding: 2px 5px;
        font-size: 1rem;
        color: #014c8b;
        font-weight: bold;
        background-color: #DDD;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #CCC;
    }

        .deptAccordion > .title > span {
            padding: 2px 0;
            float: right;
            font-size: .875rem;
            color: #777;
        }

    .deptAccordion .expandAll + span {
        margin-right: 35px;
    }

    .deptAccordion .expandAll {
        position: absolute;
        right: -1px;
        bottom: -1px;
        padding: 0 5px;
        float: right;
        color: #014c8b;
        font: normal 10px/14px Arial, Helvetica, sans-serif;
        text-decoration: none;
        background-color: #EEE;
        border: 1px solid #CCC;
    }

        .deptAccordion .expandAll:focus, .deptAccordion .expandAll:hover {
            outline: 0;
            padding: 0 4px;
            line-height: 12px;
            border: 2px solid #F8BC2C;
        }

        .deptAccordion .expandAll .arrowD, .deptAccordion .expandAll .arrowR {
            position: relative;
            display: inline-block;
            width: 0;
            height: 0;
            font-size: 0px;
            line-height: 0%;
            border: 4px solid transparent;
        }

        .deptAccordion .expandAll .arrowD {
            margin: 0 2px 2px 0;
            border-top-color: #014c8b;
            border-bottom: none;
        }

        .deptAccordion .expandAll .arrowR {
            margin: 0 3px 0 3px;
            border-right: none;
            border-left-color: #014c8b;
        }

    .deptAccordion > li {
        margin: 0;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #DDD;
    }

    .deptAccordion .secHead {
        position: relative;
        display: block;
        width: auto;
        margin: 0;
        padding: 3px 5px 3px 20px;
        color: #014c8b;
        font-weight: bold;
        text-indent: -15px;
        text-decoration: none;
        background-color: #EEE;
        overflow: auto;
    }

        .deptAccordion .secHead:focus, .deptAccordion .secHead:hover {
            outline: 0;
            padding: 1px 3px 1px 18px;
            border: 2px solid #F8BC2C;
        }

        .deptAccordion .secHead > span {
            float: right;
            color: #999;
            font-size: .75rem;
            text-indent: 0;
        }

        .deptAccordion .secHead .arrowD, .deptAccordion .secHead .arrowR {
            position: relative;
            display: inline-block;
            width: 0;
            height: 0;
            font-size: 0px;
            line-height: 0%;
            border: 5px solid transparent;
        }

        .deptAccordion .secHead .arrowD {
            margin: 0 5px 2px 0;
            border-top-color: #014c8b;
            border-bottom: none;
        }

        .deptAccordion .secHead .arrowR {
            margin: 0 7px 0 3px;
            border-right: none;
            border-left-color: #014c8b;
        }

    .deptAccordion > li > div {
        width: auto;
        padding: 10px;
        background-color: #FFF;
        border-top: 1px solid #EEE;
        overflow: auto;
        box-sizing: content-box;
    }

        .deptAccordion > li > div ul {
            margin: 1em 0;
            list-style: disc;
        }

    .deptAccordion > .last {
        border-bottom: none;
    }

    .deptAccordion > .foot {
        padding: 2px 5px;
        line-height: 20px;
        font-weight: bold;
        color: #014c8b;
        background-color: #DDD;
    }

        .deptAccordion > .foot > div {
            width: auto;
            padding: 0;
            background-color: transparent;
            border-top: none;
            overflow: visible;
        }

    .deptAccordion .deptAccordion {
        border: 1px solid #DDD;
    }

        .deptAccordion .deptAccordion > .title {
            font-weight: normal;
            background-color: #EEE;
            border-bottom: 1px solid #DDD;
        }

        .deptAccordion .deptAccordion .expandAll {
            background-color: #F9F9F9;
        }

            .deptAccordion .deptAccordion .expandAll:hover {
                background-color: #FFF;
            }

        .deptAccordion .deptAccordion .secHead {
            font-weight: normal;
            background-color: #F9F9F9;
        }

        .deptAccordion .deptAccordion > .foot {
            font-weight: normal;
            background-color: #EEE;
        }

    .deptAccordion .secDisabled .secHead, .deptAccordion .secDisabled .secHead:focus, .deptAccordion .secDisabled .secHead:hover {
        padding: 3px 5px 3px 20px;
        border: 0;
        color: rgba(1,76,139,0.7) !important;
        cursor: default;
    }

    .deptAccordion .secDisabled a.secHead .arrowR, .deptAccordion .secDisabled a.secHead .arrowD {
        border-color: transparent !important;
    }

/* Department Tabs */
.deptTabs {
    position: relative;
    z-index: 0;
}

    .deptTabs > ul {
        position: relative;
        z-index: 1;
        margin: 0 0 -1px 0 !important;
        padding: 0;
        height: 30px;
        list-style: none;
        overflow: hidden;
    }

        .deptTabs > ul > li {
            display: block;
            margin: 0 .5% 0 0;
            float: left;
        }

            .deptTabs > ul > li.tabLast {
                margin-right: 0;
            }

            .deptTabs > ul > li > a {
                position: relative;
                top: 6px;
                display: block;
                padding: 0 10px;
                color: #444;
                white-space: nowrap;
                outline: none;
                text-overflow: ellipsis;
                text-decoration: none;
                font-weight: bold;
                line-height: 22px;
                background-color: #EEE;
                background-image: linear-gradient(to bottom, #F3F3F3 0%,#E3E3E3 100%);
                border: 1px solid #CCC;
                border-bottom: none;
                border-radius: 3px 3px 0 0;
                overflow: hidden;
            }

                .deptTabs > ul > li > a:hover, .deptTabs > ul > li.active > a {
                    background-color: #CCC;
                    background-image: linear-gradient(to bottom, #FEFEFE 0%,#EEEEEE 100%);
                }

                .deptTabs > ul > li > a:hover, .deptTabs > ul > li > a:focus {
                    box-shadow: inset 0 1px 0 0 #F8BC2C;
                    border-top-color: #F8BC2C;
                }

            .deptTabs > ul > li.active > a {
                top: 0px;
                line-height: 28px;
                box-shadow: none;
                border-top-color: #CCC;
                border-bottom: 2px solid #EEE;
            }

                .deptTabs > ul > li.active > a:hover {
                    cursor: default;
                }

    .deptTabs > div {
        margin: 0;
        padding: 10px;
        background-color: #EEE;
        border: 1px solid #CCC;
    }
/* Date Square */
span.deptDateSquare {
    display: block;
    width: 2.858em;
    margin: 3px 6px 0 0;
    overflow: hidden;
    float: left;
}

span.deptDateSquareMonth, span.deptDateSquareDay {
    display: block;
    text-align: center;
}

span.deptDateSquareMonth {
    padding: 0 0 1px;
    color: #FFF;
    font-size: .7rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #C33;
    border-radius: 5px 5px 0 0;
}

span.deptDateSquareDay {
    padding: 2px 0;
    color: #666;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.4em;
    background-color: #F3F3F3;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 0 0 5px 5px;
}
/* Credit Card Logos */
span.ccLogos {
    display: inline-block;
    width: 100px;
    height: 61px;
    background: url(../images/ccLogos.jpg) no-repeat center/contain;
    text-indent: -99999px;
    overflow: hidden;
}
/* Public Notice */
ul.deptPublicNotices {
    list-style: none;
    margin-left: 0;
}

    ul.deptPublicNotices li {
        margin: 10px 0;
        min-height: 2.7em;
    }

    ul.deptPublicNotices a {
        display: block;
        position: relative;
        padding-left: 50px;
    }

        ul.deptPublicNotices a .deptDateSquare {
            position: absolute;
            left: 0;
            top: 0;
        }
/* Highlight and Action Box */
.deptHighlightBox, .deptActionBox {
    background-color: #def;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

.deptHighlightBox {
    width: 90% !important;
    margin: 5px auto 15px;
    padding: 10px 2%;
    float: none !important;
}

    .deptHighlightBox p {
        margin: 0 0 10px;
    }

.deptActionBox {
    margin-bottom: 20px;
    padding: 10px;
}

    .deptActionBox hr {
        height: 1px;
        background: #CCC;
        border: none;
    }

    .deptActionBox ul {
        list-style: none;
        padding: 0;
    }

        .deptActionBox ul ul {
            padding-left: 20px;
        }

        .deptActionBox ul li {
            margin: 5px 0;
        }
/* Status Boxes */
.deptStatusBoxPending, .deptStatusBoxInfo, .deptStatusBoxSuccess, .deptStatusBoxError, .field-validation-error, .deptStatusBoxWarn {
    position: relative;
    margin: 5px 0;
    padding: 0 8px 0 24px;
    color: #999;
    font-weight: bold;
    font-size: .875rem;
    border: 1px solid #DDD;
}

span.deptStatusBoxPending, span.deptStatusBoxInfo, span.deptStatusBoxSuccess, span.deptStatusBoxError, span.field-validation-error, span.deptStatusBoxWarn {
    display: inline-block;
    margin: 0 5px -5px;
}

.deptStatusBoxPending {
    background: #EEE url("../images/loading.gif") no-repeat 4px center;
}

.deptStatusBoxInfo {
    color: #55C;
    background-color: #EEF;
    border-color: #CCD;
}

.deptStatusBoxSuccess {
    color: #3B3;
    background-color: #DFD;
    border-color: #BDB;
}

.deptStatusBoxError, .field-validation-error {
    color: #C00;
    background-color: #FDD;
    border-color: #DBB;
}

.deptStatusBoxWarn {
    color: #770;
    background-color: #FFC;
    border-color: #DDA;
}

    .deptStatusBoxInfo:before, .deptStatusBoxSuccess:before, .deptStatusBoxError:before, .field-validation-error:before, .deptStatusBoxWarn:before {
        position: absolute;
        display: block;
        top: 3px;
        left: 4px;
        width: 16px;
        height: 16px;
        content: "";
    }

.deptStatusBoxHasClose {
    padding-right: 26px;
}

.deptStatusBoxClose {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 1px;
    top: 1px;
    color: #fff !important;
    background-color: #fff !important;
    border-radius: 3px;
    border: 1px solid #666;
    opacity: .4;
    overflow: hidden;
}

    .deptStatusBoxClose:before, .deptStatusBoxClose:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 4px;
        width: 10px;
        height: 2px;
        background-color: #000;
    }

    .deptStatusBoxClose:before {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .deptStatusBoxClose:after {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .deptStatusBoxClose:hover {
        opacity: .6;
    }
/* Field Validation Override for Tables */
table.deptGridView .field-validation-error {
    width: 20px;
    height: 20px;
    margin-right: 0;
    padding: 0;
    overflow: hidden;
    text-align: left !important;
    text-indent: -100000px;
    cursor: pointer; /*background:transparent;border:0;*/
}

    table.deptGridView .field-validation-error:before {
        top: 1px;
        left: 1px;
    }
/*table.deptGridView .field-validation-error span{display:none !important;}*/
/* Commisioner/Director box */
#directorBox {
    width: 26%;
    max-width: 150px;
    min-width: 100px;
    float: right;
    margin: 0 0 5px 20px;
    padding: 5px;
    text-align: center;
    border: 1px solid #e2e2e2;
    background-color: #FFF;
    box-shadow: 0 1px 5px #ccc;
}

    #directorBox p {
        margin: 0;
        padding: 0;
        font-size: .8rem;
    }

    #directorBox hr {
        margin: 3px 0 8px;
    }

/* Alert Box (DNN use only!) */
.deptAlertBox {
    position: relative;
    padding: 18px 10px 0;
    border: solid 2px #e33 !important;
    box-shadow: inset 0 0 15px 0 #fcc !important;
    background-color: #fff6f6 !important;
}

    .deptAlertBox::before, .deptAlertBox::after {
        position: absolute;
    }

    .deptAlertBox::before {
        content: "ALERT";
        top: -2px;
        left: -2px;
        right: -2px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        font-size: .875rem;
        font-weight: bold;
        letter-spacing: .1em;
        text-shadow: 0 0px 2px #300;
        background-color: #e33;
        background-image: linear-gradient(to right, #e33 0%, #f33 40%, #f33 60%, #e33 100%);
    }

    .deptAlertBox h1 {
        padding-top: .2em !important;
        margin-bottom: 5px !important;
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        color: #444 !important;
        text-transform: none;
    }

    .deptAlertBox a {
        font-weight: 700;
    }

    .deptAlertBox hr {
        border-color: #fcc;
    }

main .deptAlertBox {
    margin-bottom: 20px !important;
    box-shadow: 0 2px 5px 0 #999, inset 0 0 15px 0 #fcc !important;
}

    main .deptAlertBox h1 {
        padding-top: .4em !important;
        margin-bottom: 10px !important;
        font-size: 1.5rem !important;
    }
/* Used when hiding "ALERT" arrow
#dnn_TopPane + .deptAlertBox{padding-top:0;}
#dnn_TopPane + .deptAlertBox::before, #dnn_TopPane + .deptAlertBox::after{display:none;}
*/

/* Department Footer */
#deptFooter {
    margin: 0;
    padding: 0;
    text-align: left;
}

    #deptFooter li {
        display: inline-block;
        margin: 0 8px 0 0;
    }

        #deptFooter li a {
            font-size: .8rem;
            font-style: normal;
            font-weight: normal;
        }

div + #deptFooter {
    border-top: 2px solid #3f78a7;
    margin: 5px 0 0;
    padding: 5px 0 0;
}

/* Internal */
body.deptInternal {
    padding-top: 43px;
}

    body.deptInternal .global-nav-menu {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 3;
        background: #a73f3f;
        border-top: 3px solid #a73f3f;
        box-shadow: 0 -2px 10px #000;
    }
/* Environment Overlay */
#deptEnvironment {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 220px;
    text-align: center;
    font: bold 1rem/1.9rem sans-serif;
    z-index: 1;
    border-radius: 10px;
    background: #f00;
    border: 1px solid #fff;
    box-shadow: inset 0 0px 3px #fff, 0 0px 3px #fff;
}
/* Transitions */
.site-container, .global-nav-menu .inline-div {
    transition: max-width 500ms;
}

body.deptInternal nav.agency-navigation.application-menu > div.wrap > ul.appNavFixed {
    transition: max-width 500ms, box-shadow 300ms;
}

nav.agency-navigation > div.wrap > ul > li, nav.agency-navigation > div.wrap ul ul a, .sidebar ul li {
    transition: background-color 300ms, border-color 300ms;
}

nav.agency-navigation > div.wrap > ul ul {
    transition: opacity 300ms;
}

tr {
    transition: background-color 300ms;
}

.deptModalContainer {
    transition: padding 300ms;
}

h1.deptModalTitle, div.deptModalContent {
    transition: width 300ms, min-height 300ms, box-shadow 300ms;
}
/* Media queries */
@media screen and (max-width:8em) {
}

@media screen and (min-width:12em) {
}

@media screen and (min-width:12.4em) {
}

@media screen and (min-width:17.2em) {
}

@media screen and (min-width:22.8em) {
}

@media only screen and (min-width:33.75em) {
}

@media all and (min-width:36em) {
    /* Internal */
    body.deptInternal {
        padding-top: 48px;
    }

        body.deptInternal nav.agency-navigation.application-menu {
            position: relative;
            min-height: 48px;
        }

            body.deptInternal nav.agency-navigation.application-menu > div.wrap > ul {
                box-shadow: none;
            }

                body.deptInternal nav.agency-navigation.application-menu > div.wrap > ul.appNavFixed {
                    position: fixed;
                    top: 48px;
                    max-width: 960px;
                    overflow: visible;
                    z-index: 2;
                    box-shadow: 0 0 5px #000;
                }

        body.deptInternal.deptFullWidthPage nav.agency-navigation.application-menu > div.wrap > ul.appNavFixed {
            max-width: 100%;
        }

    li.deptUserName {
        line-height: 1.4em;
    }
    /* Responsive Menu */
    .responsive-menu-icon {
        display: none;
    }

    nav.agency-navigation > div.wrap ul {
        display: block !important;
        text-transform: none;
    }

        nav.agency-navigation > div.wrap ul li {
            margin: 0;
        }

    nav.agency-navigation > div.wrap > ul > li {
        background: #3f78a7;
        position: static;
        display: inline-block;
        text-transform: uppercase;
    }

        nav.agency-navigation > div.wrap > ul > li.menu-item-right {
            float: right;
        }

        nav.agency-navigation > div.wrap > ul > li:hover, nav.agency-navigation > div.wrap > ul > li:focus-within {
            background-color: #8AB6D4;
        }

            nav.agency-navigation > div.wrap > ul > li:hover > ul, nav.agency-navigation > div.wrap > ul > li:focus-within > ul {
                left: auto;
                opacity: 1;
            }

        nav.agency-navigation > div.wrap > ul > li.menu-item-right:hover > ul, nav.agency-navigation > div.wrap > ul > li.menu-item-right:focus-within > ul {
            right: 0;
            opacity: 1;
        }

    nav.agency-navigation > div.wrap ul > li.menu-item-has-children:after {
        content: none;
        padding: 0;
    }

    nav.agency-navigation > div.wrap ul > li.menu-item-has-children > a {
        margin-right: 0;
    }

    nav.agency-navigation > div.wrap ul ul {
        background: none repeat scroll 0 0 #fff;
        box-shadow: 0 0 5px #666;
        left: -9999px;
        margin: 0;
        opacity: 0;
        padding: 0 !important;
        position: absolute;
        z-index: 1;
    }

        nav.agency-navigation > div.wrap ul ul li {
            min-width: 15em;
        }

            nav.agency-navigation > div.wrap ul ul li:hover > a, nav.agency-navigation > div.wrap ul ul li:focus-within > a {
                padding-left: 13px;
                border-left: 4px solid #e4cd6c;
                background-color: #fbf8e9;
            }

            nav.agency-navigation > div.wrap ul ul li:hover > ul, nav.agency-navigation > div.wrap ul ul li:focus-within > ul {
                top: 0;
                opacity: 1;
                left: 100%;
                margin-left: -8px;
            }

            nav.agency-navigation > div.wrap ul ul li.popLeft:hover > ul, nav.agency-navigation > div.wrap ul ul li.popLeft:focus-within > ul {
                left: auto;
                right: 100%;
                margin-right: -8px;
            }

            nav.agency-navigation > div.wrap ul ul li.menu-item-has-children > a {
                padding-right: 20px;
            }

            nav.agency-navigation > div.wrap ul ul li.menu-item-has-children:after {
                content: "";
                top: 12px;
                right: 8px;
                display: block;
                width: 0;
                height: 0;
                border-width: 6px 0 6px 6px;
                border-style: solid;
                border-color: transparent transparent transparent #999;
                z-index: 0;
            }

        nav.agency-navigation > div.wrap ul ul a, nav.agency-navigation > div.wrap ul ul h1 {
            padding: 12px 16px;
            border: 1px solid #f5f5f5;
            border-top: none;
        }

        nav.agency-navigation > div.wrap ul ul h1 {
            padding-top: 8px;
            padding-bottom: 8px;
        }

    nav.agency-navigation.application-menu > div.wrap > ul > li {
        background-color: #6298c5;
    }

        nav.agency-navigation.application-menu > div.wrap > ul > li:hover, nav.agency-navigation.application-menu > div.wrap > ul > li:focus-within {
            background-color: #8AB6D4;
        }
    /* Content Area */
    main.content {
        background-color: #fff;
    }

    table.deptGridView thead {
        position: relative;
        left: 0;
    }

    table.deptGridView tbody tr {
        display: table-row;
        border: 0;
    }

    table.deptGridView td {
        display: table-cell;
        text-align: left;
        border: 1px solid #ccc;
    }

        table.deptGridView td.deptGridViewActionCell {
            width: 1% !important;
            white-space: nowrap;
        }

        table.deptGridView td[data-th]::before, table.deptGridView td[data-th]::after {
            display: none;
        }

    .mobileHide {
        display: inherit !important;
    }

    th.mobileHide, td.mobileHide {
        display: table-cell !important;
    }

    .mobileShow {
        display: none !important;
    }
    /* Columns */
    .one-half,
    .one-third, .two-thirds,
    .one-fourth, .two-fourths, .three-fourths,
    .one-sixth, .two-sixths, .three-sixths, .four-sixths, .five-sixths {
        float: left;
        margin-left: 2.0%;
    }

    .one-half, .two-fourths, .three-sixths {
        width: 49%;
    }

    .one-third, .two-sixths {
        width: 32%;
    }

    .two-thirds, .four-sixths {
        width: 66%;
    }

    .one-fourth {
        width: 23.5%;
    }

    .three-fourths {
        width: 74%;
    }

    .one-sixth {
        width: 15%;
    }

    .five-sixths {
        width: 83%;
    }

    .first {
        clear: both;
        margin-left: 0;
    }
    /* Button Row */
    .buttonRow {
        display: flex;
    }

        .buttonRow a {
            align-items: center;
            height: 100%;
        }
    /* Label/Value Pairs */
    dl.deptLblValPair dt {
        margin-right: .5%;
        margin-bottom: 10px;
        text-align: right;
        width: 33%;
    }

    dl.deptLblValPair dd {
        width: 65.5%;
    }

    .one-half dl.deptLblValPair dd {
        width: 65%;
    }

    .one-third dl.deptLblValPair dd, .two-sixths dl.deptLblValPair dd {
        width: 64%;
    }

    .one-fourth dl.deptLblValPair dd {
        width: 63.3%;
    }

    .one-sixth dl.deptLblValPair dd {
        width: 61.5%;
    }

    dl.deptLblValPair input[type="text"],
    dl.deptLblValPair input[type="date"],
    dl.deptLblValPair input[type="datetime"],
    dl.deptLblValPair input[type="email"],
    dl.deptLblValPair input[type="number"],
    dl.deptLblValPair input[type="password"],
    dl.deptLblValPair input[type="tel"],
    dl.deptLblValPair input[type="url"],
    dl.deptLblValPair textarea {
        max-width: 300px;
    }
    /* Action Box */
    .deptActionBox {
        width: 33%;
        margin-left: 20px;
        float: right !important;
    }

    .one-half .deptActionBox,
    .one-third .deptActionBox, .two-thirds .deptActionBox,
    .one-fourth .deptActionBox, .two-fourths .deptActionBox, .three-fourths .deptActionBox,
    .one-sixth .deptActionBox, .two-sixths .deptActionBox, .three-sixths .deptActionBox, .four-sixths .deptActionBox, .five-sixths .deptActionBox {
        width: auto;
        margin-left: 0;
        float: none !important;
    }
    /* Google Custom Search Engine overrides */
    div.gsc-control-cse .gsc-tabsArea .gsc-tabHeader {
        width: auto !important;
    }

    div.gsc-control-cse .gsc-tabsArea .gs-spacer {
        display: inline-block;
        width: 4px;
    }
    /* Alert Box (DNN use only!) */
    .deptAlertBox {
        padding: 0 20px;
    }

        .deptAlertBox::before, .deptAlertBox::after {
            top: 5px;
        }

        .deptAlertBox::before {
            left: 0;
            right: auto;
            width: 50px;
            height: 20px;
            line-height: 20px;
            font-size: .7rem;
            text-align: right;
        }

        .deptAlertBox::after {
            content: "";
            left: 50px;
            border-style: solid;
            border-width: 10px 0 10px 10px;
            border-color: transparent transparent transparent #e33;
        }

        .deptAlertBox h1 {
            margin-left: 50px !important;
        }

        .deptAlertBox p {
            margin-bottom: 10px;
        }

    main .deptAlertBox::before, main .deptAlertBox::after {
        top: 10px;
    }

    main .deptAlertBox::before {
        width: 60px;
        height: 30px;
        line-height: 30px;
        font-size: .875rem;
    }

    main .deptAlertBox::after {
        left: 60px;
        border-width: 15px 0 15px 15px;
    }

    main .deptAlertBox h1 {
        margin-left: 70px !important;
    }

    main .deptAlertBox p {
        margin-bottom: 20px;
    }
    /* Used when hiding "ALERT" arrow
	#dnn_TopPane + .deptAlertBox h1{margin-left:0 !important;}
	*/
}

@media screen and (min-width:48em) {
    /* AlaskaGov.css overrides */
    header.site-header .title-area h1 span.site-title {
        margin-right: 0;
    }
    /* Content Area */
    .standard-components .content {
        height: 400px;
    }

    .sidebar {
        float: right;
        max-width: 32%;
    }

    .page.right-sidebar .content {
        float: left;
        width: 67%;
    }

    .page.right-sidebar .sidebar {
        float: right;
        width: 32%;
    }
    /* Modal Box */
    div.deptModalContainer {
        padding: 30px 0;
    }

    h1.deptModalTitle {
        font-size: 18px;
    }

        h1.deptModalTitle .deptModalControlBox {
            top: 6px;
            right: 6px;
        }

            h1.deptModalTitle .deptModalControlBox .deptModalMax {
                display: inline-block;
            }
    /* Department Footer */
    #deptFooter {
        text-align: center;
    }
}

@media screen and (min-width:54em) {
}

@media screen and (min-width:60em) {
    .back-to-top + .deptAlertBox {
        margin: 1em 0 -1em;
    }
}

@media print {
    body {
        width: 100%;
        padding: 0 .5cm;
    }

        body.deptInternal {
            padding-top: 0;
        }

    nav.global-nav-menu, #search_icon_placeholder, aside.sidebar, #deptFooter, .back-to-top, .deptPrintHide {
        display: none !important;
    }

    .site-inner {
        box-shadow: none;
    }

    h1, h2, h3, h4, h5, .noPageBreakAfter {
        page-break-after: avoid;
    }

    img, .noPageBreakInside {
        page-break-inside: avoid;
    }

    ul, ol {
        padding-left: 25px;
    }

    .footer-block {
        padding: 1px;
    }

    .copyright a[href^="mailto"] {
        display: none;
    }

    @page {
        margin: 1cm .4cm;
    }

    /*Format modals to be printer friendly*/
    html.lockScroll div.site-container,
    html.lockScroll footer.global-footer,
    h1.deptModalTitle a {
        display: none !important;
    }

    div.deptModal,
    div.deptModalCover,
    div.deptModalContainer,
    .deptProgressBG {
        bottom: auto;
    }

    div.deptModal {
        position: absolute;
    }

    div.deptModalContainer {
        position: relative;
        padding: 0;
        overflow-y: visible;
    }

    h1.deptModalTitle, div.deptModalContent {
        max-width: none;
        box-shadow: none;
    }
}