@import url("https://fonts.googleapis.com/css?family=Gentium+Basic:400,700");
.sm-jquery-disable-overlay {
    display: none
}
.hide-thead thead {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.hide-caption caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;

}

  /* Large Search - Main Content */
  
  .search-wrapper {
    padding: 0px 0;
  }
  
  .search-wrapper .container {
    /* background-color: white; */
    padding: 30px 15px;
  }

  .search-wrapper .input-group .btn-default {
    border-radius: 0 4px 4px 0;
    background: #2a77d1;
    border-color: #2a77d1;
    color: #fff;
    height: 40px;
  }
  .search-wrapper .input-group .form-control {
    border-radius: 4px 0 0 4px;
    border-right: 0;
    height: 40px;
    font-size: 1em;
    padding-left: 20px;
  }
  .search-wrapper .input-group .fa {
    font-size: 18px;
  }


button:focus {
    outline: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 400
}

:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body,html {
    font-family: verdana;
    margin: 0;
    padding: 0
}

body,html {
    font-size: 1.2rem
}

@media screen and (min-width: 20rem) {
    body,html {
        font-size:calc( 1.2rem + -0.2 * (( 100vw - 20rem ) / 30))
    }
}

@media screen and (min-width: 50rem) {
    body,html {
        font-size:1rem
    }
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Gentium Basic", serif;
    font-weight: 700
}

a[href$='.pdf'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url(/SiteCollectionImages/branding/icon_pdf.gif) center left no-repeat
}

.carousel a[href$='.pdf'] {
    display: initial;
    padding-left: 0px;
    line-height: 0px;
    background: none
}

a[href^="mailto:"] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url(/SiteCollectionImages/branding/icons/icon_mailto.gif) center left no-repeat
}

a[href^="http:"] {
    display: inline-block;
    padding-right: 14px;
    line-height: 18px;
    background: transparent url(/SiteCollectionImages/branding/icons/icon_externalLink.gif) center right no-repeat;
    padding: 0 20px 0 0
}

a[href*=".gov"] {
    background-image: none;
    padding-right: 0px
}

a[href*=facebook] {
    background-image: none;
    padding-right: 0px
}

a[href*=twitter] {
    background-image: none;
    padding-right: 0px
}

a[href*=flickr] {
    background-image: none;
    padding-right: 0px
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc
}

body {
    background: #e1ded4
}

#PageWrapper {
    padding: 0;
    -webkit-box-shadow: 0 8px 10px 0 rgba(51, 51, 51, 0.8);
    box-shadow: 0 8px 10px 0 rgba(51, 51, 51, 0.8)
}

#Homepage .breadcrumb {
    display: none
}

.headerRow {
    background: #464646;
    background: -moz-linear-gradient(top, #464646 0%, #747474 61%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(61%, #747474));
    background: -webkit-linear-gradient(top, #464646 0%, #747474 61%);
    background: -o-linear-gradient(top, #464646 0%, #747474 61%);
    background: -ms-linear-gradient(top, #464646 0%, #747474 61%);
    background: -webkit-gradient(linear, left top, left bottom, from(#464646), color-stop(61%, #747474));
    background: linear-gradient(top, #464646 0%, #747474 61%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#747474',GradientType=0 )
}

.headerRow>.container {
    background-color: transparent!important;
    background: transparent url("/SiteCollectionImages/branding/portico.jpg") repeat-x scroll left bottom;
    height: 163px;
    margin: 0
}

.headerRow>.container>a {
    text-indent: -1000em;
    font-size: 1em;
    display: block;
    color: #fff;
    height: 92px;
    width: 250px;
    background: transparent url("/Style Library/Images/CourtsBrandingNew.png") no-repeat scroll left top;
    background-size: contain;
    position: absolute;
    top: 40%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 1024px) {
    .headerRow>.container>a {
        background:transparent url("/SiteCollectionImages/branding/courtsBranding.png") no-repeat scroll left top;
        width: 100%;
        top: 50px;
        left: 37px
    }
}

.headerRow>.container .navbar-toggle {
    background: #733435
}

.headerRow>.container .navbar-toggle:active,.headerRow>.container .navbar-toggle:focus,.headerRow>.container .navbar-toggle:hover {
    background: #572728
}

.bodyRow {
    padding: 0
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-row-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    #flex-row {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#flex-row .col-sm-8 {
    padding: 0 40px
}

.mainContent {
    background: #fff
}

@media only screen and (min-width: 1024px) {
    .mainContent {
        padding:0 0 0 15px
    }
}

.mainContent h2 {
    margin: 1em 0px 0.5em;
    padding: 0;
    font-size: 1.5em;
    font-weight: 700;
    color: #733435;
    background: transparent url("/SiteCollectionImages/branding/pagetitle_bg.png") no-repeat scroll left bottom
}

.navbar-portalbar-v3 {
    background: -webkit-linear-gradient(#848484 0%, #383838 100%);
    background: -o-linear-gradient(#848484 0%, #383838 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#848484), to(#383838));
    background: linear-gradient(#848484 0%, #383838 100%)
}

.mainNavRow>.container {
    background: #733435
}

.mainNavRow>.container>.navbar-default {
    background: transparent
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.active>a {
    background-color: #733435;
    color: #fff
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>a {
    background-color: #bd7d7e;
    color: #21282c
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu {
    background: #733435
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li.open>.dropdown-menu {
    background: #733435
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li.open>.dropdown-menu>li>a {
    background-color: #733435;
    color: #fff!important
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li.open>.dropdown-menu>li>a:after {
    border-left-color: #fff
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li.open>.dropdown-menu>li>a:active,.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li.open>.dropdown-menu>li>a:focus,.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li.open>.dropdown-menu>li>a:hover {
    background-color: #bd7d7e;
    color: #21282c
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li>a {
    background-color: #733435;
    color: #fff!important
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li>a:after {
    border-left-color: #fff
}

.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li>a:active,.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li>a:focus,.mainNavRow>.container>.navbar-default .navbar-nav>li.open>.dropdown-menu>li>a:hover {
    background-color: #bd7d7e;
    color: #21282c
}

.mainNavRow>.container>.navbar-default .navbar-nav>li>a:active,.mainNavRow>.container>.navbar-default .navbar-nav>li>a:focus,.mainNavRow>.container>.navbar-default .navbar-nav>li>a:hover {
    background-color: #bd7d7e;
    color: #21282c
}

.navmenu-fixed-right.offcanvas.in {
    background: #733435!important;
    border-color: #733435
}

.breadcrumb {
    margin: 0;
    list-style: none;
    font-size: .8em
}

.breadcrumb>li {
    color: #777;
    display: inline;
    margin: 0
}

.breadcrumb>li>a {
    color: #777;
    text-decoration: none
}

.pageTitle {
    margin: 1em 0px 0.5em;
    padding: 0;
    font-weight: 700;
    color: #733435;
    clear: both;
    background: transparent url("/SiteCollectionImages/branding/pagetitle_bg.png") no-repeat scroll left bottom
}

.carousel {
    margin-left: -15px;
    margin-right: -30px
}

.carousel-caption {
    background: #373737;
    opacity: .8
}

.carousel-caption-title {
    font-size: 14px
}

.courts-services {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.courts-services>li {
    width: 100%;
    margin: 0 10px 20px 20px;
    padding: 15px 0 0 70px
}

@media only screen and (min-width: 1024px) {
    .courts-services>li {
        width:46%;
        float: left;
        height: 60px
    }
}

.courts-services>li.courts-services-item1 {
    background: transparent url("/Style Library/Images/os-inspection.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item2 {
    background: transparent url("/Style Library/Images/os-rubber.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item3 {
    background: transparent url("/Style Library/Images/os-gavel.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item5 {
    background: transparent url("/Style Library/Images/os-worldwide.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item6 {
    background: transparent url("/Style Library/Images/os-clipboard.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item7 {
    background: transparent url("/Style Library/Images/os-book.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item8 {
    background: transparent url("/Style Library/Images/os-graph.png") no-repeat scroll left center
}

.courts-services>li.courts-services-item9 {
    background: transparent url("/Style Library/Images/os-debit-card.png") no-repeat scroll left center
}

.courts-resources {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.courts-resources>li {
    margin: 0 10px 10px 20px;
    padding: 0 0 0 15px;
    background: transparent url(/SiteCollectionImages/branding/arrowbullet.png) no-repeat scroll left center
}

@media only screen and (min-width: 1024px) {
    .courts-resources>li {
        width:46%;
        float: left
    }
}

.courts-paragraphlike {
    margin-bottom: 20px
}

.circuitcourts-photocaption {
    color: #fff
}

.imageBar {
    margin: 12px 20px;
    font-size: 10pt;
    line-height: 120%;
    font-weight: normal;
    color: #333
}

.imageBar li {
    list-style-type: none;
    display: inline;
    margin: 0
}

.imageBar a,.imageBar span {
    padding: 8px 16px;
    text-decoration: none;
    text-align: center;
    float: left;
    display: block;
    margin: 2px 17px 10px 10px;
    border-radius: 7px;
    color: #333;
    background-color: #eff0ef;
    border-bottom: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-top: 1px solid #f1f5f8;
    border-left: 1px solid #f1f5f8
}

.imageBar span {
    height: 150px;
    margin: 5px 1px;
    padding: 10px 6px
}

.imageBar a:active,.imageBar a:focus,.imageBar a:hover {
    color: #333333;
    background-color: #fff;
    opacity: .70;
    filter: Alpha(Opacity=70);
    border: 1px solid #aaa;
    text-decoration: none
}

.imageBar img {
    -webkit-box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
    box-shadow: 1px 1px 4px #000
}

#relativeContentContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.relativeContent {
    width: 100%;
    border-left: 1px solid #414141;
    background: #5e5e5e;
    -webkit-box-shadow: inset 0px 4px 4px 0px rgba(45, 45, 45, 0.6);
    box-shadow: inset 0px 4px 4px 0px rgba(45, 45, 45, 0.6)
}

.relativeContent h2 {
    background: #726c66;
    color: #ece9e0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 5px 0;
    margin: 0 -20px 10px -20px;
    -webkit-box-shadow: 0px 4px 3px 0px rgba(66, 66, 66, 0.7);
    box-shadow: 0px 4px 3px 0px rgba(66, 66, 66, 0.7)
}

.relativeContent h3 {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 8px 20px 15px
}

.relativeContent h4 {
    color: #fff
}

.relativeContent ul {
    color: #fff;
    margin: 0;
    padding: 5px 5px 5px 15px
}

.relativeContent ul.list-bullet>li {
    margin: 0;
    padding: 2px 0px 5px 16px;
    list-style: none;
    background: url("/SiteCollectionImages/branding/bullet.png") no-repeat left
}

.relativeContent ul.list-bullet>li>a:link {
    color: #F6E6BF;
    text-decoration: underline
}

.relativeContent p {
    color: #fff;
    margin: 0;
    padding: 5px 5px 5px 15px
}

.relativeContent a {
    color: #ece9e0
}

.relativeContent a:link {
    color: #F6E6BF
}

.relativeContent a:visited {
    color: #ece9e0
}

.relativeContent #audiences h2 {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    text-transform: none;
    padding: 50px 0 0 55px;
    margin: 0;
    color: #c9c9c9;
    font-size: 20px
}

.relativeContent #audiences ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 70px
}

.relativeContent #audiences ul>li {
    background: #7F7870;
    border-radius: 10px 0 0 10px;
    padding: 4px 0 8px 37px;
    margin-bottom: 8px;
    margin-right: -20px
}

.relativeContent #audiences ul>li>a {
    color: #e8e5df;
    font-size: 18px
}

.courts-profile-image {
    display: block;
    margin: 1em auto;
    -webkit-box-shadow: 2px 2px 4px #2d2d2d;
    box-shadow: 2px 2px 4px #2d2d2d
}

.circuitcourt-imageblock h4 {
    text-align: center
}

.circuitcourt-clerk {
    text-align: center
}

footer {
    background: #232323;
    border-top: 1px solid #a7a7a7;
    font-size: 12px;
    clear: both
}

footer .footerRow {
    background: transparent
}

footer .footerRow .container {
    background: transparent;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .agencyFooterRow {
        float:right;
        color: #fff!important;
        margin-right: 10px
    }
}

.agencyFooterRow a {
    color: #fff!important
}

.enterpriseFooterRow {
    clear: both
}

.enterpriseFooterRow p {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .enterpriseFooterRow p {
        float:left;
        margin-left: 10px;
        text-align: left
    }
}

@media only screen and (min-width: 1024px) {
    .enterpriseFooterRow .enterprise-footer-links {
        float:right;
        margin-right: 10px
    }
}

.enterpriseFooterRow .enterprise-footer-links li {
    border-right: 1px solid #fff
}

.enterpriseFooterRow .enterprise-footer-links li:last-of-type {
    border-right: none
}

.enterpriseFooterRow .enterprise-footer-links li a {
    color: #fff!important
}

@media only screen and (min-width: 1024px) {
    .footer-bottom {
        position:relative;
        height: 60px;
        clear: both;
        text-align: right
    }
}

.footer-bottom .footer-social {
    padding: 0;
    list-style: none
}

@media only screen and (min-width: 1024px) {
    .footer-bottom .footer-social {
        position:absolute;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.footer-bottom .footer-social>li {
    display: inline-block
}

.footer-bottom .footer-social>li>a {
    font-size: 33px
}

.footer-bottom .footer-social>li>a>i {
    color: #6A6A6A
}

@media only screen and (min-width: 1024px) {
    .footer-bottom .unbridledRow {
        position:absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.footer-bottom .copyrightRow {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .footer-bottom .copyrightRow {
        position:absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.footer-bottom .copyrightRow a {
    color: #fff!important
}