/********************************************************/
/**************CHARLESTON COUNTY GOVERNMENT**************/
/**********************COLOR STYLES**********************/
/************(MAIN STYLES LOCATED IN CC.CSS)*************/
/********************************************************/


/********************/
/*HEAD, BODY, FOOTER*/
/********************/
/* ORIGINAL 3-25-14
body {color: #333333;background: #ffffff;} */

/* NEW 3-25-14 */
body {color: #333333;background: #fafcfe;}


p#head-bracket {color: #555555;}
p#foot-bracket {color: #555555;}
h1, h2, h3, h4, h5, h6 {color: #003366;}
div#hr {border-bottom: 1px solid #d5dce4;}
.hr {border-bottom: 1px solid #d5dce4;}/* NEW 12-04-18 */
div#hr-mobile {border-bottom: 1px solid #d5dce4;}
.hr-mobile {border-bottom: 1px solid #d5dce4;}/* NEW 12-04-18 */
div#hr-310 {border-bottom: 1px solid #d5dce4;}
div#hr-490, div#hr-490r {border-bottom: 1px solid #d5dce4;}
div#hr-645 {border-bottom: 1px solid #d5dce4;}
.hr-310 {border-bottom: 1px solid #d5dce4;}/* NEW 12-04-18 */
.hr-490, div#hr-490r {border-bottom: 1px solid #d5dce4;}/* NEW 12-04-18 */
.hr-645 {border-bottom: 1px solid #d5dce4;}/* NEW 12-04-18 */

#footer div#hr {border-bottom: 2px dotted #fff;}
div#hr-footer {border-bottom: 2px dotted #fff;}
#footer .hr {border-bottom: 2px dotted #fff;}/* NEW 12-04-18 */
#footer .hr-footer {border-bottom: 2px dotted #fff;}/* NEW 12-04-18 */


div#hr-boards {border-bottom: 0px solid #ffffff;}
.hr-footer {border-bottom: 2px dotted #fff;}/* NEW 12-04-18 */
.hr-boards {border-bottom: 0px solid #ffffff;}/* NEW 12-04-18 */

#bodycontainer {border-top: 1px solid #eeeeee;}
#bodycontainer a:link {color: #003366;}
#bodycontainer a:hover {color: #003366;}
#bodycontainer a:visited {color: #003366;}
#footerwrapper {background: #d5dce4;}
#footer a:link {color: #555555;}
#footer a:visited {color: #555555;}
#footer p, #footer a:link {color: #555555;}

/****************/
/*BOXES (Blocks)*/
/****************/
.box-310L-mug {background: #e8ecf1;}
.box-310L-mug .box-inner {border-bottom: 1px solid #d5dce4;}
#bodycontainer .box-inner a.do-online {color: #ffffff;background: #003366;padding: 5px;margin-top: 28px;}
#bodycontainer .box-inner a.do-online img {width: 20px;padding: 0 5px 0 0;float: left;}
#bodycontainer .box-inner a.do-online:hover {background: #7394b6;color: #ffffff;}

/***************/
/*LOGO & SEARCH*/
/***************/
/*#search input.text-field {border: 0px solid #fff;color: #333333;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8)}
#search input.button {color: #fff;border: 0px solid #003366;
	background: rgb(0, 51, 102) url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;
	background: rgba(0, 51, 102, 0.8) url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;}
#search input.button:hover {background: #003366;color: #ffffff;background: #003366 url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;}
#search input.text-field:focus {background: #ffffff;}*/
#search-page input.text-field {border: 0px solid #fff;color: #999999;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
	/* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/}
#search-page input.text-field:focus {background: #ffffff;color: #333333;}
#search-page input.button {background: #003366;color: #fff;border: 0px solid #003366;
	background: rgb(0, 51, 102) url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;
	background: rgba(0, 51, 102, 0.8) url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;}
#search-page input.button:hover {background: #003366;color: #ffffff;background: #003366 url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;}

/****************/
/*SUB NAVIGATION*/
/****************/
sub-nav a:link {color: #003366;}
sub-nav li a {color: #FFFFFF;background-color: #003366;}
sub-nav li a:hover {background-color: #d1deec;color: #003366;}
sub-nav li a:active {color: #003366;}
sub-nav a:link#sub-pull {color: #003366;}
dept-menu ul li a {color: #003366;}
dept-menu ul li a:hover {color: #ffffff;background: #86aecc;}
dept-menu li a:hover {color: #003366;}
dept-menu ul {background: #ffffff;border: 3px solid #86aecc;}

.subnavbkg a{
background: #003366; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiMwMDMzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMyMzUzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #003366 36%, #23538a 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#003366), color-stop(96%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003366 36%,#23538a 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003366 36%,#23538a 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003366 36%,#23538a 96%); /* IE10+ */
background: linear-gradient(to bottom,  #003366 36%,#23538a 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#23538a',GradientType=0 ); /* IE6-8 */
}

.subnavbkg a:hover, .subnavbkg a.selected {
color: #003366 !important;
background: #d4e4ef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZTRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NmFlY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d4e4ef 0%, #86aecc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e4ef), color-stop(100%,#86aecc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d4e4ef 0%,#86aecc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-8 */
}

/***********/
/*ACCORDION*/
/***********/
#accordion h1 {color: #003366;}
#accordion-inner h3 {color: #003366;}
#accordion-inner #inner {padding: 20px 0 0 0;}
#accordion-inner #inner-column {padding: 0 2%;width: 46%;float: left;}
#accordion-inner #inner-column .inner-record {border-bottom: 1px dashed #999;margin-bottom: 10px;float: none;}

#accordion-tax h1 {color: #003366;}
#accordion-elections h1 {color: #003366;}
#accordion-inner-elections #inner {padding: 20px 0 0 0;}
#accordion-inner-elections #inner-column {padding: 0 2%;width: 46%;float: left;}
#accordion-inner-elections #inner-column .inner-record {border-bottom: 1px dashed #999;margin-bottom: 10px;float: none;}

#accordion-charleston h2 {color: #003366;}
#accordion-inner-charleston #inner {padding: 20px 0 0 0;}
#accordion-inner-charleston #inner-column {padding: 0 2%;width: 46%;float: left;}
#accordion-inner-charleston #inner-column .inner-record {border-bottom: 1px dashed #999;margin-bottom: 10px;float: none;}


/*************/
/*PROGRAM BOX*/
/*************/
.box-inner#program-box .button-program {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow-grey.png') left center no-repeat;}
.box-inner#program-box .button-program:hover {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow.png') left center no-repeat;}


/**********/
/*GRAY BOX*/
/**********/
 .gray-boxbtn {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow-grey.png') left center no-repeat;}
 .gray-boxbtn:hover {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow.png') left center no-repeat;}

/**********/
/*BLUE BOX*/
/**********/
 .blue-boxbtn {background: #003366 url('https://www.charlestoncounty.org/images/current-arrow-blue.png') left center no-repeat;}
 .blue-boxbtn:hover {background: #7394b6 url('https://www.charlestoncounty.org/images/current-arrow.png') left center no-repeat;}


 
/***************/
/*GRAY BOX BODY*/
/***************/
 .gray-boxbtnbod {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow-grey.png') left center no-repeat;}
 .gray-boxbtnbod:hover {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow.png') left center no-repeat;}
 
 
/********************/
/*EMERGENCY INFO BOX*/
/********************/
.box-inner#emergency-box .button-emergency {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow-grey.png') left center no-repeat;}
.box-inner#emergency-box .button-emergency:hover {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow.png') left center no-repeat;}
.box-inner .emd-info {background: #e8ecf1;}

/********/
/*NOTICE*/
/********/
.notice {color: #ffffff;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}

/********************************/
/*RMC DOC SEARCH RESULTS MSG BOX*/
/********************************/
.RMCSortingMsg{color: red;}
.RMCErrorMsg{ font-size:25px;color: red;}


/*********/
/*SHERIFF*/
/*********/
#bodycontainer .box-inner#sheriff-home-video iframe {border: 10px solid #e8ecf1;}
.box-inner#subs-box .button-subs {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow-grey-left.png') left center no-repeat;}
.box-inner#subs-box .button-subs-current {background: #e8ecf1 url('https://www.charlestoncounty.org/images/current-arrow-left.png') left center no-repeat;}

#division-full {background: #e6edf5;border: 1px solid #7394b6;}
#division-full:hover {background: #d1deec;}
#division-full p {color: #333333;}

/*********/
/*COUNCIL*/
/*********/
select.council-minutes, select.annual-report {border: #999;color: #333333;}
select.council-minutes:focus, select.annual-report:focus {outline: #7394b6;background: #e6edf5;}
#bodycontainer .box-inner .board-vacancies h3 {color: #333333;}
#bodycontainer .box-inner .board-vacancies h3#zero {color: #999999;}
#bodycontainer .box-inner .board-vacancies h3#vacancies {color: #487345;}

/*******/
/*BOARD*/
/*******/
.board-meeting-wrapper {border: 1px solid #d5dce4;background: #ffffff;}
table#board-meeting-table tr {border-bottom: 1px solid #e8ecf1;}

/******/
/*VOTE*/
/******/
#bodycontainer .box-inner a#vote-link {background: #003366;color: #ffffff;}
#bodycontainer .box-inner a#vote-link:hover {background: #7394b6;}

/***************/
/*DISTRICT MAPS*/
/***************/
#dmap-container .dmap {border: #d5dce4;}
#dmap-container .dmap:hover {border: #7394b6;}

/**************/
/*PUBLIC WORKS*/
/**************/
select.ripple {border: #999;color: #333333;}
select.ripple:focus {outline: #7394b6;background: #e6edf5;}

/***************/
/*PROBATE COURT*/
/***************/
table#probate-table tr:nth-child(even) {background: #d5dce4;}
table#probate-table tr:nth-child(odd) {background: #e8ecf1;}

/*******************/
/*DEPARTMENT STYLES*/
/*******************/
table#departments-table tr {border-bottom: 1px solid #e8ecf1;}
table#departments-table th {color: #333333;}

#bodycontainer .box-inner table#holiday-schedule tbody tr {border-bottom: #e8ecf1;}

/****************/
/*SEARCH RESULTS*/
/****************/
#resultsGrid td{color: #333333;background: #ffffff;}

/*********/
/*CAPTCHA*/
/*********/
#errorred {background-color: red;}
#errorgreen {background-color: green;}

/*******/
/*FORMS*/
/*******/
.form input, .form input.verify {border: #999;color: #333333;}
.form textarea {border: #999;color: #333333;}
/*.form input:focus, .form textarea:focus {outline: #7394b6;background: #e6edf5;}*/
.form input.submit {background: #003366;color: #ffffff;display: block; margin:5px;}

.form input.submit:hover {background: #7394b6;}

/************/
/*BUTTONS*/
/************/
#bodycontainer .box-inner a.app-link {background: #003366;color: #ffffff;}
#bodycontainer .box-inner a.app-link:hover {background: #7394b6;}

#bodycontainer .box-inner a.file-link {background: #3d5e80;color: #ffffff;}
#bodycontainer .box-inner a.file-link:hover {background: #7394b6;}

#bodycontainer .box-inner a.lite-link {background: #3d5e80;color: #ffffff;}
#bodycontainer .box-inner a.lite-link:hover {background: #7394b6;}

#bodycontainer .box-inner a.dept-link {background: #d5dce4;color: #003366;border:3px solid #d5dce4;}
#bodycontainer .box-inner a.dept-link:hover {background: #ff8500;color: #003366;}

/**********************/
/*EMERGENCY NUMBER BOX*/
/**********************/
.emergnumer {background: #990000;border: #ffffff;}
.emergnumer h3 {color: #ffffff;}

/*********/
/*SHERIFF*/
/*********/
#header .emergl {background: #990000;border: #ffffff;}
#header .emergl h3 {color: #ffffff;}
#ops-button {background: #e8ecf1;border: #d1deec;}
#bodycontainer .box-inner a#ops-link {background: #003366;color: #ffffff;}
#bodycontainer .box-inner a#ops-link:hover {background: #7394b6;}
#ops-button:hover {background: #d1deec;}
#bodycontainer .box-inner #color-dot {border: #333;}
p#report-activity {background: #333333;color: #ffffff;}
#bodycontainer .box-inner table#captured tr {border-top: #e8ecf1;}
#bodycontainer .box-inner table#captured tr:nth-child(even) {background: #e8ecf1;}
#bodycontainer .box-inner #links-wrapper h3 {color: #003366;}
#bodycontainer .box-inner #accordion h3 {color: #003366;}
#bodycontainer .box-inner #accordion-tax h3 {color: #003366;}
#bodycontainer .box-inner #accordion2 h3 {color: #003366;}
#bodycontainer .box-inner #accordion3 h3 {color: #003366;}
#bodycontainer .box-inner #accordion4 h3 {color: #003366;}
#bodycontainer .box-inner #accordion2 h3 .nims {color: #003366;}
#bodycontainer .box-inner #accordion .player-wrapper {background: #e8ecf1;}
#bodycontainer .box-inner .social-icon img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
}
#bodycontainer .box-inner .social-icon img:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
table#credit-rec td {border-top: #e8ecf1;}

/*****************/
/*ONLINE SERVICES*/
/*****************/
#os-full {background: #e6edf5;border: 0px solid #7394b6;}
#os-full:hover {background: #d1deec;}
#os-half {background: #e6edf5;border: 0px solid #7394b6;}
#os-half:hover {background: #d1deec;}
#os-fullblue {background: #3d5e80;border: 0px solid #7394b6;}
#os-fullblue:hover {background: #7394b6;}

/**** DEPT MENU POSITIONING ******/

/*nav#menu-dept {
	top: 288px;
}*/



/*****************************************************/
/**********Styles for screen 800px and lower**********/
/*****************************************************/
@media screen and (max-width: 1024px) {
#search-page input.button {background: rgb(0, 51, 102) url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;background: rgba(0, 51, 102, 0.8) url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;}
#search-page input.button:hover {background: #003366;color: #ffffff;background: #003366 url('https://www.charlestoncounty.org/images/search-icon.png') center no-repeat;}


/*nav#menu-dept {
	top: 262px;
}*/

}

/*****************************************************/
/**********Styles for screen 800px and lower**********/
/*****************************************************/
@media screen and (max-width: 800px) {

#sub-navigationwrapper {background: #d1deec;/*border-top: 2px solid #003366;*/}
sub-nav li a {border-bottom: 0px solid #003366;border-right: 0px solid #003366;background-color: transparent;}
sub-nav li a:hover {background-color: #d1deec;color: #ff8500;}

#headerwrapper {
/*background: #475665;*/ /* 10-03-13 - Replaced below. */
background: #003366; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiMwMDMzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMyMzUzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #003366 36%, #23538a 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#003366), color-stop(96%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003366 36%,#23538a 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003366 36%,#23538a 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003366 36%,#23538a 96%); /* IE10+ */
background: linear-gradient(to bottom,  #003366 36%,#23538a 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#23538a',GradientType=0 ); /* IE6-8 */
}

/*#headerwrapper-inner {background: #7394b6;}*/ /* 10-03-13 - Remove since not needed. */

#accordion-inner #inner-content .inner-record {border-top: #e8ecf1;}

#header .emergl {background: #990000;border: #fff;}
#header .emergl h3 {color: #ffffff;}

#mobile-header {
/*background: #003366;*/
background: #444444; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGUwZTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #444444 33%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#444444), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444444 33%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444444 33%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444444 33%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #444444 33%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
}


nav#menu-dept {
	top: 0px;
}

#bodycontainer .box-inner a.do-online {margin: -20px 0 10px 0;}

}

/******************************/
/*MAIN NAVIGATION DESKTOP ONLY*/
/******************************/
@media screen and (min-width: 800px) {
nav#menu-county ul li ul li a.no-link, nav#menu-county ul li ul li a.no-link:hover {
	color: #003366 !important;
}

nav#menu-dept ul li ul li a.no-link, nav#menu-dept ul li ul li a.no-link:hover {
	color: #003366 !important;
}

nav#menu-county ul ul ul, nav#menu-dept ul ul ul {
	background: transparent;
}

nav#menu-county ul ul ul li a, nav#menu-dept ul ul ul li a {
	color: #003366 !important;
}
	
nav#menu-county ul ul ul li a:hover, nav#menu-dept ul ul ul li a:hover {
	color: #7394b6 !important;
	background: transparent;
}


/*MAIN MENU*/
.mm-menu {
	background: #003366;
}

nav#menu-county {
	background: #003366;
}
	
nav#menu-county ul {
	background: #003366;   
}

nav#menu-county ul li:hover {
	background: #7394b6;
}

nav#menu-county ul li:hover a {
	color: #fff;
}
	
nav#menu-county ul li a {
	color: #ffffff;
}
	
nav#menu-county ul ul {
	background: #ffffff;
	border: 3px solid #7394b6;
}

nav#menu-county ul ul ul {
	border-bottom: 0px solid #e8ecf1;
}

nav#menu-county ul ul li a {
	color: #003366 !important;
}	

nav#menu-county ul ul li:hover, nav#menu-county ul ul li a:hover {
	color: #7394b6 !important;
	background: transparent;
}

/*SECTION MENU*/
nav#menu-dept {
	background: transparent;
}

nav#menu-dept .elected{
	background: transparent;
}


nav#menu-dept li#head a {
	color: #003366 !important;
}
nav#menu-dept li#head a:hover {
	color: #7394b6 !important;
}

nav#menu-dept .nav-group1 li p.notetxt:hover, nav#menu-dept .nav-group2 li p.notetxt:hover {
	color: #333333;
}

nav#menu-dept .nav-group1 li p.notetxt2:hover, nav#menu-dept .nav-group2 li p.notetxt2:hover {
	color: #333333;
}
		
nav#menu-dept ul li {
	background: #003366;
}

nav#menu-dept ul li:hover {
	background: #7394b6;
}

nav#menu-dept ul li:hover a {
	color: #fff;
}
	
nav#menu-dept ul li a {
	color: #ffffff;
}
	
nav#menu-dept ul ul {
	background: #ffffff;
	border: 3px solid #7394b6;
}

nav#menu-dept ul ul ul {
	border-bottom: 0px solid #e8ecf1;
}

nav#menu-dept ul ul li {
	background: transparent; 
}

nav#menu-dept ul ul li a {
	color: #003366 !important;
}	

nav#menu-dept ul ul li a:hover {
	color: #7394b6 !important;
	background: transparent;
}
nav#menu-dept ul ul li:hover {
	background: transparent;
}

}

/*****************************************************/
/**********Styles for screen 480px and lower**********/
/*****************************************************/
@media only screen and (max-width : 480px) {

#accordion-inner #inner-column {width: 100%;float: none;}
#accordion-inner #inner-column .inner-record {width: 95%;}
#accordion-inner-elections #inner-column {padding: 0 2%;width: 96%;float: none;}


}

/*****************************************************/
/****************Styles for SMARTPHONE****************/
/*****************************************************/
@media only screen and (max-width : 320px) {

}