﻿/* place styles needed for 508 compliance here. They should override anything that already exists because this should be loaded last in the master page*/

#headerWrap .logo a:focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}

#btngoWrap :focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}

#headerWrap .translate :focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}

#headerWrap a:focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}

#searchfieldWrap input:focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}

a:focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}

input:focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}
/*------------------Menu2AA --------------*/

.nav2 {
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    color: #454545;
}

.navBarTab:focus {
    outline-color: invert;
    outline-offset: 2px;
    outline-width: 3px;
    outline-style: solid;
}

.navTab:active {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        background: #485828;  /*#A3B87A*/
        border-bottom: 5px solid gray;
        margin: 3px 3px 0px;
        padding: 0 0 4px 5px;
        height: 43px;
        padding-bottom: 1px;
        float: left;
        -moz-border-radius: 7px 7px 0 0;
        -webkit-border-radius: 7px 7px 0 0;
        border-radius: 7px 7px 0px 0px;
        _margin: 6px 5px 0 5px;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }

.navTab:focus {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background:#647740; /* #dae1ea;*/
    border-bottom: 5px solid gray;
    margin: 3px 3px 0px;
    padding: 0 0 4px 5px;
    height: 43px;
    padding-bottom: 1px;
    float: left;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0px 0px;
    _margin: 6px 5px 0 5px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    outline: solid;
    }
.navTab:focus .nav2 {
        color: #FCFCF4;
    }
    .navTab:focus .nav {
        color: #FCFCF4;
    }

.nav a:focus {
    outline: none;
}
.navWhiteBox {
    
    background: #647740; /*#A3B87A*/
    
}

    .navWhiteBox .nav2 {
        color: #FCFCF4; /*#333333*/
    }

.navTab:hover {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #485828; /*#A3B87A*/
    border-bottom: 5px solid gray;
    margin: 3px 3px 0px;
    padding: 0 0 4px 5px;
    height: 43px;
    padding-bottom: 1px;
    float: left;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0px 0px;
    _margin: 6px 5px 0 5px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;

}
/*------------------TRANSLATE --------------*/
#headerWrap .translate {
    position: absolute;
    top: 0px;
    left: 654px;
    /*width: 100%;*/
    height: 18px;
    color: #616161;
    text-align: right;
    padding: 8px 10px 5px 5px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    background-color:#e0e0e0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

    #headerWrap .translate a {
        color: /*#494949*/#616161;
    }

        #headerWrap .translate a:hover {
            color: black;
            text-decoration:underline;
        }

#headerWrap .survey {
    position: absolute;
    top: 0px;
    left: 855px;
    width: 100px;
    height: 100px;
    color: black;
    text-align: center; /* background-color:red */
}




    /*----------------- FOOTER -----------------*/
    #footerWrap {
    width: 960px;
    height: 25px;
    background: #073873;
    line-height: 24px;
    clear: both;
    font-size: 11px;
    margin: 0 auto;
}

    #footerWrap a {
        color: #eeeeee;
        text-decoration: none;
        margin-left: 11px;
        margin-right: 11px;
    }

        #footerWrap a:hover {
            text-decoration: underline;
        }

    #footerWrap .footerLeft {
        float: left;
        color: #cdcdcd;
    }

    #footerWrap .footerRight {
        float: right;
        color: #eeeeee;
        padding-right: 17px;
    }

.globalMenuLink {
    width: 200px;
    padding-left: 0px;
    margin-left: 0px;
    vertical-align: middle;
}

.globalMenuSpan {
    width: 175px;
    vertical-align: middle;
    font-size: 12px
}

.header .headingText {
    font-family: Georgia;
    font-style: italic;
    font-size: 16px;
    color: #6A6A7A;
}
.contentCategory {
    text-transform: uppercase;
    font-size: 13px;
    font-family: "open_sanssemibold", sans-serif;
    color: #5b5b5b;
    padding-bottom: 5px;
    padding: 0px 0 3px 0;
}
.liMenu a {
    color: #005dc1;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-weight: bold;
}


.access-btn:focus {
    outline-color: invert;
    outline-width: 3px;
    outline-style: solid;
    outline-offset: 1px;
}

.link a:focus {
    outline-color: invert;
    outline-width: 1px;
    outline-style: solid;
}



/* CASE ACCESS */
.multiLngPosition {
    color: #5b5b5b !important;
}

.contentHeading {
    color: #036e76;
}

/** BREADCRUMBS **/
.breadcrumbBar {
    background-color: #43688d !important;
}
.breadcrumbBar .topBreadcrumb {
    color: #f0f0f0;
}
/* HOME PAGE ANNOUNCEMENTS MESSAGE*/
.btImportantHomePageAnnouncement {
    color: #ab1b0b !important;
}

/* CONTENT HEADING */
.accordionUcdarkgray .contentHeading2 {
    color: #0f6a6f !important;
}

/* MIDDLE COURTHOUSE CONTAINER HOMEPAGE */
.accordionUcdarkgray .accordionHeaderSelected .contentHeadingMain {
    color: #5e5e5e !important;
}
.accordionUcdarkgray .accordionHeaderSelected {
    background-color: #dcdcdc !important;
}

.accordionHeader a:focus {
    outline:auto;
    outline-color: invert;
    outline-width: 3px;
    outline-offset: 3px;
}

a.inquiry:focus {
    outline-style: solid;
    outline-color: #b7ab9a;
    outline-width: 2px;
}
/* TODAY HEADER */
ul.todaymenu li.header {
    background-color: #6d6d6d !important;
}

.btnHomeColor:focus, .btnHomeGrey:focus, .btnHome:focus {
    outline-color: #b7ab9a;
    outline-style:solid;
    outline-width:4px;
}
.btnHomeColor a:focus, .btnHomeGrey a:focus, .btnHome :focus {
    outline-color: #b7ab9a;
    outline-style: solid;
    outline-width: 4px;
}
/* HOME BUTTON */
.btnHomeColor a, .btnHomeGrey a {
    background-color: #656565 !important;
}
.access-btn a:focus {
    text-decoration: underline;
    background-color: #35597e;
    border-radius: 8px;
    clear: both;
}

.access-btn a :focus {
    outline: auto;
}


/* HYPERLINK COLOR MAIN DIVISIONS HOMEPAGE*/
.onlinetable a {
    outline: none;
    color: #0a5ee5 !important;
    text-decoration: none;
}

.onlinetable a.even, .onlinetable a.odd {
    outline: none;
    color: #0061fe !important; 
    text-decoration: none;
}

.generalInfoMenuWrap ul.menu a.even {
    outline: none;
    color: #000046 !important; 
    text-decoration: none;
}

.generalInfoMenuWrap ul.menu a {
    outline: none;
    color: #000046 !important;
    text-decoration: none;
}

.generalInfoMenuWrap ul.menu span {
    outline: none;
    color: #000000 !important;
    text-decoration: none;
}

.mainRightWrap ul.menu a.even {
    outline: none;
    color: #000046 !important;
    text-decoration: none;
}

.generalInfoFooterMenu ul.logo a {
    outline: none;
    color: #000046 !important;
    text-decoration: none;
    background-color: #87a5cb !important;
}

.generalInfoMenuWrap ul.menu
/* DIVISIONS BANNER WRAPPER */
.bannerWrapper {
    background-color: #43688d !important;
}

.bannerText {
    color: #FFFFFF !important;
}

/* NEWS & NOTICES */
.newsSnippet .newsTitle {
    color: #0061fe !important;
}

/* DIVISONS BUTTON COLOR SPECIALTY COURTS */
.btn-brown {
    background-color: #945641 !important;
    border-color: #945641 !important;
}

/* TOOL TIP */
#glossaryAP01 {
    color: #06881b !important;
}

/* BOTTOM PAGE FAQ */
span.faqAdditionalQATopics {
    color: #565656 !important;
}

/* FAQ ANCHOR TAGS */
ul.faqMenuControl li a {
    color: #0056df !important;
}

/* FORMS TABLE HEADER BACKGROUND */
table.commontable .secondaryTableHeading th {
    background-color: #925f43 !important;
}

/* RED ERROR MESSAGES */
.redErrorMsg {
    color: #df0000;
}

/* RED ERROR MESSAGES, BOLD */
.redErrorMsgBold {
    color: #df0000;
    font-weight: bold;
}


/* ADA Menu Anchors*/
.adaMenuWrap a {
    color: #005dc1;
}

/* ADA Menu Image*/
.contacts .generalInfoMenuWrap ul.logo li {
    background-color: #406696 !important;
}

/* Home Page */
.todayCalendarMM {
    font-family: ARIAL;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    padding-bottom: 0px;
    color: white;
    /*padding-top: 7px;*/
}

.todayCalendarD {
    color: black;
    font-size: 25px;
    font-family: 'Arial';
    font-weight: bold;
    text-align: center;
    /*padding-bottom: 0px;*/
}

.accessInfo {
    width: 253px;
    padding-top: 15px;
    text-align: right;
    font-size: 11px;
}
ul.faqMenuControl li a:focus {
    outline-color:invert;
    outline-style:solid;
}
}


/* CAROUSEL BACKGROUND COLOR ON HOMEPAGE*/
.accordionUcdarkgray .accordionContent {
    background: rgb(220, 220, 220) !important;
}

    .accessInfo a:focus {
        outline: auto;
        outline-color: invert;
        outline-width: 3px;
        outline-offset: 3px;
    }
}
}

/* CAROUSEL BACKGROUND COLOR ON HOMEPAGE*/
.accordionUcdarkgray .accordionContent {
    background: rgb(220, 220, 220) !important;
}

/* EFILING BUTTONS */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #f0f0f3 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none !important;
    background: #337ab7 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #265986 !important;
}

/*.ui-widget-header .ui-state-default:nth-child(7) {
    background-color: rgb(99, 99, 99) !important;
}*/

.btn-logo:focus {
    background-color: #8c5f0c !important;
}

.ui-state-hover a {
    background-color: #8c5f0c !important;
}

/* TRAFFIC BUTTONS */
.btn-info {
    background-color: #207f9c !important;
}