﻿body {
    font-family: 'Arial';
    font-style: normal;
    color: #494949;
    font-size: .9em;
    line-height: 1.5;
    background-color: #f5f5f5;
    width: 100%;
    margin: 0;
}

.mainNav {
    text-align: center !important;
}

.siteHeader .mainNav {
    width: 67%;
    float: left;
}
#mainNavMenu {
    letter-spacing: -.31em;
    word-spacing: -.43em;
    padding: 0;
    border-left: 1px solid #ebebeb;
    margin-top: 13px;
}
.mainNav .topMenuItem {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal;
    white-space: nowrap;
}

#structuralContainer1 {
    border: 0 none;
}

#structuralContainer2 {
    background-color: #fff;
    border: 0 none;
    -webkit-box-shadow: 0 6px 10px 10px rgba(0,0,0,0.4);
    margin-top: 35px;
    padding-bottom: .3em !important;
    padding-top: 0.3em;
}

.fixedTop_ts {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.siteWrap {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 0em;
}

#structuralContainer3 {
    background-color: #fff;
    border: 0 none;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    color: #494949;
    font-size: .9em;
    line-height: 2.5;
}

#structuralContainer11 {
    background-image: url(images/10298.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    border: 0 none;
    padding-top: 5em;
    padding-bottom: 3em;
    background-size: cover;
    height: 280px;
}

.mainNavItem:link, .mainNavItem:visited {
    border-right: 1px solid #ebebeb !important;
    font-family: 'Montserrat', sans-serif;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #1e3b39 !important;
    text-decoration: none !important;
    display: block;
}

#structuralContainer4 {
    border: 0 none;
    padding-top: 11em;
    padding-bottom: 5em;
    background: linear-gradient(to top, rgba(255,0,0,0), rgba(37,51,50,.6));
}

#structuralContainer5 {
    border: 0 none;
    padding-top: 10em;
}

#structuralContainer6 {
    background-color: #fff;
    border: 0 none;
    padding-top: 2em;
    padding-right: 3em;
    padding-bottom: 3em;
    padding-left: 3em;
    height: auto;
    min-height: 650px;
    box-shadow: 0 -5px 10px 10px rgba(0,0,0,.2);
    margin-bottom: 15px;
    background-image: url(images/GreeneCountySeal.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 400px;
}
#mainNavMenu {
    letter-spacing: -.31em;
    word-spacing: -.43em;
    padding: 0;
    border-left: 1px solid #ebebeb;
}
.account {
    background-color: #076072;
    z-index: 1;
    height: 45px;
}

.logo {
    position: static;
    float: left;
    width: 42%;
    margin-top: 28px;
    z-index: 8;
}

.cpToolbar.public {
    background-color: #076072;
    color: #ededed;
}

.cpToolbar > * {
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.cpToolbar.public {
    background-color: #076072;
    color: #ededed;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.cpToolbar > .inner > p {
    text-align: center;
    line-height: 34px;
}

.welcomeMessage {
    font-size: 90%;
}

.cpToolbar.public .dropdown > .myConnections {
    font-weight: 700;
    text-decoration: none;
    font-size: smaller;
}

.cpToolbar > .inner .secondary {
    float: right;
}

.bannerObject1 {
    float: right;
    width: 150px;
    margin-right: 10px;
}

.dropdown {
    color: #ededed;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    11.11% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    44.44% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.fadein img {
    opacity: 0;
    animation-name: fade;
    animation-duration: 48s;
    animation-iteration-count: infinite;
    position: absolute;
    max-width: none;
    /*	top: -50px;*/
    width: 100%;
    max-height: 650px;
    display: flex;
    left: 0px;
    min-height: 650px;
}

    .fadein img:nth-child(1) {
        animation-delay: 0s;
    }

    .fadein img:nth-child(2) {
        animation-delay: 6s;
    }

    .fadein img:nth-child(3) {
        animation-delay: 12s;
    }

    .fadein img:nth-child(4) {
        animation-delay: 18s;
    }

    .fadein img:nth-child(5) {
        animation-delay: 24s;
    }

    .fadein img:nth-child(6) {
        animation-delay: 30s;
    }

    .fadein img:nth-child(7) {
        animation-delay: 36s;
    }

    .fadein img:nth-child(8) {
        animation-delay: 42s;
    }

.fancyButton451.fancyButton .text {
    color: #494949;
    font-size: 1.1em;
    font-family: "Arial";
    text-align: left;
    padding-left: 30px;
    font-style: normal;
    text-decoration: none;
    padding-left: 30px;
    background-image: url('images/10326.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    height: 30px;
}

.fancyButton452.fancyButton .text {
    color: #494949;
    font-size: 1.1em;
    font-family: "Arial";
    text-align: left;
    padding-left: 30px;
    font-style: normal;
    text-decoration: none;
    padding-left: 30px;
    background-image: url('images/10330.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    height: 30px;
}

.fancyButton453.fancyButton .text {
    color: #494949;
    font-size: 1.1em;
    font-family: "Arial";
    text-align: left;
    padding-left: 30px;
    font-style: normal;
    text-decoration: none;
    padding-left: 30px;
    background-image: url('images/10332.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    height: 30px;
}

#lblOfficial {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Helvetica';
    line-height: 1;
}

#lblOfficialTitle {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Helvetica';
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid #797676;
    padding: 0;
    margin-bottom: 0px;
    width: 60%;
    margin-top: 3px;
    margin-bottom: 0px;
}

#lblAppName {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Helvetica';
}

.Seal {
    text-align: left;
}

#SealImage {
    height: 140px;
}

.Officials {
    text-align: right;
}

#OfficialsPhoto {
    width: 130px;
}

.cpGrid .col.outer .col.first, .cpGrid .row .col.outer.first {
    clear: none;
}

.cpGrid24 .wide > .col6 {
    width: 25%;
}

.cpGrid .col.outer {
    padding: 0;
}

.cpGrid .col.first {
    clear: left;
}
/*.cpGrid .wide > .col {
    float: left;
}*/
.cpGrid24 .wide > .col8 {
    width: 33.333333333%;
}

.cpGrid .col.outer {
    padding: 0;
}
/*.cpGrid .wide > .col {
    float: left;
}*/
.pageContent .col, .pageContent .row, .widget, [data-cprole$="Container"], [data-cprole="banner"], [data-cprole="nav"] {
    position: relative;
}

.cpGrid .col {
    margin: 0;
}

.cpGrid24 .wide > .col6 {
    width: 25%;
}

.cpGrid .col.outer {
    padding: 0;
}
/*.cpGrid .wide > .col {
    float: left;
}*/
.cpGrid24 .wide > .col4 {
    width: 16.666666667%;
}

.cpGrid .col.outer {
    padding: 0;
}
/*.cpGrid .wide > .col {
    float: left;
}*/
.cpGrid .col8 .wide > .col8 {
    width: 100%;
}

.cpGrid .col6 .wide > .col6 {
    width: 100%;
}

.cpGrid .col6 .wide > .col6 {
    width: 100%;
}

.cpGrid .col4 .wide > .col4 {
    width: 100%;
}

.widget.skin4 .widgetItem, .widget.skin4 li.widgetItem {
    border: 0;
    padding-top: .25em;
    padding-bottom: .25em;
    font-family: arial;
    font-style: normal;
    font-weight: 400;
    color: #494949;
    font-size: 1.1em;
}

.widget.skin4 a:link {
    color: #494949;
    text-decoration: none;
    font-size: .9em;
}

.widget.skin4 a:hover, .widget.skin4 a:focus, .widget.skin4 a:active {
    color: #066578;
    text-decoration: none;
}

.widget.skin4 a:visited {
    color: #494949;
}

a:hover, a:focus, a:active {
    color: #07629c;
    text-decoration: underline;
}

.semanticList {
    list-style: none;
    list-style-image: none;
    padding-left: 0;
}

.widget.skin4 {
    text-align: left;
}

.widget {
    text-align: left;
    word-wrap: break-word;
}

ul.ui-autocomplete {
    border-color: #e5e5e5;
    border-radius: 0;
    box-shadow: 2px 2px 5px rgba(0,0,0,.15);
    padding: 0;
}

#widgetPreviewSearch {
    width: 100%;
}

.outer.col.col24.first.last {
    width: 100%;
}
.dxgvHeader_Office2010Blue, .dxgvHeader_Office2010Blue table {
    color: #494949 !important;
}

.dxgvHeader_Office2010Blue {
    border-color: #076072 !important;
    background-image: none !important;
    background-color: #f5f5f5 !important;
}

.dxgvTitlePanel_Office2010Blue {
    background-color: #076072 !important;
    background-image: none !important;
    border-color: #b0b0b0 !important;
    color: #ededed !important;
}

.dxgvPagerBottomPanel_Office2010Blue {
    background: whitesmoke !important;
}

.dxeButtonEditButton_Office2010Blue {
    background-image: none !important;
    background-color: white !important;
    border-color: #b0b0b0 !important;
}

.dxgvDataRow_Office2010Blue td.dxgv {
    border-color: #b0b0b0 !important;
}

.dxeButtonEdit_Office2010Blue {
    background-image: none !important;
    border-color: #b0b0b0 !important;
}

.dxeTextBox_Office2010Blue {
    border-color: #b0b0b0 !important;
}

.dxgvHeader_Office2010Blue, .dxgvHeader_Office2010Blue table {
    padding-left: 4px !important;
}

.dxtcLite_Office2010Blue > .dxtc-stripContainer .dxtc-activeTab {
    border-color: #076072 !important;
}

.dxtcLite_Office2010Blue > .dxtc-stripContainer .dxtc-activeTab {
    border-color: #717171 !important;
}

.dxgvControl_Office2010Blue {
    border-color: #494949 !important;
}

.dxtcLite_Office2010Blue.dxtc-top > .dxtc-content {
    border-top-style: none !important;
    border-color: #494949 !important;
}

.dxtc-rightIndent {
    border-color: #494949 !important;
}

.dxtcLite_Office2010Blue > .dxtc-stripContainer .dxtc-tab {
    background-image: none !important;
    border-color: #717171 !important;
    background-color: #f5f5f5 !important;
    color: #494949 !important;
}

.dxmLite_Office2010Blue .dxm-horizontal .dxm-separator b {
    background: none !important;
}

#MainBody_mnuControls {
    border: none;
    background: none !important;
}

.dxbButton_Office2010Blue {
    background: none !important;
    border-color: #717171;
    background-color: #076072 !important;
    color: #ededed !important;
    font-weight: bold;
}

.dxnbLite_Office2010Blue .dxnb-header {
    background: none !important;
    border-color: #717171;
    background-color: whitesmoke !important;
    color: #494949 !important;
    font-weight: bold;
}

.dxflGroupBoxCaption_Office2010Blue {
    color: #494949 !important;
}

.dxflGroupBox_Office2010Blue {
    border-color: #494949 !important;
}

#BodyContent_frmInput_rdbConvFeeYesNo {
    border-color: #b0b0b0 !important;
}