/*fix bootstrap*/
.row{
    
}

.row > [class*="col-"]{
    
}

.row > [class*="col-"]:first-child{
    
}

.row > [class*="col-"]:last-child {
    
}

.table > :not(:first-child) {
    border-top: inherit;
}

b, strong {
    font-weight: bold;
}

.base-content-in table{
    width:100%;
}

body{
    overflow-x:hidden;
    line-height:normal;
}

/*userway*/
.uai{
    left:auto !important;
    right:auto !important;
}

.uwy{
    right:10px !important;
}

@font-face {
    font-family: 'Arcon Rounded';
    src: url(/Assets/fonts/arcon/arcon-rounded-regular.woff2) format('woff2');
    src: url(/Assets/fonts/arcon/arcon-rounded-regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=YH3ek_qpdaY7ILI-bfzlYQ&skey=a1029226f80653a8&v=v8) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body{
    background:#005696;
    font-family:'Calibri', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    font-weight: 400;
    min-width:0 !important;
    color:#545454;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizelegibility !important;
    
    
}

#skipnavigation {
    position: absolute;
    top: 8px;
    left: 3px;
    z-index: 12000;
    opacity:0;
}



    #skipnavigation a {
        color: #333333;
        font-size: 14px;
        pointer-events: none;
        padding: 5px;
        background: white;
    }

/*focus*/
:focus {
    outline: #222 auto 2px !important;
}

/* When mouse is detected, ALL focused elements have outline removed. */
/* You could apply this selector only to buttons, if you wanted. */
body.using-mouse :focus {
    outline: none !important;
}

.sfPublicWrapper{
    margin:0px !important;
    padding:0px !important;
    background: white !important;
    width: 100% !important;
    min-width:0 !important;
    position:relative;
    overflow-x:hidden;
}

.scroll-up{
    display:none;
    position:fixed;
    right:0px;
    bottom:100px;
    padding:8px 14px 8px 14px;
    background:#222222;
    z-index:4000;
    cursor:pointer;
    border-radius:6px 0 0 6px;

    
}

.scroll-up:after{
    font-family:FontAwesome;
    content:"\f077";
    color:white;
    font-weight:800;
    font-size:22px;
}

.base-notification{
    width:100%;
    background:#a70000;
    height:0; /*this will be toggled to auto to show the notification*/
    opacity:0; /*this will be toggled to 1 to show the notification*/
    overflow:hidden;
    position:relative;
    display:none;
}

.base-notification-in, .notification-content{
    max-width:100%;
    margin:0 auto;
    color:white;
    padding:8px 54px 10px 14px;
    font-size:16px;
    position:relative;
    text-align:left;

}

.base-notification .fa {
    position:absolute;
    right:11px;
    top:10px;
    font-size:20px;
    cursor:pointer;
    z-index:2;
}

.base-notification a{
    color:#96c1ff;
}

.base-top{
    display:block;
    width:100%;
    background:#005696;
    padding:0px;
    position:relative;
    z-index:100;
    
}

.base-top-in, .base-nav-in, .base-content-in, .base-footer-in, .base-breadcrumb-in, .base-page-title-in{
    display:block;   
    max-width:1054px;
    margin: 0 auto;
    position:relative;
    padding:0px;
}

.base-nav{
    display:block;
    position:relative;
    height:29px;
    width:100%;
    background:#0078d2;
    color:white;
    z-index:99;
    background:#568f2e; 
    background:linear-gradient(#62a336, #568f2e); 
    background:-webkit-linear-gradient(#62a336, #568f2e); 
    background:-moz-linear-gradient(#62a336, #568f2e); 
    background:-o-linear-gradient(#62a336, #568f2e); 
}

.base-nav-in{

}


.base-page-title{
    width:100%;
    background:#7ac142;
    display:none;
}

.base-page-title-in{
    padding:0px 20px 2px 18px;
    font-size:28px;
    line-height:36px;
    color:white;
}

.base-breadcrumb{
    width:100%;
}

.base-breadcrumb-in{ 
    padding:5px 0 7px 0;
    font-size:13px;
}

    .base-breadcrumb-in a{
        font-weight:bold;
    }

    .base-breadcrumb-in li:first-child a:before {
        content: "\f015";
        font-family: FontAwesome;
        padding-right: 2px;
        font-size: 14px;
    }

    .base-breadcrumb-in ol{
       padding:0;
       background:none;
       margin:0 !important;
       margin-bottom:0px !important;
       padding-top:0 !important;
    }


.base-content{
    min-height:390px;
    width:100%;
    position:relative;
    background-color:white;
    background-size:100%;
    background-repeat:no-repeat;
    box-shadow:inset 0px 1px 0px rgba(0,0,0,.3);
    padding:15px;
}

.base-content-in{
    padding:25px;
    padding-top:10px;
    padding-bottom:20px;
    position:relative;
    background:white;
    min-height:390px;
    box-shadow:0px 0px 3px rgba(0,0,0,.5);
    border-radius:6px;
}

/*bold links*/
    .base-content-in p a, .sfFormInstructions a, .base-content a{
        font-weight: bold;
    }



.base-content-in h2, .base-content-in .sfFormTitle{
    margin-top:0px;
    font-size:22px;
    font-weight:700 !important;
}

.sfdetails #tags h2, .sfdetails #docs h2, .sfdetails #events h2, .sfdetails #pages h2{
    font-size:18px;
    
}

.base-content-in h4, .base-content-in h1.heading1 {
    margin-top: 8px;
    font-size: 36px;
    color: #ffba00;
    color: #568f2e;
    margin-bottom:15px;
    margin-left: -2px;
    font-weight: 700 !important;
}

h1.heading1{
    font-size:36px !important;    
}



/*mobile nav*/

.mobile-nav{
    display:none;
    width:100%;
    background:#222222;
    position:fixed;
    left:0px;
    top:0px;
    height:40px;
    z-index:200;
}

.base-mobile-menu{
    display:none;
    width:320px;
    background:#222222;
    position:fixed;
    right:-321px;
    top:40px;
    bottom:0px;
    z-index:201;
    border-style:solid;
    border-width:0 0 0 1px;
    border-color:#555555;
    overflow-y:auto;
}

.base-mobile-menu-in{
    padding:0px;
}



.base-mobile-menu .ui-accordion-icons{
    padding-left:0px !important;
}

.base-mobile-menu .ui-accordion-content{
    padding:0 !important;
}

.base-mobile-menu .ui-accordion-header{
	padding-top:10px !important;
  	padding-bottom:10px !important;
  margin-top:0px !important;
  margin-bottom:0px !important;
  border-width:0 0 1px 0 !important;
  border-style:solid !important;
}

.base-mobile-menu h3.ui-state-hover, .base-mobile-menu h3.ui-state-active, .base-mobile-menu h3.ui-state-focus, .base-mobile-menu h3, .base-mobile-menu .ui-accordion-header{
    background:#333333 !important;
    color:#eeeeee !important;
    border-color:#444444 !important;
    font-weight:700 !important;
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
}

.base-mobile-menu .ui-widget-content{
    background:#222222;
}

.base-mobile-menu .ui-icon{
    height:12px;
    display:none;
}

.base-mobile-menu .ui-accordion-header{
    font-weight:700 !important;
    font-size:18px !important;
    padding-left:20px !important;
}

.base-mobile-menu h3, .base-mobile-menu li, .base-mobile-menu a, .base-mobile-menu span, .base-mobile-menu .ui-accordion-header {
    border-left-width: 0px;
    border-right-width: 0px;
    list-style: none;
}

.base-mobile-menu ul{
    margin-bottom:0px;
}

.base-mobile-menu h3:first-child, .base-mobile-menu .ui-accordion-content{
    border-top-width:0px !important;
    margin-top:0px !important;

}


.base-mobile-menu h3, .base-mobile-menu .ui-accordion-content{
    border-radius:0px !important;
        border-left-width:0px;
    border-right-width:0px;

}

.base-mobile-menu li:last-child{

}

.base-mobile-menu  a{
    color:#ededed!important;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
    font-size:16px !important;
    display:block;
    padding:8px 20px 8px 20px;
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:#444444;
    line-height:normal !important;
}

.base-mobile-menu .ui-widget-content:last-child ul li:last-child a{
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:#444444;
}

.base-mobile-menu ul li:last-child a{
    border-style:none;
}

.base-mobile-menu .ui-state-hover a{
    color:#ffba00!important;
}

.base-mobile-menu .ui-state-visited a{
    color:#ffba00 !important;
}

.base-mobile-menu .ui-state-active a{
    color:#ffba00 !important;
}

.base-mobile-menu .active::before{
    display:inline-block;
    position:relative;
    content:"\f178";
    font-family:FontAwesome;
    margin-left:-17px;
    width:17px;
    font-size:15px;
}

.base-mobile-menu ul{
    padding-left:0px;
}

.base-mobile-menu .ui-widget-content{
    border-style:none;
}

.base-mobile-menu .mobile-link-feedback {
    background: #333333 !important
}

.base-mobile-menu .mobile-link-feedback a{
    font-weight:700 !important;
    font-size:18px !important;
}

/*top*/

.mobile-nav .icon{
    font-size:28px;
    color:white;
    padding:5px;
    margin-right:5px;
}

.mobile-nav .icon-menu{
    position:fixed;
    right:5px;
    margin-right:0px;
    cursor:pointer;
}

.base-top .logo{
    
    position:relative;
    height:89px;
    width:308px;
    margin-left:8px;
    cursor:pointer;
}

.base-top .link-feedback{
    display:block;
    z-index:100;
    position:absolute;
    right:40px;
    top:15px;
    font-size:12px;
}

.base-top .link-feedback a{
    color:white;
}


.base-top .logo svg, .base-top .logo div{
    pointer-events:none; /*comment out to edit layout in sitefinity*/
    position:relative;
    z-index:100;
    
}

.base-top .top-two-column{
    display:table;
    margin-top:4px;
}

.base-top .top-two-column .column-left{
    display:table-cell;
    min-width:408px !important;
    vertical-align:top;
}

.base-top .top-two-column .column-right{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    padding:0 20px 0 20px;

}

.base-top .search{
    margin-top:7px;
}

.base-top .search .controls{
    margin-top:0px !important;
}

.base-top .table{
    margin-bottom:0 !important;
}

#widget-search input:focus, #userwayAccessibilityIcon:focus {
    outline: solid 2px #444;
}

/*nav*/
.base-nav .nav-items{
    margin-top:0px !important;
}

.base-nav .subnav{
    margin-top:-2px !important;
}

.base-nav .container-nav{
    padding:4px 5px !important;
}
/*footer*/
.base-footer {
    display: block;
    width: 100%;
    text-align: left;
    background: #005696;
    box-shadow: 0px -1px 0px rgba(0,0,0,.5);
    position: relative;
}

.base-footer-in{
    padding:15px;
    color:white;
    text-align:left;
    display:block;
}


.footer-nav{

    margin-left:25px;
    display:inline-block;
    vertical-align:top;
    color:inherit !important;
    font-size:13px;
    position:absolute;
}

.footer-nav ul{
    padding-left:0px;
    margin-left:0px;
}


.footer-nav ul li{
    list-style:none;
}

.footer-nav > div > ul > li{
    margin-right:30px;
    display:inline-block;
    vertical-align:top;
}

.footer-nav > div > ul > li:last-child{
    margin-right:0px;
}

.footer-nav h1{
    font-size:15px;
    font-weight:bold;
    margin:0 0 4px 0;
    padding:0 0 2px 0;
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:inherit;
}

.footer-nav a{
    text-decoration:none !important;
    color:inherit;
}

.footer-nav a:hover{
    
}

.base-footer .logo-county{
    width:130px;
    display:inline-block;
    float:right;
    vertical-align:top;
    cursor:pointer;
    padding-bottom:7px;
    padding-top:4px;
}

.base-footer .social-links{
    
    display:inline-block;
    vertical-align:top;
    margin-left:10px;
}

.base-footer .social-links a{
    font-size:32px;
    margin-bottom:3px;
    display:block;
    color:inherit;
    overflow:hidden;

}

.base-footer .social-links a:first-child{
    border-radius:7px;
    overflow:hidden;
}

.base-footer .social-links a:last-child{
    font-size:28px;
}



/*share buttons*/

.share-buttons-holder{
    width:187px;
    height:66px;
    position:absolute;
    top:18px;
    right:15px;
    text-align:left;
    font-size:14px;
    font-weight:600; 
}

.share-buttons-holder .share-message{
    position:relative;
    display:inline-block;
    margin-right:5px;
    font-size:12px;
}

.share-buttons{
    display:inline-block;
}


.share-button{
    width:24px;
    height:24px;
    display:inline-block;
    margin-right:0px;
}

.base-content .share-button.googleplus{
    display:none;
}
/*end share buttons*/


/*controls*/
.sfregisterEmail .sfError, .sfregisterFormWrp .sfError, .sfprofileChangePasswordFormWrp .sfError {
    background: none;
    margin-left: 0px;
}

.login .sfSubmitBtnWrp a{
    font-size:16px;
}

.sfprofileFieldsList, .sfLoginFieldsWrp, .sfregisterFieldsList {
    margin-left: 0px !important;
}

.base-content-in input[type=text], .base-content-in textarea, .base-content-in input[type=password], .base-content-in input[type=email], .sfprofileChangePasswordFormWrp .sfprofileField .sfTxt {
    padding: 10px;
}

.base-content-in input[type=text],
.base-content-in input[type=password],
.base-content-in input[type=email],
.base-content-in button,
.base-content-in select,
.base-content-in textarea,
.base-content-in input[type=submit]{
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    font-size: 16px;
}

.register h3{
    margin-bottom:20px;
    
}

.register h3, .register strong, .register p, .register a, .register span {
    text-align: center;
    display: block;
}

.register span{
    margin-bottom:20px;
}

    .register span[id$="error"] {
        color: red;
        font-weight: bold;
    }

    .register input[type=text],
    .register input[type=password],
    .register input[type=email],
    .register input[type=submit] {
        display: block;
    }

.register input[type=submit] {
    padding: 5px;
    background: #005696;
    color: white;
    margin-bottom: 20px;
    width: 100%;
    max-width: 200px;
    margin-left:auto;
    margin-right:auto;
    display:table;
    margin-top:20px;
}

.sfLoginFieldsWrp input[type=text],
.sfLoginFieldsWrp input[type=password],
.sfLoginFieldsWrp input[type=email],
.sfprofileChangePasswordFormWrp .sfprofileField .sfTxt,
.sfregisterFieldsList input[type=text],
.sfregisterFieldsList input[type=password],
.sfregisterFieldsList input[type=email],
.changepassword input {
    min-width: 250px;
}

.base-content-in button, .base-content-in select, .base-content-in input {
    font-family: inherit !important;
    border-radius: 0px !important;
}


.sfFormSubmit input[type=submit], .button-default, a.sfSubmitBtn, .sfregisterSaveLnk, .sfSubmitBtn, .sfprofileSaveLnk, .changepassword input[type=submit] {
    -webkit-appearance: none;
    background-color: #ffba00 !important;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    padding: 10px !important;
    min-width: 120px;
    font-weight: 700;
    color: #444444;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0px !important;
    min-width: 100px !important;
    display: inline-block;
}

.changepassword input[type=submit] {
    margin-top: 10px !important;
}

.base-content-in select{
    cursor:pointer;
}

.base-content-in button,.base-content-in input[type=submit]{
    cursor:pointer;
}


.base-content-in input[type=checkbox], .base-content-in input[type=radio], .ui-dialog input[type=checkbox], .ui-dialog input[type=radio]{
    margin:8px 0 8px 0;
    width:24px;
    height:24px;
}

.sfFormDropdown{
    margin-bottom:10px !important;
}


.base-content-in input[type=checkbox] + label, .base-content-in input[type=radio] + label,.ui-dialog input[type=checkbox] + label, .ui-dialog input[type=radio] + label{
    font-weight:normal;
    margin-right:15px;
}

.sfTxtLbl{
    margin-bottom:3px;
}

#tcal{
    position:absolute;
    box-shadow:none !important;
    margin-left:0px;
    width:250px !important;
    
}

#tcal td,th{
    font-size:14px !important;
    width:32px;
    height:32px;
}

/*events*/
.sidebox-events a{
    font-size:16px !important;
}

.sidebox-events .sfeventMetaInfo{
    color:#568f2e;
    display:block;
    font-size:14px;
}

.sidebox-events{
	border-style:solid;
  border-width:0px;
  border-color:#cccccc;
  
  border-radius:0;
  margin-bottom:20px;

}

.sidebox-events .event{
    padding-bottom:15px;
}

.sidebox-events .event:last-child{
    
}

.sidebox-events .sfeventsList{
    padding-left:20px;
    padding-right:20px;
}

.sidebox-events h3{
background:#005696;
  display:block;
  text-align:center;
  padding:6px;
  color:white;
  margin:0 0 0px 0;
  font-weight:700;
  border-radius:6px 6px 0 0;
}

.sidebox-events .no-events{
  margin:15px;
  font-size:18px;
  line-height:normal;
  text-align:left;
}

.sidebox-events .sf_pagerNumeric{
    margin-left:20px;
    margin-bottom:15px;
    margin-top:0px;
}

.sidebox-events .sfeventsRecurrenceTooltipWrp{
    display:none !important;
}

.sidebox-events .view-all{
    
    text-align:left;
    margin-bottom:0px;
    padding-bottom:5px;
    text-align:center;
    background-color:#005696;
    border-radius:0 0 6px 6px;
    
}

.sidebox-events .view-all a{
    
    color:white;
    
}

.content-nav-1{
    position:absolute;
    right:20px;
    top:62px;
}



.content-nav-1 .buttons{
    display:table;
}

.content-nav-1 div{
    display:table-cell;
    vertical-align:middle;
    padding:0px;
    border-style:solid;
    border-width:0px 0px 0px 1px;
    border-color:#aaaaaa;
    font-size:12px;
    text-align:center;
    border-collapse:collapse;
    background:none;
}


.content-nav-1 .nav-title::after{
    content:"\f178";
    font-family:FontAwesome;
    margin-left:5px;
}

.content-nav-1 div:last-child{
    border-right-width:0px;
}

.content-nav-1 div:first-child{
    border-left-width:0px;
    padding-right:10px;
}

.content-nav-1 a{
    color:#666666;
    display:block;
    padding:2px 10px 2px 10px;
    text-align:center;
}

.content-nav-1 .active{
    font-weight:800; 
    
}

    .content-nav-1 .active a {
        pointer-events: none;
        color: #ffba00;
        color: black;
    }




/*generic*/
.base-content-in h2 {
    margin-bottom: 20px;
}

.image-border img, img.image-border{
	border-style:solid;
  	border-width:1px;
  	border-color:#666666;
    border-radius:4px !important;
    
}


.base-content ol:not(.sf-breadscrumb,.pagination), .base-content ul:not(.pagination) {
    padding-left: 20px;
    margin-left: 20px;
    margin-bottom:1em;
}


.content-box, .sf_cols.content-box{
    background:#ededed;
    border-radius:5px;
    position:relative;
    padding:15px;
    margin-bottom:15px;
}

.content-box h2{
    margin-top:5px;
}

.base-content-in .sfContentBlock ul{
    margin-left:20px;
}

.base-content-in h3{
    margin-top:0px;
}

.base-content-in p{
    margin-bottom:18px;
}


/*download list*/
.two-column{
  -webkit-column-width: 20em;
    -webkit-column-gap: 2em;
    -webkit-column-rule: 0px solid #eee;
    -webkit-column-count: 2;
    -moz-column-width: 20em;
    -moz-column-gap: 2em;
    -moz-column-rule: 0px solid #eee;
    -moz-column-count: 2;
    -ms-column-width: 20em;
    -ms-column-gap: 2em;
    -ms-column-rule: 0px solid #eee;
    -ms-column-count: 2;
    column-width: 20em;
    column-gap: 2em;
    column-rule: 0px solid #eee;
    column-count: 2;
}

.three-column{
  -webkit-column-width: 40em;
    -webkit-column-gap: 1em;
    -webkit-column-rule: 0px solid #eee;
    -webkit-column-count: 3;
    -moz-column-width: 20em;
    -moz-column-gap: 1em;
    -moz-column-rule: 0px solid #eee;
    -moz-column-count: 3;
    -ms-column-width: 20em;
    -ms-column-gap: 1em;
    -ms-column-rule: 0px solid #eee;
    -ms-column-count: 3;
    column-width: 15em;
    column-gap: 3em;
    column-rule: 0px solid #eee;
    column-count: 3;
}

.media{
    margin-bottom:1em;
}

.border-right{
    border-style:solid;
    border-width:0 1px 0 0;
    border-color:#cccccc;
}

.border-left{
    border-style:solid;
    border-width:0 0 0 1px;
    border-color:#cccccc;
    border-collapse:collapse;
    margin-left:-2px;

}

.green-box{
    background:#568f2e;
    padding:10px 15px 10px 15px;
    border-radius:6px;
    color:white;
}

.grey-box{
    background:#dedede;
    padding:10px 15px 10px 15px;
    border-radius:6px;
}
.hidden{
    display:none !important;
}

.table{
    display:table;
}

.cell{
    display:table-cell;
    vertical-align:top;
}

.link{
    cursor:pointer;
}

.shadow-global{
    box-shadow:rgba(0,0,0,.2) 1px 1px 2px;
}

.panel-white{
    background:white;
    padding:15px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline:0 !important;
}

/*event icons*/

.event .icons{
    position:relative;
    left:-5px;
    
}

.event .icons a{
    display:inline-block;
}

.event .icons a span:nth-child(2){
    position:relative;
    top:-2px;
    padding-left:7px;
    font-size:14px;
}

.event .icon{
    margin-top:2px;
    
    padding:8px;
    padding-bottom:0px;
}

.event .icon .fa{
    font-size:22px;

}

.event .icon.unavailable{
    color:#eeeeee;
    pointer-events:none;
}

.event .icon.hidden{
    display:none;
}

/*dialog*/
#dialog{
    display:none;
    background:#eeeeee;
    color:#444444;
    border:none;

    
}

.ui-dialog{
    background:#eeeeee;
    z-index:16000 !important;
    border:none !important;
    padding:0px !important;
    box-shadow:0 0 10px rgba(0,0,0,.7);
    font-size:16px;
    font-family:inherit;
    position:fixed;
}

.ui-dialog-titlebar-close{
    position:absolute !important;
    top:15px !important;
    right:0px;
    width:26px !important;
    height:26px !important;
    margin-top:-5px;
}

.ui-icon-closethick{
    margin-top:-8px !important;
    margin-left:-10px !important;
}

.ui-icon-closethick {
    background-position: -97px -128px;
}

.ui-dialog-close{
    
    
}

.ui-dialog-buttonpane{
    text-align:center;

}

.ui-dialog-buttonset{
    float:none !important;
    text-align:center;
    margin-left:12px;
}

.ui-dialog button {
    font-size: 16px;
    font-family: inherit;
    width: 130px;
    cursor:pointer;
}

.ui-dialog-titlebar button {
    font-size: 0px !important;
    background: none !important;
    border: none !important;
}

.ui-dialog-titlebar .ui-button-icon {
    font-size: 16px !important;
    color: white;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
    
}

#dialog button {
    color: #222222;
    margin-left: 5px;
    width: 124px;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    padding: .4em 1em;
}

.ui-widget-overlay {
    z-index: 15000 !important;
    background: black !important;
    opacity: .85;
}

.ui-dialog-titlebar{
    background:linear-gradient(#62a336, #568f2e); 
    background:-webkit-linear-gradient(#62a336, #568f2e); 
    background:-moz-linear-gradient(#62a336, #568f2e); 
    background:-o-linear-gradient(#62a336, #568f2e); 
    border:none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

/*images*/

.sfdetails img{
    border-radius:6px;
    cursor:pointer;
}

.dialog-image{
    border-radius:0px !important;
    line-height:0;
    
}

.dialog-image #dialog{
    
    padding:0px;
    background:#eeeeee;
    min-height:0 !important;
    border-radius:0px !important;
    border-style:solid;
    border-width:0px;
    border-color:#eeeeee;
    border-collapse:collapse;
    z-index:16000;
}

.dialog-image-caption{
    position:relative;
    bottom:0px;
    left:0px;
    right:0px;
    padding:9px 10px 9px 10px;
    
    line-height:normal;

    z-index:99;
    min-height:0px;
    font-size:12px;
    
    background:#005696;

    color:#eeeeee;
    border-style:solid;
    border-width:1px 0 0 0;
    border-color:#2770a7;
    border-radius:0 0 
}

.dialog-image-nav-controls{
    position:fixed;
    padding-left:10px;
    padding-top:10px;
    display:block;
    color:#eeeeee;
    z-index:17000;
    top:0;
    left:0;
    
}

.dialog-image-nav-controls .button{
    cursor:pointer;
    
}

.dialog-image-nav-controls .fa::before{
    font-size:40px;
    cursor:pointer;
    position:fixed;
    top:50%;
    margin-top:-40px;
    padding:10px;
    text-shadow:1px 1px 1px black;
    
}

.dialog-image-nav-controls .fa-arrow-left::before{
    left:15px;
    content:"\f0d9" !important;
}
.dialog-image-nav-controls .fa-arrow-right::before{
    right:15px;
    content:"\f0da" !important;
}


.dialog-image-nav-controls span{
    position:relative;
    display:inline-block;
    background:rgba(0,0,0,1);
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
    border-collapse:collapse;
    border-style:none;
    font-weight:bold;
}

.dialog-image-nav-controls .current{
    padding-left:5px;
    border-radius:4px 0 0 4px;
    padding-right:2px;
    margin-right:-2px;
}

.dialog-image-nav-controls .total{
    padding-right:5px;
    padding-left:2px;
    margin-left:-2px;
    border-radius:0 4px 4px 0;
}

.dialog-image .ui-dialog-titlebar{
    display:none;

}

.dialog-image img{

    
}



.dialog-image-close{
    position:fixed;
    top:12px;
    right:15px;
    color:white;
    font-size:26px;
    cursor:pointer;
    display:block;
    text-shadow:1px 1px 1px black;
    z-index:17000;
}

/*dialog loading*/

.dialog-loading .ui-dialog-titlebar{
    display:none;
}

.dialog-loading, .dialog-loading .ui-dialog-content{
    background:none !important;
    box-shadow:none;
}

/*forms*/
.g-recaptcha{
    margin-top:20px;
    margin-bottom:20px;
}

.sfFormBox, .sfFormDropdown{
    display:inline-block;
    margin-right:20px;
    vertical-align:top;
}

.input-state input{
    max-width:30px;
}

.input-zipcode input{
    max-width:80px;
}

.input-date input{
    max-width:80px;
}

#form1 label{
    font-size:16px;
}

/*inline editing controls*/
.sfInlineEditingPageMenu,.sfInlineEditingWorkflowMenu,.sfEditorToolbarWrp{
    z-index:15000 !important;
}


/*dev font selector*/

.fontselector{
    position:fixed;
    top:0px;
    right:5px;
    z-index:1000;
    display:none;
}

/*twitter widget*/
#twitter-widget-0{
    border-style:solid !important;
    border-width:0px !important;
    border-color:#cdcdcd !important;
    border-radius:6px;
    width:100% !important;
    box-sizing:border-box;
    padding:1px !important;
}

.ui-widget{
    font-family: 'Open Sans', sans-serif;
}

/*pager*/
.pagination {
    margin-bottom: 20px;
    margin-top: 10px;
    display: block;
}

    .pagination li {
        padding: 0;
        border-color: #204181;
        border-style: solid;
        border-width: 1px;
        color: #204181 !important;
        display: inline-block;
    }

        .pagination li a {
            color: #204181 !important;
            padding: 1px !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: table;
            min-width: 26px;
            padding: 3px;
            text-align: center;
            background:none !important;
            border:none;
            border-radius:0px;
        }


            .pagination li a[aria-label="Next"] span, .pagination li a[aria-label="Previous"] span {
                top: -1px;
                position: relative;
            }

            .pagination li a:hover {
                text-decoration: none !important;
            }

        .pagination li.active {
            background: #204181 !important;
        }

            .pagination li.active a {
                color: white !important;
            }


/*media queries*/
@media (max-width: 1300px) {
    .base-content {
        background: white !important;
        box-shadow: none;
        padding: 0;
    }

    .base-content-in{
        margin-top:0px;
        margin-bottom:0px;
        box-shadow:none;
        border-radius:0px;
    }

    .base-footer{
        box-shadow:none;
    }

}

@media(max-width:1000px){
    #main-nav-desktop .link-main, #main-nav-desktop a {
        font-size: 11px;
    }
}

@media(max-width:991px){
    /*fix bootstrap*/
    .row > [class*="col-"] {
        
        margin-bottom:20px;
    }
    /*twitter widget*/
    #twitter-widget-0 {
        border-style: solid !important;
        border-width: 0px !important;
        border-color: #cdcdcd !important;
        border-radius: 6px;
        width: 100% !important;
        min-width: 100% !important;
    }
}




/*media queries*/
@media (max-width: 926px) {

    /*mobile mode*/


    #skipnavigation{
        display:none;
    }

    .base-top{
        margin-top:40px;
    }

    .base-top .link-feedback {
        display:none;
    }

    .base-content-in h4, .base-content-in h1.heading1{
        text-align:center;
        margin-bottom:15px;

    }

    .content-nav-1{
        display:none;
    }

    .share-buttons-holder .share-message{
        display:none;
    }

    .share-buttons-holder{
        position:relative;
        top:auto;
        left:50%;
        margin-left:-59px;
        right:auto;
        height:36px;
        margin-bottom:15px;
        margin-top:5px;
        width:118px;
    }

    .share-buttons{
        top:0px;
    }

    .share-button{
        width:36px;
        height:36px;
    }

    .share-buttons-holder p{
        display:none;
    }

    .twitter-timeline{
        
    }


    .mobile-nav {
        display: block;
       
    }

    .base-mobile-menu {
        display: block;
    }

    .base-notification {
        padding-top: 40px;
    }

    .base-notification .fa-window-close{
        top:48px;
    }

    .base-top-in {
        text-align: center;
    }


    .top-message {
        left: auto;
        top: auto;
        position: relative;
        margin-left: 106px;
    }

    .base-top .logo {
        margin: 0 auto;
    }

    .base-top .share-buttons {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 10px;
        margin-bottom: 8px;
    }



    .base-page-title-in {
        text-align: center;
    }

    .base-content {
        min-height: 300px;
        background:white;
    }

    .base-content-in {
        /*
    padding-left: calc(100% / 14);
    padding-right: calc(100% / 14) ;
            */
        padding:15px;
        max-width: 600px;
    }

    .base-content-in div[class*="sf_2cols"],.base-content-in div[class*="sf_3cols"],.base-content-in div[class*="sf_4cols"],.base-content-in div[class*="sf_5cols"]{
        display:block !important;
        width:100% !important;
        margin-bottom:10px;
        margin-left:0 !important;
        margin-right:0 !important;
    }


    .base-footer {
        padding: 0px;
    }

    .base-footer-in {
        text-align: center;
        padding: 0px;
    }

    .base-footer .logo-county {
        display: block;
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 20px;
        width: 100%;
        text-align: center;
        border-style: solid;
        border-width: 1px 0 0 0;
        border-top-color: #0060a7;
        padding-left: 0px;
        padding-right: 0px;
    }


    .footer-nav {
        margin: 0px;
        width: 100%;
        display: block;
        padding-top: 0px;
        position:relative;
    }

        .footer-nav ul, .footer-nav li {
            width: 100%;
            display: block;
        }

    .base-footer .footer-nav > div > ul > li {
        display: block;
        margin: 0;
        border-style: solid;
        border-width: 1px 0 1px 0;
        border-top-color: #0060a7;
        border-bottom-color: #17517c;
        padding-top: 10px;
        width: 100%;
    }


        .base-footer .footer-nav > div > ul > li > ul {
            margin-bottom: 10px;
        }

    .base-footer .footer-nav h1 {
        border-style: none;
    }

    .base-footer .social-links {
        display: block;
        float: none;
        position: relative;
        right: auto;
        margin: 0;
        padding: 17px 0 17px 0;
        border-style: solid;
        border-width: 0 0 1px 0;
        border-bottom-color: #17517c;
    }

        .base-footer .social-links a {
            display: inline-block;
            margin: 0px 8px 0 8px;
        }

            .base-footer .social-links a:last-child {
                font-size: 32px;
            }

    .fontselector{
        left:50%;
        margin-left:-50px;
        right:auto;
    }

    .sidebox-events{
	  margin-top:20px;
    }

}


/*media queries*/
@media (max-width: 800px) {

        .base-content-in{
            /*
    padding-left: calc(100% / 20);
    padding-right: calc(100% / 20) ;

            */
    font-size:18px;
}


    .base-nav{
        display:none;
    }


    .base-top .top-two-column{
        display:block;
        position:relative;
        z-index:10;
    }

    .base-top .top-two-column .column-left{
        display:block;
        position:relative;
        width:100% !important;
        z-index:40 !important;

    }

    .base-top .top-two-column .column-right{
        display:block;
        position:relative;
        z-index:-1 !important;
        width: 100% !important;
        margin:0px;
        margin-top:0px;
        padding:22px 0 22px 0;
        background:#529fe1;

    }

    .base-top .search{
        margin-top:0px;
    }

    .footer-nav {
        font-size: 16px;
    }

    .footer-nav h1{
        font-size:18px;
    }

}

/*media queries*/
@media (max-width: 500px) {

    .base-top .top-two-column .column-left {
        min-width: 0 !important;
    }


    .twitter-timeline{
        
    }


    .sfFormBox, .sfFormDropdown{
        display:block;
        margin-right:0px;
    }

    .sfFormBox input, .sfFieldWrp textarea{
        min-width:calc(100% - 22px) !important;
        max-width:calc(100% - 22px) !important;
        width:calc(100% - 22px) !important;
    }

    .base-content-in h4, .base-content-in h1.heading1{
        text-align:center;
        font-size:38px;
    }

    /*center certain form controls for mobile forms*/

    .sfFormSubmit input[type=submit]{
        margin:0 auto;
        display:block;
    }

    .g-recaptcha > div:first-child{
        margin:0 auto;
    }

    .base-breadcrumb-in{ 
        text-align:center;
    }

}

@media print{
    .mobile-nav{
        display:none !important;
    }

    .base-top{
        margin-bottom:20px;
    }

    .top-two-column .column-right{
        display:none !important;
    }
}