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

* {margin: 0;padding: 0;}
* :focus {outline: 0;}

#footerfixed {
	display:none;
}

.hideitem {
	display:none;
}

.extracomment {
	display:none;
}

body {font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 14px;margin: 0px; padding:0px;}
p {margin: 0 0 10px 0;}
p#head-bracket {padding-top: 0;padding-right: 0;padding-left: 0;margin-top: 0;font-size: 12px;}
p#foot-bracket {padding: 5px;margin: 0;font-size: 12px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif;font-weight: normal;padding: 0;margin: 10px 0;}
h1.top, h2.top, h3.top, p.top {padding-top: 0 !important;margin-top: 0 !important;}

ul {padding-left: 20px;padding-bottom: 10px;}
ul li ul {padding-bottom: 0;}
ol {padding-left: 20px;margin: 0 0 10px 0;}
ol li {}

.caption {font-size:12px;color:#999;text-align:center;font-style:italic;}
.quote {font-style:italic;}

div#hr {clear: both;display: block;height: 10px;width: 98%;max-width: 940px;margin: 0 auto;}
div#hr img {width: 13px;height: 10px;float: right;border: 0;}
.hr {clear: both;display: block;height: 10px;width: 98%;max-width: 940px;margin: 0 auto;}/* NEW 12-04-18 */
.hr img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */

div#hr-mobile {clear: both;display: none;height: 10px;width: 95%;max-width: 940px;margin: 0 auto;}
div#hr-mobile img {width: 13px;height: 10px;float: right;border: 0;}
.hr-mobile {clear: both;display: none;height: 10px;width: 95%;max-width: 940px;margin: 0 auto;}/* NEW 12-04-18 */
.hr-mobile img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */

div#hr-310 {height: 10px;width: 31.2%;max-width: 31.2%;margin: 0 auto;float: left;}
div#hr-310 img {width: 13px;height: 10px;float: right;border: 0;}
div#hr-490 {height: 10px;width: 48%;max-width: 48%;margin: 0 auto;float: left;}
div#hr-490 img {width: 13px;height: 10px;float: right;border: 0;}
div#hr-490r {height: 10px;width: 48%;max-width: 48%;margin: 0 auto;float: right;}
div#hr-490r img {width: 13px;height: 10px;float: right;border: 0;}
div#hr-645 {height: 10px;width: 62.5%;max-width: 62.5%;margin: 0 2%;float: left;display:block;}
div#hr-645 img {width: 13px;height: 10px;float: right;border: 0;}

.hr-310 {height: 10px;width: 31.2%;max-width: 31.2%;margin: 0 auto;float: left;}/* NEW 12-04-18 */
.hr-310 img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */
.hr-490 {height: 10px;width: 48%;max-width: 48%;margin: 0 auto;float: left;}/* NEW 12-04-18 */
.hr-490 img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */
.hr-490r {height: 10px;width: 48%;max-width: 48%;margin: 0 auto;float: right;}/* NEW 12-04-18 */
.hr-490r img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */
.hr-645 {height: 10px;width: 62.5%;max-width: 62.5%;margin: 0 2%;float: left;display:block;}/* NEW 12-04-18 */
.hr-645 img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */

#footer div#hr {clear: none;float: left;position: relative;height: 10px;background: transparent;width: 64.6%;}
#footer div#hr img {width: 13px;height: 10px;float: right;border: 0;}
#footer .hr {clear: none;float: left;position: relative;height: 10px;background: transparent;width: 64.6%;}/* NEW 12-04-18 */
#footer .hr img {width: 13px;height: 10px;float: right;border: 0;}/* NEW 12-04-18 */

div#hr-footer {clear: both;display: none;height: 10px;background: transparent;width: 95%;max-width: 940px;margin: 0 auto;}
.hr-footer {clear: both;display: none;height: 10px;background: transparent;width: 95%;max-width: 940px;margin: 0 auto;} /* Added 12/04/18 to replace div#hr-footer */
div#hr-footer img {width: 13px;height: 10px;float: right;border: 0;}
div#hr-boards {clear: both;display: block;height: 10px;width: 98%;max-width: 940px;margin: 0 auto;}
div#hr-boards img {width: 13px;height: 10px;float: right;border: 0;}
.hr-footer img {width: 13px;height: 10px;float: right;border: 0;} /* Added 12/04/18 to replace div#hr-footer img */
.hr-boards {clear: both;display: block;height: 10px;width: 98%;max-width: 940px;margin: 0 auto;} /* Added 12/04/18 to replace div#hr-boards */
.hr-boards img {width: 13px;height: 10px;float: right;border: 0;} /* Added 12/04/18 to replace div#hr-boards img */


a.anchor-fix {position: absolute;margin-top: -40px;}
.mobile-fix {margin-top:0px;} /*Fix positioning from top in mobile view  */
#mobile-header {display: none;}

label {font-weight: bold;}
#headercontainer #header{text-align:center;}
#headerwrapper {width: 100%;height: auto;padding-top: 0px;}
#headerbr {width: 100%;height: auto;padding-top: 40px;}

.printonly { 
	/* Use this class to hide photos in all views except when the page is printed. This will allow photos to only show on print */
	display:none; 
}

.printonly-elected {
	display:none;
}

/*#headerwrapper-inner {width: 100%;background: url('http://sandbox.charlestoncounty.org/new-www/images/sub-nav-back.png') center bottom no-repeat;background-size: 100% 100px;}*/ /* 10-03-13 - Removed since no longer needed */

#headercontainer {max-width: 980px;height: auto;margin: 0 auto; }

/**********/
/* IMAGES */
/**********/
img {border: 0px;image-rendering:-webkit-optimize-contrast;}
.image-right {
	width: 40%;
	float: right;
	margin: 0 0 20px 20px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
.image-right-small {
	width: 30%;
	float: right;
	margin: 0 0 20px 20px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.image-right:after {clear: both;}
.image-left {
	
	width: 40%;float: left;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.image-left-small {
	width: 30%;
	float: left;
	margin: 0 0 20px 20px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.image-left:after {clear: both;}

.image-full {
	
	width: 100%;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.image-half {	
	width: 45%;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.image-fullfull {
	
	width: 100%;
	margin: 0px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
.image-fullwidth {
	width: 100%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
	border: 0px;
	margin-top: 10px;
}

.departmentheads-pic {
	width: 20%;
	float: right;
	padding: 0;
	margin: 0 20px 0 20px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.nasa-pic {
	width: 20%;
	float: left;
	padding: 0;
	margin: 0 20px 0 20px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.nasa-link img:hover {
	opacity: 0.5;
}




img#fullwidth {
	width: 100%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
	border: 0px;
	margin-top: 10px;
}
img.map-pic {border: 0px solid #7394b6;width: 100%;margin: 0; 
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

img#division-heads {
	width: 35%;
	float: left;
	padding: 0;
	margin: 0 2% 0 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#division-inner {
	margin: 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#sog {width: 23%;float:left;margin: 0 2% 5px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#aw-fire {width: 23%;margin: 1%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#emd-logo {float: right;}
img.threat-btn {width:42px;height:42px;vertical-align:middle;padding-right:5px;}
#one-threat {text-align: center;width: 14.6%;float: left;padding: 0 1% 10px;}
#check-vol {text-align: center;width: 46%;float: left;padding: 0 2%;}

img#home-button {width: 20px;height: 20px;position: relative;top: 3px;}

img#ref-tracer {width: 50%;float: left;}

img#stormwater {float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

img#court-map {width: 100%;border: 0px solid #7394B6;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

img#recycle-guide {float: left;width: 60%;margin: 20px 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#single-stream {float: left;margin: 0 20px 20px 0;width: 240px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#signage {
	float: none;margin: 20px 0;width: 100%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#rollcart, img#event-bins {width: 100%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#comp-plan {width: 100%;max-width:250px;float:left;margin:0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#howto {
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#event-bin {width: 40%;float: right;margin: 0 0 10px 10px;}
img#hazard {float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#whats-hazardous {float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#recycle-tours {float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#green-school-right {width: 40%;margin: 0 0 10px 10px;float: right;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#green-school-left {width: 40%;margin: 0 10px 10px 0;float: left;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#green-school {width: 100%;margin-bottom: 20px;margin-top: 20px;}
img.green-school-logo {float: left;width: 50%;margin: 0;}
img.green-school-ccsd {float: left;width: 50%;margin: 0;padding:30px 0;}
img#blue-bin {float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#food-waste {width: 125px;}
img#buying-recycled, img#hhm-recycle, img#oil-recycle, img#plastic-bags, img#compost-facility, img#compost-pres, img#compost-home, img#compost-cone, img#food-waste, img#landfill {float: right;margin: 0 0 10px 10px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#cheat {float: left;margin-right: 10px;
	-webkit-border-top-left-radius: 10px; 
	-ms-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px; 
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-ms-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px;
}
img#before-after1 {width: 49%;float: left;margin-right: 2%;
	-webkit-border-top-left-radius: 10px; 
	-ms-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px; 
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-ms-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px;
}
img#before-after2 {width: 49%;float: left;
	-webkit-border-top-right-radius: 10px; 
	-ms-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px; 
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	-ms-border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px; 
	border-bottom-right-radius: 10px;
}
img#cardboard {float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img.left40 {
	width:40%;
	float:left;
	margin:0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img.left25 {
	width:20%;
	float:left;
	margin:0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img.right40 {
	width:40%;
	float:right;
	margin:0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img.right25 {
	width:20%;
	float:right;
	margin:0 20px 20px 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}


.img-blogimg {
	float: left; 
	margin: 10px;
	max-width:160px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}


/*******/
/*FORMS*/
/*******/
.form input, .form input.verify {border: 1px solid;padding: 5px;font-family: Arial;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
.form input.verify {width: 50px;}
.form textarea {border: 1px solid;padding: 5px;font-family: Arial;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
.form input:focus, .form textarea:focus {outline: 0px solid;}
.form input.submit {height: 30px;border: 0;font-weight: bold;text-transform: uppercase;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
.form input.submit:hover {cursor: pointer;}

.form input.submit {height: 30px;border: 0;font-weight: bold;text-transform: uppercase;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
.form input.submit:hover {cursor: pointer;}

.form .bwcontainer {
	 width: 30%;float: left; padding-right:5px;
}

.form .bwcontainerlast {
	 width: 33%;float: left;
}

.request-fieldset {width: 45%;float: left;padding: 20px 5% 0 0;}
.form .request-fieldset input {width: 100%;}

/******/
/*BODY*/
/******/
#bodywrapper {width: 100%;}

#bodycontainer {max-width: 980px;margin: 0 auto;padding: 0;background: #ffffff;}

#bodycontainer a:link {text-decoration: underline;}
#bodycontainer a:hover {text-decoration: none;}
#bodycontainer a:visited {text-decoration: underline;}

#bodycontainer-inner {width: 100%;margin: 0 auto;padding: 10px 0;
	-webkit-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
}

#bodycontainer-inner-clerk {width: 100%;margin: 0 auto;padding: 0px 0;
	-webkit-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
}

#bodycontainer-inner-sheriff {width: 100%;margin: 0 auto;padding: 0px 0;
	-webkit-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px -3px rgba(0,0,0,0.5);
}

#bodycontainer-shadow {
	padding: 0 0 0 0;
	width: 100%;
	margin: auto;
	background: url('https://www.charlestoncounty.org/images/shadows.png') no-repeat center top;
}

#body {padding:0 20px;}

/**********/
/* FOOTER */
/**********/
#footerwrapper {width: 100%;}
#footerwrapper-inner {width: 100%;
  	-webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.5);
}

#footercontainer {max-width: 980px;margin: 0 auto;padding: 0;}

#footer a:link {text-decoration: underline;}
#footer a:visited {text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#footer p.copyright {padding: 15px 0;}
#footer p, #footer a:link {}

#footer .social-icon {width: 16%;float: left;text-align: center;margin-top: 10px;}
#footer .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%);
	    filter: gray; /* IE6-9 */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
#footer .social-icon img:hover {cursor: pointer;
	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%);
}

#footer .box-inner p.ad-resource {width: 50%;float: left;}

/**********/
/* SLIDER */
/**********/
#sliderwrapper {width: 100%;/*height: 300px;*/background: transparent;margin-top: 15px;margin-bottom: 5px;}
#slidercontainer {width: 100%;/*height: 300px;*/margin: 0 auto; background: transparent;}
#sliderwrapper-page {width: 100%;max-width: 400px;height: 200px; background: transparent;margin-top: 15px;margin-bottom: 5px;}
#slidercontainer-page {width: 100%;max-width: 400px;height: 200px; margin: 0 auto; background: transparent;}

/*************/
/* BOX INNER */
/*************/
.box {padding:10px 0 25px 0;}
.box-inner {width: auto;height: auto;padding: 0 20px;}

.box-head {padding:10px 0 0 0;}
.box-inner-head {width: auto;height: auto;padding: 0 20px;}
/*.box-inner-head h1 {padding-top: 12px;}*/

/*#bodycontainer .box-inner h1 {padding: 12px 0;}*/
#bodycontainer .box-inner h1 {padding: 0;}
#bodycontainer .box-inner h2 {padding: 5px 0;}
#bodycontainer .box-inner h2.link-group {padding-top: 18px;}
#bodycontainer .box-inner h2.maps {padding: 18px 20px 14px 0;}
#bodycontainer .box-inner a.do-online {display: inline-block;width: auto;font-size: 14px;text-decoration: none;margin-top: 31px;padding: 2px 5px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;}
#bodycontainer .box-inner a.do-online:hover {}

#footer .box {padding: 0;}
#footer .box-inner {width: auto;height: auto;padding: 11px 20px;}
#footer .ad-resourcebox {
	padding-left:0px; 
}

/*************/
/* BOX SIZES */
/*************/
.box-980R {width: 100%;float: left;position: relative;}
.box-980L {width: 100%;float: left;position: relative;}
.box-980-head {width: 100%;float: left;position: relative;}

.box-490L {width: 50%;float: left;position: relative;}
.box-490R {width: 50%;float: right;position: relative;}

.box-420L {width: 48%;float: left;position: relative;}
.box-420R {width: 48%;float: right;position: relative;}

.box-310L {width: 33.333333333%;float: left;position: relative;}
.box-310R {width: 33.333333333%;float: right;position: relative;}

.box-315L {width: 43%;float: left;position: relative;}
.box-315R {width: 43%;float: right;position: relative;}

.box-320L {width: 48%;float: left;position: relative;padding-right: 2%;}
.box-320R {width: 48%;float: right;position: relative;padding-right: 2%;}

.box-645R {width: 66.666666666%;float: right;position: relative;}
.box-645L {width: 66.666666666%;float: left;position: relative;}
.box-645-head {width: 66.666666666%;float: left;position: relative;}

.box-180L {width: 25%;float: left;position: relative;}
.box-180R {width: 25%;float: right;position: relative;}

.box-170L {width: 20%;float: left;position: relative;}
.box-170R {width: 20%;float: right;position: relative;}

.box-160L {width: 12.5%;float: left;position: relative;}
.box-160R {width: 12.5%;float: right;position: relative;}

.box-800L {width: 75%;float: left;position: relative;}
.box-800R {width: 75%;float: right;position: relative;}


/*********************************/
/* BOX THUMBS AND SPECIAL STYLES */
/*********************************/
.box-310L-mug {display: none;width: 100%;float: left;position: relative;margin: 0 auto;padding:0;}
#bodycontainer .box-310L-mug .box-inner {padding: 0;margin: 0;}
.box-310L-mug img {float: left;width: 92px;height: 85px;margin: 5px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;}
#bodycontainer .box-310L-mug .box-inner h2 {padding: 10px 0 0 0;margin: 0;}
#bodycontainer .box-310L-mug .box-inner h3 {padding: 0 0 2px 0;margin: 0;}
#bodycontainer .box-310L-mug .box-inner p {padding: 0;margin: 0;}

/************/
/* CLEARFIX */
/************/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/****************/
/* BASIC STYLES */
/****************/

/* ROUNDED WHITE BACKGROUND HEADER IMAGE - 10-03-13 - Added styles for rounded background image in header */
img#roundedbkg {
	width:100%;height: 50px;bottom: 0; padding:0;border:0;position: relative;vertical-align: bottom;
}

/******/
/*LOGO*/
/******/
#logo {height: auto;text-align: center;padding: 10px 0 10px 0;}
#logo img {margin: 0 auto;max-width: 140px;min-width: 100px;}
#logo img:hover {}

#logo-page {height: auto;text-align: center;padding: 10px 0 10px 0;}
#logo-page img {margin: 0 auto;max-width: 140px;;min-width: 100px;}

#logo-sheriff {height: auto;text-align: center;padding: 0 0 10px 0;}
#logo-sheriff img {margin: 0 auto;max-width: 140px;;min-width: 100px;}

#logo-elected {height: auto;text-align: center;padding: 0 0 10px 0;} /* 10-03-12 - Added in order to adjust margin from top */
#logo-elected img {margin: 0 auto;max-width: 140px;;min-width: 100px;} /* 10-03-12 - Added in order to adjust margin from top */

#logo-clerk {height: auto;text-align: center;padding: 0 0 0px 0;} /* 10-03-12 - Added in order to adjust margin from top */
#logo-clerk img {margin: 0 auto;max-width: 140px;;min-width: 80px;} /* 10-03-12 - Added in order to adjust margin from top */

/**********/
/* SEARCH */
/**********/
/*#search {width: 100%;padding: 0 0 100px 0;text-align: center; margin:0 auto;}*/
#search-page {width: 100%;padding: 0 0 10px 0;text-align: center; margin:0 auto;}

#search-page input.text-field {
	width: 25%;
	height: 32px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-left: 15px;
	font-size: 14px;
	outline: none;
  	/*-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);*/
    -webkit-border-top-left-radius: 20px; 
	-ms-border-top-left-radius: 20px;
	-o-border-top-left-radius: 20px; 
	border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px; 
	-ms-border-bottom-left-radius: 20px;
	-o-border-bottom-left-radius: 20px; 
	border-bottom-left-radius: 20px;
}
#search-page input.button {
	width: 100px;
	height: 33px;
	margin-left: 0px;
	font-size: 20px;
	font-weight: bold;
	vertical-align: top;
	font-family: 'Roboto Condensed', sans-serif;
	background-size: contain;
  	//*-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);*/
    -webkit-border-top-right-radius: 20px; 
	-ms-border-top-right-radius: 20px;
	-o-border-top-right-radius: 20px; 
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px; 
	-ms-border-bottom-right-radius: 20px;
	-o-border-bottom-right-radius: 20px; 
	border-bottom-right-radius: 20px;
}
#search-page input.button:hover {
	cursor: pointer;
	/*-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	-ms-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	-o-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);*/
}
#search-space {height: 30px;}

/****************/
/*SUB NAVIGATION*/
/****************/
#subnav-wrapper {
	width: 100%;
	height: 40px;
	background: transparent;
	position: relative;
	z-index: 995;
	text-align:center;
	
}
#subnav-wrapper #subnav-container {
	display: inline-block;
	*display: inline;
}

#subnav-wrapper #subnav-container ul#dept-menu ul {background: #86aecc;margin-left: 1px;}
#subnav-wrapper #subnav-container ul#dept-menu ul li ul {margin: 0 0 0 -1px !important;}
#subnav-wrapper #subnav-container ul#dept-menu li {font-size: 16px;}
#subnav-wrapper #subnav-container ul#dept-menu ul li a {line-height: 30px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
#subnav-wrapper #subnav-container ul#dept-menu ul li a:hover {}
#subnav-wrapper #subnav-container ul#dept-menu a:link {margin: 0 1px;}
#subnav-wrapper #subnav-container ul#dept-menu a {margin: 0 1px;}
#subnav-wrapper #subnav-container ul#dept-menu li ul a:link {margin: 0;}

#subnav-wrapper #subnav-container ul#dept-menu li a { 
	padding: 0 12px;
	text-decoration: none;
	line-height: 40px;
	/*background-color: #003366;*/
	filter:none;
	font-family: 'Roboto Condensed', sans-serif;
	-webkit-border-top-left-radius: 20px; 
	-ms-border-top-left-radius: 20px;
	-o-border-top-left-radius: 20px; 
	border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px; 
	-ms-border-top-right-radius: 20px;
	-o-border-top-right-radius: 20px; 
	border-top-right-radius: 20px;
  	-webkit-box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0px -1px 5px -1px rgba(0,0,0,0.3);
    color: #FFFFFF;
}
#subnav-wrapper #subnav-container ul#dept-menu li a:hover {
	/*background-color: #d1deec;*/
	filter:none;
  	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
  	-ms-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
  	-o-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
}

/***********************/
/* SERVICES HOME SLIDE */
/***********************/
.box-inner ul.services {
    list-style: none;
    width: 33.3%;
    padding: 0;
    margin: 0;
    float: left;
}

/*.box-inner ul.services li {
	border-bottom: 1px solid #eee;
	margin-left: 5px;
}*/

.box-inner ul.services li a {
    position: relative;
    width: 100%;
    min-width: 200px;
    padding: 4px 0;
}

.box-inner ul.services li a img {width: 25px;float: left;}

/***************/
/* LINKS SLIDE */
/***************/
.box-inner #link-box {width: 46%;min-width: 200px;padding: 0 1%;float: left;}
.box-inner #link-box ul.links {
    list-style: none;
    /*width: 100%;*/
    padding: 0;
    margin: 0;
}
.box-inner #link-box ul.links li {
    /*position: relative;
    width: 100%;*/
    /*text-indent: 0px;*/
    /*line-height: 30px;*/
    padding: 5px 0;
    /*background-size: 25px 25px;
    background-position: 15px center;
    background-repeat: no-repeat;*/
}

/*******************/
/* NEWS HOME TABLE */
/*******************/
.box-inner table.news-table {width: 100%;border-collapse: collapse;}
.box-inner table.news-table td {vertical-align: top;}

/*********/
/*BUTTONS*/
/*********/
#bodycontainer .box-inner .app-link-button {margin: 20px 0;text-align: center;}

#bodycontainer .box-inner a.app-link {font-size: 14px;text-decoration: none;padding: 3px 10px 5px;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
}

#bodycontainer .box-inner a.app-link:hover {}

#bodycontainer .box-inner a.file-link {font-size: 14px;text-decoration: none;padding: 3px 10px 5px;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}

#bodycontainer .box-inner a.file-link:hover {
	azimuth:-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
}

.app-link-100 {
	display: block;
	width: 95%;
}

#electionstable {
	font-size: 12px;
}

#bodycontainer .box-inner #electionstable a.app-link {
    font-size: 14px;
    padding: 3px 10px 5px;
    text-decoration: none;
    margin-right: 2px;
}

#bodycontainer .box-inner .lite-link-button {margin: 20px 5px 20px 0;text-align: center;}
#bodycontainer .box-inner a.lite-link {font-size: 14px;text-decoration: none;padding: 3px 10px;
	-webkit-border-radius: 15px; 
	-ms-border-radius: 15px;
	-o-border-radius: 15px; 
	border-radius: 15px;
}
#bodycontainer .box-inner a.lite-link:hover {}

#bodycontainer .box-inner a.dept-link {
	font-size: 16px;text-decoration: none;padding: 3px 10px 5px;font-weight:bold;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
	/*-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);*/
}

#bodycontainer .box-inner a.dept-link img {
	height:42px;
	margin-top:10px;
	position:relative;
	top:15px;
	right:14px;
}

/******/
/*VOTE*/
/******/
#bodycontainer .box-inner .vote-link-button {margin: 20px 0;text-align: center;}
#bodycontainer .box-inner a#vote-link {font-size: 16px;text-decoration: none;padding: 3px 10px 5px;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
}
#bodycontainer .box-inner a#vote-link:hover {}

/*********/
/*CAPTCHA*/
/*********/
#errorred {width:250px;border:0;border-radius: 5px; padding: 5px;}
#errorgreen {width:250px;border:0;border-radius: 5px; padding: 5px;}

.error {
	color: #FF0000;
}

/***************/
/*DISTRICT MAPS*/
/***************/
#dmap-container {width: 180px;padding: 10px;float: left;}
#dmap-container .dmap {text-align: center;width: 100px;height: 100px;margin: auto;
	-webkit-border-radius: 80px; 
	-ms-border-radius: 80px;
	-o-border-radius: 80px; 
	border-radius: 80px;border: 5px solid;
}
#dmap-container .dmap:hover {border: 5px solid;}
#dmap-container .dmap h2 {padding: 35px 0 0 0;margin: 0;}
#dmap-container a:link {text-decoration: none;}

/**************/
/* SMALL NOTE */
/**************/
.smNote {
	clear: both;
	color: #888;
	font-size: 14px;
}

/*****************/
/* NO WRAP CLASS */
/*****************/
.nowrap {
	 white-space: nowrap;
}


/***************/
/*HOLIDAY TABLE*/
/***************/
#bodycontainer .box-inner table#holiday-schedule {width: 100%;border-collapse: collapse;}
#bodycontainer .box-inner table#holiday-schedule tbody tr {border-bottom: 1px solid;}
#bodycontainer .box-inner table#holiday-schedule tbody tr td {width: 50%;padding: 0 2px;}

/**********************/
/* EMERGENCY INFO BOX */
/**********************/
.box-inner#emergency-box .button-emergency {text-align: center;width: 100%;height: 29px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.box-inner#emergency-box .button-emergency:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.box-inner#emergency-box .button-emergency a {text-decoration: none;}

.box-inner#emergency-box h3 {margin: 0;padding: 3px 0 0 0;}
.box-inner#emergency-box h4 {margin: 0;padding: 4px 0 0 0;}

.box-inner .emd-info {padding: 10px;text-align: center;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}

/***************/
/* PROGRAM BOX */
/***************/
.box-inner#program-box .button-program {text-align: center;width: 100%;height: 29px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.box-inner#program-box .button-program:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.box-inner#program-box .button-program a {text-decoration: none;}

.box-inner#program-box h3 {margin: 0;padding: 3px 0 0 0;}

/*****************************/
/* GRAY BOX FOR SELECT ITEMS */
/*****************************/
.gray-boxselect {text-align: center;width: 100%;height: 29px;float: left;margin: 5px;padding-top:10px;background-color:#e8ecf1;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}

/*******************/
/* GRAY BOX BUTTON */
/*******************/
.gray-boxbtn {text-align: center;width: 100%;height: auto;float: left;margin: 0 10px 10px 0;padding:3px 10px 4px 18px;box-sizing:border-box;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.gray-boxbtn:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.gray-boxbtn a {text-decoration: none;}

.gray-boxbtn h3 {margin: 0;padding: 0;z-index:100;position:relative;}

.gray-boxbtn h3.pdf {background: url('https://www.charlestoncounty.org/images/icon/icon-pdf.png')no-repeat;background-position:100%;}
.gray-boxbtn h3.xls {background: url('https://www.charlestoncounty.org/images/icon/icon-xls.png')no-repeat;background-position:100%;}
.gray-boxbtn h3.doc {background: url('https://www.charlestoncounty.org/images/icon/icon-doc.png')no-repeat;background-position:100%;}

/*******************/
/* BLUE BOX BUTTON */
/*******************/
.blue-boxbtn {text-align: center;width: 100%;height: auto;float: left;margin: 0 10px 10px 0;padding:3px 10px 4px 18px;box-sizing:border-box;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.blue-boxbtn:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.blue-boxbtn a {text-decoration: none;}

.blue-boxbtn h3 {margin: 0;padding: 0;z-index:100;position:relative;}

.blue-boxbtn h3.pdf {background: url('https://www.charlestoncounty.org/images/icon/icon-pdf.png')no-repeat;background-position:100%;}
.blue-boxbtn h3.xls {background: url('https://www.charlestoncounty.org/images/icon/icon-xls.png')no-repeat;background-position:100%;}
.blue-boxbtn h3.doc {background: url('https://www.charlestoncounty.org/images/icon/icon-doc.png')no-repeat;background-position:100%;}

/* GRAY BOX BUTTON BODY 
.gray-boxbtnbod {text-align: center;width: 100%;height: 29px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.gray-boxbtnbod:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.gray-boxbtnbod a {text-decoration: none;}

.gray-boxbtnbod h3 {margin: 0;padding: 3px 0 0 0;}*/

/************************/
/* GRAY BOX BUTTON BODY */
/************************/
.gray-boxbtnbod {text-align: center;width: 90%;height: 29px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.gray-boxbtnbod:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.gray-boxbtnbod a {text-decoration: none;}

.gray-boxbtnbod h3 {margin: 0;padding: 3px 0 0 0;}

/*FACEBOOK BUTTON*/
.faceb {width:200px;background: #3B5998 url('https://www.charlestoncounty.org/images/fb-dept-2.png') 4px center no-repeat;}
.faceb:hover {background: #3B5998 url('https://www.charlestoncounty.org/images/fb-dept-1.png') 4px center no-repeat;}
.faceb h3 {color: #ffffff;}

/***********/
/* ELECTED */
/***********/
img.elected-members {
	width: 25%;
	min-width: 100px;
	border:0px;
	margin: 0 2% 10px 0;
	padding: 0;
	float: left;
	/*display:block;*/
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.elected-member-info {width: 40%;min-width: 200px;padding:0 2% 0 0;float: left;display: block;margin-bottom: 10px;}
.elected-member-info h3 {margin-top: 0;padding-top: 0;}

#bio-links2 {display: none;}

/***********************************************************************/
/****************** EMERGENCY NUMBER BOX SITE WIDE *********************/
/***********************************************************************/
.emergnumer {width: 100%;margin: 0 auto;padding: 0;text-align: center;position: relative;border: 1px solid;
	-webkit-border-radius: 5px; 
	-ms-border-radius: 5px;
	-o-border-radius: 5px; 
	border-radius: 5px;
}
.emergnumer h3 {margin: 0;padding: 2px 0;text-transform: uppercase;font-weight: bold;}

/***********************************************************************/
/******************************* SHERIFF *******************************/
/***********************************************************************/
#interest {
	/* 10-10-13 - Interest fee calculation table on civil process page */
	width: 400px;
}

#header .emergl {width: 310px;margin: 0 auto 10px;padding: 0;text-align: center;position: relative;top: 0px;border: 1px solid;
	-webkit-border-radius: 5px; 
	-ms-border-radius: 5px;
	-o-border-radius: 5px; 
	border-radius: 5px;
}
#header .emergl h3 {margin: 0;padding: 3px 0;text-transform: uppercase;font-weight: bold;}

#bodycontainer .box-inner #accordion .player-wrapper iframe {width: 95%;height: 320px;
	/*-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;*/
}
#bodycontainer .box-inner .sheriff-slides {
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}
#bodycontainer .box-inner .sheriff-slides h2 {margin: 0;padding-top: 19px;}
#bodycontainer .box-inner .sheriff-slides .slide-image {float: left;padding-right: 6%;padding-top: 35px;}

#ops-button {text-align: center;width: 96%;float: left;padding: 10px 1% 10px 1%;margin: 0 .5% 2px .5%;background: #e8ecf1;border: 2px solid;
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}
#bodycontainer .box-inner a#ops-link {font-size: 16px;text-decoration: none;padding: 3px 10px 5px;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
}
#bodycontainer .box-inner a#ops-link:hover {}

#bodycontainer .box-inner #ops-button h3 {margin: 0;padding: 0 0 5px 0;}
#ops-button:hover {cursor: pointer;}

#ops-header {text-align: left;width: 100%;padding: 0;}
#ops-header img {height: 62px;float: left;padding: 0 10px 0 0;}

img#ops-img {width: 40%;min-width: 150px;float: right;margin: 0 0 10px 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
img#ops-imgl {width: 40%;min-width: 150px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
img#ops-steu {width: 68%;float: right;margin: 0 5% 0 0;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
img#ops-traffic {width: 27%;float: right;margin: 0;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
img#ops-gaurd {width: 27%;float: right;margin: 0 0 10px 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
img#ops-charger {width: 60%;min-width: 150px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
img#ops-charger-page {width: 100%;}
img#ops-img-patch {width: 30%;float: right;margin: 0 0 10px 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.box-inner#subs-box .button-subs, .box-inner#subs-box .button-subs-current {text-align: center;width: 100%;height: 29px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.box-inner#subs-box .button-subs:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.box-inner#subs-box .button-subs a, .box-inner#subs-box .button-subs-current a {text-decoration: none;}
.box-inner#subs-box h3 {margin: 0;padding: 3px 0 0 0;}

#k9-1 img {width: 100%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
#k9-2 img {width: 19.6%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
#bodycontainer .box-inner #color-dot {width: 6px;height: 6px;border: 2px solid;float: left;margin-top: 6px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px; 
}
#water-1 img {width: 45%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
p#report-activity {text-align: center;border-radius: 10px;padding: 3px;}

img#dc-main {width: 100%;margin-bottom: 20px;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#chain-img {margin: 10px 10px 0 0;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
img#chain-tree {margin: 15px 0 0 0;}

#bodycontainer .box-inner #mw-grid {margin: 20px 0;}
#bodycontainer .box-inner #mw-grid h2 {margin-bottom: 0;padding-bottom: 0;}
#bodycontainer .box-inner .mw-img-container {width: 29%;float: left;padding: 10px 3% 10px;}
#bodycontainer .box-inner .mw-info-container {width: 59%;float: left;padding: 10px 3% 10px;}
img#wanted {width: 100%;
	-webkit-border-radius: 10px; 
	-ms-border-radius: 10px;
	-o-border-radius: 10px; 
	border-radius: 10px;
}
#bodycontainer .box-inner table#captured {border-collapse: collapse;}
#bodycontainer .box-inner table#captured tr {border-top: 1px solid;}
#bodycontainer .box-inner table#captured tr:nth-child(even) {}
#bodycontainer .box-inner table#captured td {padding-right: 5px;vertical-align: top;}

#bodycontainer .box-inner #links-wrapper {margin: 20px 0;}
#bodycontainer .box-inner #links-wrapper h3 {font-size: 16px;}
#bodycontainer .box-inner #links-wrapper ul {list-style: disc;padding: 20px 0 20px 20px;}

#bodycontainer .box-inner #accordion h3 {font-size: 16px;padding: 3px 20px 3px 20px !important;}
#bodycontainer .box-inner #accordion-tax h3 {font-size: 16px;text-indent: 10px;padding: 3px 0 !important;}
#bodycontainer .box-inner #accordion-elections h3 {font-size: 16px;text-indent: 10px;padding: 3px 0 !important;}
#bodycontainer .box-inner #accordion-charleston h3 {font-size: 16px;text-indent: 10px;padding: 3px 0 !important;}

#bodycontainer .box-inner #accordion-nims h3 {font-size: 16px;text-indent: 10px;padding: 3px 0 !important;}
#bodycontainer .box-inner #accordion-nims h3 .nims {font-size: 20px;text-indent: 10px;padding: 3px 0 !important;}
#bodycontainer .box-inner #accordion .player-wrapper {padding: 0;}

#bodycontainer .box-inner .social-icon {width: 33%;float: left;text-align: center;margin-top: 20px;}

.inmate-search {width: 100%;text-align: center;}
.inmate-search img {
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
table#credit-rec {width: 100%}
table#credit-rec th, table#credit-rec td {text-align: left;}
table#credit-rec th#head-1 {width: 92%;}
table#credit-rec td {border-top: 1px solid;}

div.cwp-file {width: 48%;float: left;padding: 0 1%;}
div.cwp-file ul {padding-bottom: 0;}

#division-full {width: 94%;height: auto;margin: 0;padding: 0 3%;float: none;
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}
#division-full img {float: left;margin: 10px 10px 10px 0;}
#division-full ul {padding-left: 90px;}
a#division-link {text-decoration: none !important;}
#division-full h2 {padding: 0;margin: 0;;}
#division-full p {margin-top: 5px;}

/*****************/
/* CALENDAR PAGE */
/*****************/
#bodycontainer .box-inner#ccendar iframe {width: 100%;height: 700px;border: 0px;}

/*****************************/
/* BOARD OF ELECTIONS STYLES */
/*****************************/
.board-member-info {padding-top: 70px;}
.board-member-info h2 {display: none;}
.board-meeting-wrapper {/*max-height: 195px;overflow: auto;*/}
table#board-meeting-table-head {width: 100%;margin: 0;padding: 0;border-collapse: collapse;}
table#board-meeting-table {width: 100%;margin: 0 auto;padding: 0;border-collapse: collapse;}
table#board-meeting-table tr {}
table#board-meeting-table td {padding: 0 5px;text-align: left;width: 25%;}
table#board-meeting-table tr#last {border-bottom: 0;}
table#board-meeting-table-head th {padding: 0 5px;font-weight: bold;text-align: left;font-size: 16px;width: 25%;}

.elections-table th a.tooltip, .elections-table th a.tooltip2 {display: inline-block;padding-left: 5px;}
.elections-table td a.tooltip, .elections-table td a.tooltip2 {display: none;}

img#inter-map {width: 111px;height: 80px;
	-webkit-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}
img#inter-map:hover {
  	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
  	-ms-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
  	-o-box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
}

/***********/
/*ACCORDION*/
/***********/
#accordion h1 {font-size: 28px;text-indent: 20px !important;padding: 0;}
#accordion-elections h2 {font-size: 20px;text-indent: 20px !important;padding: 10px !important;}
#accordion-charleston h1 {font-size: 28px;text-indent: 20px !important;padding: 0;}
#accordion-emergencynumbers h2 {font-size: 20px;text-indent: 15px !important;padding: 0;}
#accordion-faqs h1 {font-size: 20px;text-indent: 15px !important;padding: 0;}

#accordion-inner h3 {font-size: 16px;padding: 0;}
#accordion-inner #inner-content {padding: 0;margin: 0;}
#accordion-inner #inner-content .inner-record {width: 45%;min-width: 250px;padding: 5px 2.5%;float: left;}
#accordion-inner #inner-content .inner-record:hover {}
.ui-accordion #accordion-inner .ui-accordion-header .ui-icon { position: absolute; right: 1.5%; top: 50%; margin-top: -8px; }
#accordion-inner {padding: 0;border: 0;}
#accordion-inner .ui-icon {width: 15px; height: 15px; background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner .ui-widget-content .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner .ui-widget-header .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner .ui-state-default .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner .ui-state-active .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}

#accordion-inner-charleston h3 {font-size: 16px;padding: 0;}
#accordion-inner-charleston #inner-content {padding: 0;margin: 0;}
#accordion-inner-charleston #inner-content .inner-record {width: 45%;min-width: 250px;padding: 5px 2.5%;float: left;}
#accordion-inner-charleston #inner-content .inner-record:hover {}
.ui-accordion #accordion-inner-charleston .ui-accordion-header .ui-icon { position: absolute; right: 1.5%; top: 50%; margin-top: -8px; }
#accordion-inner-charleston {padding: 0;border: 0;}
#accordion-inner-charleston .ui-icon {width: 15px; height: 15px; background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-charleston .ui-widget-content .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-charleston .ui-widget-header .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-charleston .ui-state-default .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-charleston .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-charleston .ui-state-active .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}

#accordion-inner-emergencynumbers h3 {font-size: 16px;padding: 0;}
#accordion-inner-emergencynumbers #inner-content {padding: 0;margin: 0;}
#accordion-inner-emergencynumbers #inner-content .inner-record {width: 45%;min-width: 250px;padding: 5px 2.5%;float: left;}
#accordion-inner-emergencynumbers #inner-content .inner-record:hover {}
.ui-accordion #accordion-inner-emergencynumbers .ui-accordion-header .ui-icon { position: absolute; right: 1.5%; top: 50%; margin-top: -8px; }
#accordion-inner-emergencynumbers {padding: 0;border: 0;}
#accordion-inner-emergencynumbers .ui-icon {width: 15px; height: 15px; background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-emergencynumbers .ui-widget-content .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-emergencynumbers .ui-widget-header .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-emergencynumbers .ui-state-default .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-emergencynumbers .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-emergencynumbers .ui-state-active .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}

#accordion-inner-faqs h3 {font-size: 16px;padding: 0;}
#accordion-inner-faqs #inner-content {padding: 0;margin: 0;}
#accordion-inner-faqs #inner-content .inner-record {width: 45%;min-width: 250px;padding: 5px 2.5%;float: left;}
#accordion-inner-faqs #inner-content .inner-record:hover {}
.ui-accordion #accordion-inner-faqs .ui-accordion-header .ui-icon { position: absolute; right: 1.5%; top: 50%; margin-top: -8px; }
#accordion-inner-faqs {padding: 0;border: 0;}
#accordion-inner-faqs .ui-icon {width: 15px; height: 15px; background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-faqs .ui-widget-content .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-faqs .ui-widget-header .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-faqs .ui-state-default .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-faqs .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}
#accordion-inner-faqs .ui-state-active .ui-icon {background-image: url('ui-images/ui-icons_222222_256x240.png');}

/*******************/
/*DEPARTMENT STYLES*/
/*******************/
.dept-group {}
.dept-group h2 {display: none;}
table#departments-table {width: 100%;margin: 0 auto;padding: 0;border-collapse: collapse;}
table#departments-table tr {}
table#departments-table tr#last {border-bottom: 0;}
table#departments-table td, table#departments-table th {padding: 2px 5px;text-align: left;height: 25px;}
table#departments-table th {height: 40px;font-size: 20px;font-weight: normal;text-decoration: underline;}
table#departments-table td img {width: 28px; height: 28px;}
/*table#departments-table th#dtable-icon {width: 28px;}*/
table#departments-table th#dtable-link {width: 65px;}
table#departments-table td#dtable-services img {width: 25px;height: 25px;}

/*****************/
/* ADMINISTRATOR */
/*****************/
#bodycontainer .box-inner #admin-pic {float: left;margin: 0 20px 10px 0;}
#bodycontainer .box-inner #admin-pic img.admin {
	width: 100%;
	max-width: 300px;
	border:0px;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
}

/*****/
/*EMS*/
/*****/
.biketeam-img {border-radius: 10px;width: 100%;}
.trt-img {border-radius: 10px;width: 100%;}
.tems-img {border-radius: 10px;width: 100%;margin-top: 10px;}
.hazmat-img {border-radius: 10px;}
.hazmat1-img, .tems1-img {float: right;padding: 0 0 5px 5px;}
.ems-map {width: 100%;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
}

ul#ems-fact li {width: 50%;float: left;}

/*********/
/*COUNCIL*/
/*********/
img.council-members {
	width: 24%;
	/*max-width: 150px;*/
	border: 0px;
	margin: 0;
	padding: 0;
	float: left;
	/*display:block;*/
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}
.council-member-info {width: 33.5%;min-width: 180px;padding:0 2%;float: left;display: block;}
img.pdf, img.bio, img.word {height:40px !important;}

table.council {padding: 0;border-collapse: collapse;}
table.council tr td {padding: 0 20px;}
#bodycontainer .box-inner table.council tr td h2 {padding-top: 80px;margin-top: 0;padding-bottom: 10px;margin-bottom: 0;}
select.council-minutes, select.annual-report {width: 90%;margin-bottom: 1px;border: 1px solid;font-family: Arial;
	-webkit-border-radius: 5px; 
	-ms-border-radius: 5px;
	-o-border-radius: 5px; 
	border-radius: 5px;
}
select.council-minutes:focus, select.annual-report:focus {outline: 1px solid;}

#clerk-admin-mobile {display: none;}

#council-bio {width: 45%;min-width: 250px;float: left;padding: 0 5% 5px 0;}
#council-bio h3 {padding: 0;}
#council-bio h3 span {color: #333333;font-size: 14px;}

#bodycontainer .box-inner .board-title h2 {float: left;width: 80%;padding: 0 !important;}
#bodycontainer .box-inner .board-vacancies {float: left;width: 20%;min-width: 100px;vertical-align: middle;}
#bodycontainer .box-inner .board-vacancies h3 {font-weight: bold;font-size: 14px;text-align: right;}

td#vacant {text-transform: uppercase;color: #487345;}

/*******/
/*ICONS*/
/*******/
.icon-section {width: 42px;height: 42px;float: left;margin: -5px 10px 0 0;}
.icon-section img{width: 42px;height: 42px;}

/********/
/*NOTICE*/
/********/
.notice {position: relative;margin: 0px auto 0;padding: 10px;max-width: 670px;text-align: left;-webkit-border-radius: 40px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.notice img {float: left;margin: 0 10px 0 0;width: 30px;}
.notice p {margin: 0;padding: 0 0 0 40px;line-height: 1.2;}

/***************************************************************/
/*ELECTED OFFICIAL (SHERIFF, CLERK OF COURT, RMC) PHOTO ON BODY*/
/***************************************************************/
.electedphotohome {text-align:center;float:left;padding-right:15px;}

/****************/
/*SEARCH RESULTS*/
/****************/
#queryTextBox {display:none;}
#Button1 {display:none;}
#resultsGrid td{font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 14px;margin: 0px; padding:0px;}
#resultsGrid {
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;

     /* Non standard for webkit */
    word-break: break-word;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.ui-tooltip {
    padding: 5px 10px;
    /*color: white;*/
    /*border-radius: 40px;*/
    font: 12px "Arial", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px #555555;
    max-width: 200px;
    text-align: center;
    z-index: 9999;
}

/******************/
/*MOBILE MENU NOTE*/
/******************/
nav#menu-dept ul li#mobile-menu-note {display: none !important;}
nav#menu-county ul li#mobile-menu-note {display: none !important;}

nav#menu-dept ul li.mobile-menu-note {display: none !important;}/* Added 12/06/18 */
nav#menu-county ul li.mobile-menu-note {display: none !important;}/* Added 12/06/18 */

#bodycontainer .box-inner #accordion h2, #bodycontainer .box-inner #accordion2 h2 {font-size: 20px;font-weight: normal;padding: 10px 15px;}

/*****/
/*RMC*/
/*****/
#rmc-links-space {height: 80px;}
.forms-list {float: left;width: 48%;padding: 0 2% 0 0;}
#rmc-home-slide {float: left;width: 48%;padding: 0 2% 0 0;}
}

/**************/
/*PUBLIC WORKS*/
/**************/
select.ripple {width: auto;margin-bottom: 1px;border: 1px solid;font-family: Arial;
	-webkit-border-radius: 5px; 
	-ms-border-radius: 5px;
	-o-border-radius: 5px; 
	border-radius: 5px;
}
select.ripple:focus {outline: 1px solid;}

/***************/
/*PROBATE COURT*/
/***************/
table#probate-table {width: 100%;border-collapse: collapse;}
table#probate-table td {padding: 1px;}
table#probate-table tr:nth-child(even) {}
table#probate-table tr:nth-child(odd) {}

/**************************/
/*ENVIRONMENTAL MANAGEMENT*/
/**************************/
img#enviro-banner {width: 100%;border-radius: 10px;}

#dropsite-list {width: 48%;float: left;padding: 0 2% 0 0;}
#dropsite-list h3 {margin: 0;padding: 0 2% 0 0 !important;text-indent: 0 !important;}

#construction-materials {width: 31.333333%;float: left;padding-right: 2%;}
#rollcart-box {width: 40%;float: left;text-align: center;padding: 0 5%;}

#waste-collectors {width: 45%;margin: 0 5% 0 0;float: left;}

#recycle-video {width: 100%;height: 365px;}

#whats-accepted {width: 45%;margin: 0 5% 0 0;float: left;}

#partners {width: 30%;margin: 0 3% 0 0;float: left;}

/*******************/
/*ZONING & PLANNING*/
/*******************/
table#ordinance{width: 100%;border-collapse: collapse;}
table#ordinance tbody tr {border-bottom: 1px solid #e8ecf1;}
table#ordinance tbody td {padding: 2px;}
h2#mobile-shift {margin-top: 0;padding-top: 0 !important;}
h3#appntmnts {background: #ffffff;border: 0px;text-decoration: underline;}
table#appntmnts-table {width: 100%;border-collapse: collapse;text-align: left;}
table#appntmnts-table tr {border-bottom: 1px solid #e8ecf1;}
#bza-apps {width: 45%;margin-right: 5%;float: left;}
img.planning-areas {width:100%;}
.mobile-map {display:none;}
img.summary {max-width:178px;width:100%;float:left;margin:0 10px 10px 0;}

/****************/
/* TABLE STYLES */
/****************/
thead {background-color:#e8ecf1;}
thead th {padding: 6px;}

tbody tr.odd {background-color:#f1f6fb;}
tbody td {padding: 4px;}
tbody tr.even {background-color:#ffffff;}
tbody tr.even:hover {background-color:#e6edf5;}
tbody tr.odd:hover {background-color:#e6edf5;}

#financial-spacer {height: 65px;}

/************************/
/*LEGISLATIVE DELEGATION*/
/************************/

table#senate{width: 100%;border-collapse: collapse;}
table#senate tbody tr {border-bottom: 1px solid #e8ecf1;}
table#senate tbody td {padding: 2px;}

table#house {width: 100%;border-collapse: collapse;}
table#house tbody tr {border-bottom: 1px solid #e8ecf1;}
table#house tbody td {padding: 2px;}




/*********************/
/*WORKSHOP TABLE/FORM*/
/*********************/
table#workshopstable input.wsreg {width:30px;height:30px;}

/*****************/
/*ONLINE SERVICES*/
/*****************/
#os-full {width: 95%;height: auto;margin: 10px 0;padding: 0 2%;float: left;
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}
#os-fullblue {width: 95%;height: auto;margin: 10px 0;padding: 0 2%;float: left;
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}

#os-half {width: 44%;height: auto;margin: 10px 1% 0 0;padding: 0 2%;float: left;
	-webkit-border-radius: 20px; 
	-ms-border-radius: 20px;
	-o-border-radius: 20px; 
	border-radius: 20px;
}
#os-full img {float: left;margin: 10px 10px 10px 0;}
#os-fullblue img {float: left;margin: 10px 10px 10px 0;}
#os-half img {float: left;margin: 10px 10px 10px 0;}
#os-full ul {padding-left: 90px;}
#os-fullblue ul {padding-left: 90px;}
#os-half ul {padding-left: 90px;}
a#os-link {text-decoration: none !important;}

/***********************************************/
/***** FAQ PAGE BLOCK FOR MULTI COLUMN INFO*****/
/***********************************************/
.block-full {width: 100%;float: left;display: block;padding-top:10px;}
.block-280 {width: 33.3333%;float: left;display: block;}
.block-25 {width: 25%;float: left;}
.block-33 {width: 33.3333%;float: left;}
.block-50 {width: 50%;float: left;}
.block-60 {width: 60%;float: left;}
.block-40 {width: 40%;float: left;}
.block-30 {width: 30%;float: left;}
.block-60 {width: 70%;float: left;}
.block-75 {width: 75%;float: left;}
.block-nomobile {display:block;}

/*******************/
/*FINANCIAL REPORTS*/
/*******************/
.freport-wrap h2.title {padding-top:0 !important;}
form.freport select {margin:5px 0 20px 0;width:100%;max-width:300px;text-transform:uppercase;}

/*FILE ICON BUTTONS
.file-icons {width:100%;text-align:left;}
.file-icons img {margin:10px;height:60px;}
.file-icons img:hover {opacity:0.5;}
.file-icons a, .file-icons a:visited {text-decoration:none !important;}*/

.contact-map {float:left;padding:0 5px 0 0;width:35px;}

img.ems-auto {margin:5px 1%;width:48%;float:left;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
img.ems-sops {width:40%;float:right;margin:0 0 20px 20px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
img.ems-train {width:40%;float:left;margin:0 20px 20px 0;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}

/*FACEBOOK*/
.faceb {width:200px;background: #3B5998 url('https://www.charlestoncounty.org/images/fb-dept-2.png') 4px center no-repeat!important;}
.faceb:hover {background: #3B5998 url('https://www.charlestoncounty.org/images/fb-dept-1.png') 4px center no-repeat!important;}
.faceb h3 {color: #ffffff;}

/*BEVR Thumbs*/
.bevrthumbs {
margin:0px auto;
padding:5px;
box-shadow:0px 10px 10px -8px rgb(0 0 0 / 100%);
border:1px #7394b6 solid;
background-color:#e6edf5;
transition: all 0.3s linear;
}
.bevrthumbs:hover {
box-shadow:0px 10px 10px -8px rgb(0 0 0 / 100%);
border:1px #333 solid;
transition: all 0.3s linear;
transform: scale(1.05);
}
.bevrthumbs a:link {
margin:0 auto;
padding: 5px;
border: none;
background: transparent;
vertical-align:middle;
}
a.bevrthumbs:hover {text-decoration: underline !important;}

@media screen and (max-width: 1124px) {
/*body {font-size: 10px;}*/
}


/*****************************************************/
/**********Styles for screen 1024px and lower**********/
/*****************************************************/
@media screen and (max-width: 1024px) {
/*body {font-size: 10px;}*/


#subnav-wrapper #subnav-container ul#dept-menu li a {padding: 0 8px;}

/*****************/
/* NO WRAP CLASS */
/*****************/
.nowrap {
	 white-space: normal;
}

/*******************/
/* HIDE ITEM CLASS */
/*******************/
.hideitem {
	display: none;
}

#search-page input.text-field {width: 25%;}

#logo img {margin: 0 auto;width: 20%;min-width: 80px;max-width: 100px}
#logo-page img {margin: 0 auto;width: 20%;min-width: 80px;max-width: 100px}
#logo-sheriff img {margin: 0 auto;width: 20%;min-width: 80px;max-width: 100px}
#logo-elected img {margin: 0 auto;width: 20%;min-width: 80px;max-width: 100px} /* 10-03-12 - Added in order to adjust margin from top */

/*#os-full img {height: 40px;}
#os-half img {height: 40px;}*/

.icon-section {width: 42px;height: 42px;}
.icon-section img {width: 42px;height: 42px;}

}


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

div#hr-490 , div#hr-490r {width: 49%;max-width: 49%;}

}

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

#navigationcontainer {width: 100%;}
#slidercontainer {width: 100%;background: none;}
#bodycontainer {width: 100%;}
#bodycontainer-inner {padding: 0;}
#footercontainer {width: 100%;}
#search input.text-field {width: 50%;}
#search-page input.text-field {width: 50%;}

#subnav-wrapper {display: none;}
/*#subnav-container {display: none;}*/

#visheader {
	display: none;
}
img#home-button {width: 15px;height: 15px;}

/* ROUNDED WHITE BACKGROUND HEADER IMAGE - 10-03-13 - Added styles for rounded background image in header */
img#roundedbkg {
	display: none;
}

/*******/
/*LOGO */
/*******/
#logo {height: auto;text-align: center;padding: 10px 0 10px 0;}
#logo-page {height: auto;text-align: center;padding: 10px 0 10px 0;}
#logo-sheriff {height: auto;text-align: center;padding: 10px 0 10px 0;}
#logo-elected {height: auto;text-align: center;padding: 10px 0 10px 0;} /* 10-03-12 - Added in order to adjust margin from top */
#logo-clerk img{padding: 10px 0 0px 0;min-width: 70px;max-width:60px;} /* 10-03-12 - Added in order to adjust margin from top */


/***********************************************/
/***** FAQ PAGE BLOCK FOR MULTI COLUMN INFO*****/
/***********************************************/
.block-280 {width: 100%;float: left;display: block;}
.block-50 {width: 100%;float: left;display: block;}
.block-nomobile {display:none;}

/*****************************************************************/
/* ELECTED OFFICIAL (SHERIFF, CLERK OF COURT, RMC) PHOTO ON BODY */
/*****************************************************************/
.electedphotohome {display:none;}

#search {width: 100%;padding: 0 0 100px 0;text-align: center;}
#search input.text-field {width: 50%;height: 30px;font-size: 16px;}
#search input.button {width: 100px;height: 31px;}
#search-page {width: 100%;padding: 0 0 10px 0;text-align: center;}
#search-page input.text-field {width: 50%;height: 30px;font-size: 16px;}
#search-page input.button {width: 100px;height: 31px;}

.panelcontainer {display: none;}

table#departments-table tr#other-office,
table#departments-table th#dtable-address,
table#departments-table td#dtable-address,
table#departments-table th#dtable-city,
table#departments-table td#dtable-city,
table#departments-table th#dtable-fax,
table#departments-table td#dtable-fax {display: none;}

#headercontainer {height:auto;
  	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);}
#headerwrapper {width: 100%;height: auto;padding-top: 0;/*set to zero with mmenu 4.0 11-14*/}
#headerwrapper-inner {width: 100%;}
#header {height: auto;/*added padding-top on 6/17/14*/padding-top: 40px;}

#search{position: relative;float: none;width: 100%;padding-bottom: 20px;text-align: center;clear: both;}

.notice {margin: 10px auto 0px;max-width: 100%;-webkit-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;}

.box-980R {width: 100%;/*margin-top: 10px;*/}
.box-310R {width: 100%;/*margin-top: 10px;*/}
.box-645R {width: 100%;/*margin-top: 10px;*/} 
.box-310L {width: 100%;/*margin-top: 10px;*/}
.box-645L {width: 100%;/*margin-top: 10px;*/}
.box-490R {width: 100%;}
.box-490L {width: 100%;}
.box-420L {width: 100%;}
.box-420R {width: 100%;}

.box-645-head {width: 100%;}
.box-315R {width: 100%;/*margin-top: 10px;*/}
.box-315L {width: 100%;/*margin-top: 10px;*/}

.box-180L {width: 100%;}
.box-180R {width: 100%;}
.box-800L {width: 100%;}

.mobile-hide {
	display: none;
}

div#hr {width: 95%}
.hr {width: 95%}/* NEW 12-04-18 */
div#hr-mobile {display: block;}
.hr-mobile {display: block;}/* NEW 12-04-18 */
div#hr-310, div#hr-645, div#hr-490, div#hr-490r {clear: both;display: block;height: 10px;width: 95%;max-width: 940px;margin: 0 auto;float: none;}
.hr-310, .hr-645, .hr-490, .hr-490r {clear: both;display: block;height: 10px;width: 95%;max-width: 940px;margin: 0 auto;float: none;}/* NEW 12-04-18 */

div#hr-footer {display: block;}
.hr-footer {display: block;} /*To replace div#hr-footer 12/04/18 */
#footer div#hr {clear: both;float: none;display: block;width: 95%;max-width: 940px;margin: 0 auto;}
#footer .hr {clear: both;float: none;display: block;width: 95%;max-width: 940px;margin: 0 auto;}/* NEW 12-04-18 */

.box-inner#program-box .button-program {width: 46%;height: auto;padding-bottom: 3px;}
.box-inner#emergency-box .button-emergency {width: 46%;height: auto;padding-bottom: 3px;}

#clerk-admin-full {display: none;}
#clerk-admin-mobile {display: inline;}

div#hr-310.mobile-remove {display: none;}
.mobile-remove {display: none;}/* NEW 12-04-18 */
.box-310L-mug {display: inherit;}

.elections-table td a.tooltip {display: inline-block;padding-left: 5px;}
#accordion-inner #inner-content .inner-record {width: 95%;float: none;border-top: 1px solid;}

#header .emergl {width: 100%;top: 0px;border: 0px solid;
	-webkit-border-radius: 0; 
	-ms-border-radius: 0;
	-o-border-radius: 0; 
	border-radius: 0;
}
#header .emergl h3 {font-size: 14px;padding: 2px;}

#bio-links1 {display: none;}
#bio-links2 {display: inline;}

.mobile-fix {margin-top:30px;} /*Fix positioning from top in mobile view  */

#mobile-header {display: block;position: fixed;width: 100%;z-index: 999999;height: 35px;
  	-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}
#mobile-header #menu-county img {padding: 7px 0 3px 10px; height: z0px;}
#mobile-header #menu-sheriff img, #mobile-header #menu-dept img {float: right;padding: 7px 10px 3px 0; height: 20px;}
#nav-wrapper {display: none;}
#mobile-menu-note {display: inline-block;}
.mobile-menu-note {display: inline-block;}/* Added 12/06/18 */

img#zprint-img {width: 100%;}

img#howto {width: 100%;}

#financial-spacer {height: 0px;}

#one-threat {text-align: center;width: 23%;float: left;}

.form .bwcontainer {
	 width: 100%;float: left;position:relative;
}

.form .bwcontainerlast {
	 width: 100%;float: left;position:relative;
}

#search-space {height: 10px;}

.desktop-map {display:none;}
.mobile-map {display:inline;width:100%;}
.areas-mobile {width:100%;}

.notetxt {
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	font-style:italic;
}

#footer .ad-resourcebox {
	padding-left:20px; 
}

}

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

table#workshopstable input.wsreg {width:15px;height:15px;}
.box-160L {width: 100%;}
.box-160R {width: 100%;}

.box-170L {width: 100%;}
.box-170R {width: 100%;}

.bevrthumbs{
	margin:0 5px;
	}
}

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

/*Fix for footable on old iphones */
.footable > tbody > tr > td, .footable > thead > tr > th {
  word-break: break-all;
}

.box-320L {width: 100%;float: left;position: relative;}
.box-320R {width: 100%;float: right;position: relative;}


#navigationcontainer {width: 100%;}
/*#search{position: relative;float: none;width: 100%;padding-bottom: 20px;text-align: center;clear: both;}*/
#search input.button {width: 25%;}
#search-page input.button {width: 25%;}

.icon-section {width: 40px;height: 40px;float: left;margin: 0 10px 10px 0;}
.icon-section img {width: 40px;height: 40px;}
#bodycontainer .box-inner h1 {font-size: 22px;padding: 5px 0 0 0;}
#bodycontainer .box-inner-head h1 {font-size: 22px;padding: 6px 0 0 0;}
#bodycontainer .box-inner h2 {font-size: 18px;font-weight: bold;}
#bodycontainer .box-inner-head h2 {font-size: 18px;font-weight: bold;}
#bodycontainer .box-inner h3 {font-size: 16px;}
h1.top, h2.top {padding-top: 25px !important;}

a.anchor-fix-dept {margin-top: -180px;}

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

#bodycontainer .box-inner table.council tr td h2 {padding-top: 0;margin-top: 0;padding-bottom: 10px;margin-bottom: 0;}

#bodycontainer .box-inner#ccendar iframe {width: 100%;height: 400px;border: 0px;}
#bodycontainer .box-inner #accordion .player-wrapper iframe {height: 220px;}

/***********************/
/* SERVICES HOME SLIDE */
/***********************/
.box-inner ul.services {width: 100%;float: none;}

table#departments-table th#dtable-phone,
table#departments-table td#dtable-phone,
table#departments-table th#dtable-services,
table#departments-table td#dtable-services {display: none;}

#bodycontainer .box-inner .sheriff-slides .slide-image {display: none;}

.board-member-info {padding-top: 0px;}

#footer .social-icon img {}
#footer .box-inner p.ad-resource {width: 100%;float: none;}

#bodycontainer .box-inner .social-icon img {}
#ops-button {width: 100%;float: left;padding: 10px 1% 10px 1%;}
#ops-button img {height: 80px;}
#k9-2 img {min-width: 128px;}

#bodycontainer .box-inner a#ops-link {}
#bodycontainer .box-inner #accordion h1 {padding: 5px 0;}
#bodycontainer .box-inner #accordion h2 {font-size: 16px;font-weight: normal;}

.ui-accordion #accordion-inner .ui-accordion-header .ui-icon {right: 3.5%;}

.request-fieldset {width: 100%;float: none;padding: 20px 0 0 0;}
.form .request-fieldset input {width: 95%;}

#dmap-container {width: 48%;padding: 2.5%;}
#dmap-container .dmap h2 {padding: 40px 0 0 0;font-size: 16px;}

img#ops-img {width: 100%;float: none;margin: 10px 0;}
img#ops-imgl {width: 100%;float: none;margin: 10px 0;}
img#ops-charger {width: 100%;float: none;margin: 10px 0;}
img#ops-gaurd {width: 100%;float: none;margin: 10px 0;}

img#aw-fire {width: 48%;margin: 1%;}
img#emd-logo {width: 100%;}
img#division-inner {width: 100%;}
img#sog {width: 48%;}
.img-blogimg {display:block;text-align:center;float:none;clear:both;max-width:100%;}
.img-blogimg img{width:auto;max-width:160px;}


.hazmat-img {width: 100%;}
ul#ems-fact li {width: 100%;float: none;}

img#ref-tracer {width: 100%;float: none;}
#rmc-links-space {display: none;}
.forms-list {float: none;width: 100%;padding: 0 0 0 0;}
#rmc-home-slide {float: none;width: 95%;padding: 0 0 0 0;}

.inmate-search img {width: 100%;}
div.cwp-file {width: 100%;float: none;padding: 0 0;}
.box-inner#program-box .button-program {width: 100%;}
.box-inner#emergency-box .button-emergency {width: 100%;}

img#recycle-guide {float: none;width: 100%;}
#dropsite-list {width: 100%;float: none;}
img#single-stream {float: left;margin: 0 20px 20px 0;width: 100px;}
#construction-materials {width: 100%;float: none;padding-right: 0;}
img#event-bin, #waste-collectors, img#recycle-tours, img#pryor-school {float: none;margin: 0 0 0 0;width: 100%;}
#recycle-video {width: 100%;height: 230px;}
img#blue-bin, img#compost-home, img#compost-cone, img#food-waste {width: 30%;}
img#plastic-bags, img#compost-facility, img#compost-pres, img#landfill {float: none;margin: 0;width: 100%;}

#whats-accepted {width: 100%;margin: 0;float: none;}
#partners {width: 100%;margin: 0;float: none;}
img#cheat {float: none;margin-right: 20px;}
img#cardboard {float: none;margin: 0;width: 100%;}

img#green-school-right {width: 100%;margin: 0;float: none;}
img#green-school-left {width: 100%;margin: 0;float: none;}

/**********/
/*SHERIFF */
/**********/

#interest {
	/* 10-10-13 - Interest fee calculation table on civil process page */
	width: 100%;
}

/*********/
/*CAPTCHA*/
/*********/
#errorred {width:100%;border:0;border-radius: 5px; padding: 5px;}
#errorgreen {width:100%;border:0;border-radius: 5px; padding: 5px;}

h2#mobile-shift {padding-top: 25px !important;}
#bza-apps {width: 100%;margin-right: 0;float: none;}

#one-threat {text-align: center;width: 31.333333%;float: left;}

#os-half {width: 96%;margin: 10px 0 0 0;padding: 0 2%;float: left;}

img.green-school-logo {float: none;width: 100%;}
img.green-school-ccsd {float: none;width: 100%;}

img.ems-auto {width:100%;float:none;}
img.ems-sops {width:100%;float:none;margin:0 0 0 0;}
img.ems-train {width:100%;float:none;margin:0 0 0 0;}

img.left40 {width:100%;float:none;margin:0 0 0 0;}


}

/*****************************************************/
/****************Styles for SMARTPHONE****************/
/*****************************************************/
@media only screen and (max-width : 320px) {
#navigationcontainer {width: 100%;}
#headercontainer {width: 100%;}
#slidercontainer {width: 100%;background: none;}
#bodycontainer {width: 100%;}
#footercontainer {width: 100%;}

#bodycontainer .box-inner #accordion .player-wrapper iframe {height: 160px;}


/**********************/
/*GRAY BOX BUTTON BODY*/
/**********************/
.gray-boxbtnbod {text-align: center;width: 100%;height: 29px;float: left;margin: 0 10px 10px 0;
	-webkit-border-radius: 25px; 
	-ms-border-radius: 25px;
	-o-border-radius: 25px; 
	border-radius: 25px;
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-ms-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  	-o-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
.gray-boxbtnbod:hover {cursor: pointer;
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
  	-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.gray-boxbtnbod a {text-decoration: none;}

.gray-boxbtnbod h3 {margin: 0;padding: 3px 0 0 0;}

#rollcart-box {width: 90%;float: none;text-align: center;padding: 0 5%;}
img#hazard {width: 100%; float: none;margin: 0 0 0 0;}
img#buying-recycled, img#hhm-recycle {float: none;margin: 0 0 0 0;width: 100%;}
#recycle-video {width: 100%;height: 150px;}
}

/*************************************/

/****************/
/* VIDEO PLAYER */
/****************/

/*VIDEO PLAYER CONTAINER*/
.vid-container {position: relative;padding-bottom: 52%;padding-top: 30px;height: 0;}
.vid-container iframe, .vid-container object, .vid-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*VIDEO PLAYLIST*/
.vid-list-container {width: 90%;overflow: hidden;/*margin-top: 20px;*/margin-left:5%;/*padding-bottom: 20px;*/}
.vid-list {width: 1344px;position: relative;top:0;left: 0;}
.vid-item {display: block;width: 148px;height: 148px;float: left;margin: 0;padding: 10px;}
.thumb {/*position: relative;*/overflow:hidden;height: 84px;}
.thumb img {width: 100%;position: relative;top: -13px;}
.vid-item .desc {color: #167ac6;font-size: 15px;margin-top:5px;}
.vid-item:hover {background: #eee;cursor: pointer;}
.arrows {position:relative;width: 100%;}
.arrow-left {color: #fff;position: absolute;background: url(https://www.charlestoncounty.org/css/pika-styles/prev.png)no-repeat;padding: 20px 20px 20px 10px;left: 0px;top: -130px;z-index: 99;cursor: pointer;}
.arrow-right {color: #fff;position: absolute;background: url(https://www.charlestoncounty.org/css/pika-styles/next.png)no-repeat;padding: 20px 10px 20px 20px;right: 0px;top: -130px;z-index:100;cursor: pointer;}

/*VIDEO PLAYER CONTAINER/PLAYLIST RESPOSIVE*/
@media (max-width: 600px) {
.vid-list-container {padding-bottom: 20px;}
.arrows {position:relative;margin: 0 auto;width:96px;}
.arrow-left {left: 0;top: -40px;}
.arrow-right {right: 0;top: -40px;}
}
/*************************************/

/************/
/*PAGINATION*/
/************/


#pagination {

    padding: 20px;
    margin-bottom: 20px;
    font: 14px/24px sans-serif;
    text-align:center;
    text-decoration: none;

}

#pagination a:link {
	text-decoration: none;
}
#pagination .page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

#pagination .page:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

#pagination .page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}