@import url("normalize.css");
/** Global Styles **/
span.tagline br {display: none;}
body {
  width: 100%;
  color: #222;
  font-size: 100%;
  line-height: 120%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin: 0 auto;
  padding: 0;
  background: #13141f;
  height: 100%;
}
/*form {height: 0;}*/
a:link,a:visited,a:active {text-decoration: underline;}
a {color: #1e4675; font-weight: bold;}
a:hover {color: #c57a1a;}
.clear {clear: both;height: 1px;padding: 0;margin: 0;}
#publishingMenu {display: none;}
h1 {font-size: 1.625em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);font-weight: 300;text-transform: uppercase;line-height: 120%;}
h1.logo,.pageHeading {width: 100%;background: url(../Images/navBg.png) repeat 0 0;color: white;padding: 23px 0 23px 23px;margin: 0;}
.rgba h1.logo,.rgba .pageHeading {background: rgba(8, 28, 89, 0.7);}
h2,h3,h4,h5,h6 {color: #1e4675;font-weight: 600;}
h2,h3 {text-transform: uppercase;}
h2 {font-size: 1.375em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.125em;}
h5,h6 {font-size: 1em;margin: 0;}
h4 {margin: 0;}
p {margin: 0 0 1.25em 0;}
.pageLink {cursor: pointer;}
.marginL {margin-left: 15px;}
.floatR {float: right;}
.floatL {float: left;}
.group:before,.group:after {content: "";display: table;}
.group:after {clear: both;}
.group {zoom: 1;/* For IE 6/7 (trigger hasLayout) */}
.placeholder {color: #aaa;}
/**** Main Template Styles *****/
.mainBackgroundImage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: contain;
  -moz-bakcground-size: contain;
  -o-background-size: contain;
  background-size: contain;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.no-backgroundsize #bgDiv {
  display: none;
}
.backgroundsize .mainBackgroundImage {
  display: none;
}
.backgroundsize #bgDiv, .backgroundsize .bg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  position: fixed;
  top: 0;
  left: 0;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -9999;
  -webkit-overflow-scrolling: touch;
}
.pageContainer {
  width: 100%;
  margin: 29px 0 1em;
  padding: 0;
  position: relative;
  min-height: 100%;
}
.mobile-topBar {display:none;}
.scgovBranding {
    width: 100%;
    background: rgb(8,28,89);
    background: rgba(8,28,89,0.7);
    height: 48px;
    z-index: 10;
    position: relative;
    font-size: 87.5%;
    box-shadow: inset 0 -1px rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid #081C59;
}
.scgovBranding a.logo {
    height: 46px;
    margin: 0.25em 0 0 1%;
    display: inline-block;
    float: left;
}
.scgovBranding a > img {
    max-height: 100%;
}
.scgovBranding .tagline {
    color: White;
    margin-left: 1em;
    float: left;
    margin-top: 1em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.scgovBranding a.leaveSCgov {
    float: right;
    margin: 0.75em 1em;
    color: White;
    font-weight: normal;
}
/**** Main Content Styles ****/
#content {
  width: 100%;
  margin: 0 0 2em;
  position: relative;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
  padding-bottom: 10px;
  height: 100%;
  min-height: 480px;
}
/*** Footer Styles ****/
footer {
  width: 100%;  
  position: relative;
  left: 0;
  bottom: 0;
  font-size: 75%;
  clear: both;
  border-top: 1px solid #000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  background: url(../Images/footerBG.png);
  background: rgba(0, 0, 0, 0.85);
}
footer > section {
  color: white;
}
footer > section ul {
  list-style: none;
  margin: 0;
  padding: 0 0 1em 8px;
}
footer > section ul > li {
  line-height: 190%;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
    color: #a6aed0;
}
footer a:hover {
    text-decoration: underline;
}
footer > .mainFooterLinks {
  float: left; 
  margin-left: 2.1em; 
}
footer > .policies,
footer > .mainFooterLinks-noIcons {
  background: url(../Images/verticalInset.png) repeat-y left top;
  position: relative; 
  float: left;
  margin-right: 6em;
  margin-left: 4.2em;
}
@media screen and (min-width: 600px) and (max-width: 834px){
    footer > .policies {
         margin-left: 2.025em;
    }
}
footer > .mainFooterLinks > .mainFooterLinks-icons {
  float: left;
  margin: 5px 5px 0 0;
}
footer > .mainFooterLinks > .mainFooterLinks-icons img {
  vertical-align: top;
}
footer > .mainFooterLinks > .mainFooterLinks-links {
  background: url(../Images/verticalInset.png) repeat-y left top;
  float: left;
}
footer > .copyright {
  float: none;
  clear: both;
  margin: 0;
  padding: 1em 2em;
}
footer .translateLink:before {
  content: "\203A\0000a0";
}

footer > .mainFooterLinks {
    margin-right: 6em;
}

footer > .mainFooterLinks-noIcons {
    margin-left: 4.2em;
}

footer > .mainFooterLinks,
footer > .mainFooterLinks-noIcons,
footer > .policies {
    width: 14em;
}
.topFooterSection {
    padding: 1em 0 1em 0;
  width: 100%;
}
.textResize {
  width: 30%;
  float: left;
  padding: 0 3em 0 2em;
  font-size:1.1em;
  color: white;
}
.textResize a {
  padding: 0 0.5em;
  cursor: pointer;
  color: white;
}
.textResize a#increaseSize {
  font-size:1.2em;
}
.textResize a#decreaseSize {}
.language {
    text-align: right;
    width: 30%;
    float: right;
    padding: 1em 3em 0 2em;
}
.language a {
  padding-left: 1em;
}
.language a:first-child {
  padding-left: 0;
}
.language img {
    border: 1px solid #fff;
}
.sprite-footer-list {
    width: 12px;
}
.sprite-footer-list a {
    background: url('../Images/sprite-footer.png') no-repeat;
    text-indent: -9999px;
    float: left;
    width: 12px;
    height: 12px;
    margin-bottom: 0.85em;
}
.sprite-footer-list .phoneDirectoryIcon {
    background-position: -1px -1px;
}
.sprite-footer-list .agencyListingIcon {
    background-position: -1px -12px;
}
.sprite-footer-list .agencySocialIcon {
    background-position: -1px -62px;
}
.sprite-footer-list .agencyNewsIcon {
    background-position: -1px -49px;
}
.sprite-footer-list .helpCenterIcon {
    background-position: -1px -37px
}
.sprite-footer-list .alertsIcon {
    background-position: -1px -24px;
}
.sprite-footer-list .mobileAppsIcon {
    background-position: -1px -73px;
}
.sprite-footer-list .interactiveMapIcon {
    background-position: -1px -86px;
}

.scgov-social {
    position: relative;
    right: 2em;
    float: right;
}
.scgov-social ul li {
    float: left;
    margin-right: 0.5em;
}

.anchorJumpSpace {
  clear: both;
  display: block;
  width: 100%;
  height: 500px;
}
/**  ====== END OF FOOTER STYLES ====== **/

.informationSection > .mainContent a[rel=externalApp] {
  background: url('../Images/externalLink.png') no-repeat right 0.25em;
  padding-right: 1.2em;
}

.informationSection {
  width: 60%;
  margin: 1em auto 2em;
}
.informationSection > .pageHeading {
  padding: 29px 0;
  width: 100%;
  margin: 0;
  float: left;
  display: inline-block;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}
.informationSection > .pageHeading h1 {
  margin: 0 0 0 25px;
  padding: 0;
}
.informationSection > .mainContent {
  background: #ffffff url(../Images/h1bg.png) no-repeat right top;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  clear: both;
  padding: 20px 10px 20px;
  margin: 0;
  font-size: 81.25%;
  min-height: 20em;
}
.informationSection > .mainContent > article {
  width: 90%;
  margin: 0 5%;
}
.informationSection > .mainContent a:hover {
  text-decoration: underline;
}
.bg-inside {
  background: url('http://sc.gov/Style%20Library/Images/bodyBg-inside.jpg') no-repeat center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.no-backgroundsize .bg-inside {
  display:none;
}
.informationSection > .mainContent dl > dt > a {
  margin: 10px 0 0 0;
  color: #1e4675;
  font-weight: bold;
}
.informationSection > .mainContent dl > dt:first-child {
  margin-top: 0;
}
.informationSection > .mainContent dl > dt > a:before {
  content: "\203A";
  color: #c57a1a;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2307692em;
  padding-right: 5px;
}
.informationSection > .mainContent dl > dt > a:hover {
  color: #c57a1a;
}
.informationSection > .mainContent dl > dd {
  margin-left: 11px;
  padding-bottom: 0.75em;
}
.informationSection > .mainContent p.showHide {
  background:rgba(156, 164, 196, 0.9);
  cursor: pointer;
}
.informationSection > .mainContent p.showHide > strong {
  background: url(../Images/arrowRight.gif) no-repeat 0.1em 50%;
  padding-left: 1em;
  cursor: pointer;
}
.informationSection > .mainContent p.showHide > strong.expanded {
  background-image: url(../Images/arrowDown.gif);
}
.informationSection > .mainContent .howDoI p.showHide {
  background:rgba(156, 164, 196, 0.25);
	border-bottom: 1px solid rgba(156,164,196,0.9);
	font-size: 1.1em;
}
.informationSection > .mainContent .howDoI > div .answer {
	background: rgba(156, 164, 196,0.35);
        box-shadow: inset 0 1px rgba(255,255,255,0.75), 
                    inset 0 -1px rgba(156, 164, 196,0.9);
        border-bottom: 1px solid rgba(156, 164, 196,0.9);
        padding: 1em 1% 1em;
        width:98%;
}

/*** FORMS *****/
.errorSummary li {
    color: #c00;
    font-weight: 600;
    font-size: 1em;
    margin-left: 1em;
}
.error + span.disclaimerCheckBox:before {
  display: inline-block;
  color: red;
  content: "\00D7";
  font-weight: bold;
  font-size: 1.75em;
  line-height: 180%;
}
.hide {
  display: none;
}
.instructions {
  margin-top: 1em;
}
.instructions a {
  font-weight: bold;
}
label {
  display: inline-block;
  font-size: 1.2em;
  line-height: 160%;
  margin-left: 1em;
}
legend, label.textareaLabel {
    margin-top: 1em;
    font-size: 1.375em;
    line-height: 100%;
  color: #1e4675;
  font-weight: bold;
  display: block;
}
legend em, label.textareaLabel em {
  font-size: 75%;
  padding-left: 1%;
  font-weight: normal;
}
.disclaimer {
  font-size: 93.75%;
  line-height: 130%;
  margin: 0 10% 1em 5%;
}
.disclaimerAccept {
  margin-top: 1em;
}
.disclaimerAccept label {
  color: black;
  font-size: 1em;
  display: inline-block;
  line-height: 100%;
  font-style: italic;
  width: 90%;
  margin-top: 0;
}
select {
  padding: 0 0 0 4px;
  width: 93.8%;
  margin: 0.5em 1%;
  height: 33px;
  font-size: 1.125em;
  line-height: 33px;
  border: 1px solid #25476e;
  box-sizing: content-box;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
select.stateDropDownList {
  width: 45%;
}
fieldset {
    border: none;
    padding: none;
    margin: none;
}
fieldset > span {
    margin-left: 1em;
    display: block;
}
[type=text],
[type=password],
[type=email],
[type=file],
[type=url],
[type=num],
textarea {
  padding: 1px 0 1px 4px;
  -webkit-appearance: none;
  width: 93.8%;
  margin: 0.5em 1%;
  font-size: 1.125em;
  line-height: 33px;
  box-sizing: content-box;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
[type=text]#zip {
  width: 80%;
}
.opacity [type=text],
.opacity [type=password],
.opacity [type=email],
.opacity [type=file],
.opacity [type=url],
.opacity [type=num],
.opacity textarea {
  border: 1px solid #25476e;
}
  
[type=text],
[type=password],
[type=email],
[type=file],
[type=num],
[type=url] {
  height: 33px;
}
.opacity [type=text]:hover,
.opacity [type=password]:hover,
.opacity [type=email]:hover,
.opacity [type=file]:hover,
.opacity [type=url]:hover,
.opacity [type=num]:hover,
.opacity textarea:hover {
  border: 1px solid #c57a1a;  
}
.opacity [type=text]:focus,
.opacity [type=password]:focus,
.opacity [type=email]:focus,
.opacity [type=file]:focus,
.opacity [type=url]:focus,
.opacity [type=num]:focus,
.opacity textarea:focus {
  border: 1px solid #c57a1a;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
}
textarea {
  min-height: 60px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: normal;
  padding-top: 3px;
}
[type=text].nameBox {
  width: 45.25%;
}
.firstNameValidator, .lastNameValidator {
  margin-left: 2%;
  display: block;
}
.validator {
  margin-left: 1%;
  display: inline-block;
}
/*[type=checkbox] {
  vertical-align: top;
  margin-left: 1%;
}*/
[type=text].zipCode {
  width: 45%;
}
[type=submit], [type=button] {
  background: #db9131;
  background: -moz-linear-gradient(top, #db9131 0%, #c37818 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db9131), color-stop(100%, #c37818));
  background: -webkit-linear-gradient(top, #db9131 0%, #c37818 100%);
  background: -o-linear-gradient(top, #db9131 0%, #c37818 100%);
  background: -ms-linear-gradient(top, #db9131 0%, #c37818 100%);
  background: linear-gradient(to bottom, #db9131 0%, #c37818 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db9131', endColorstr='#c37818', GradientType=0);
  filter: alpha(opacity=100); /* IE6-IE8 */ /* This gives rounded corners in IE9 */
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  border: none;
  color: black;
  font-weight: bold;
  padding: 4px 6px;
  display: inline-block;
  margin: 0.5em;
}
[type=submit]:hover, [type=button]:hover {
  background: #c37818;
  background: -moz-linear-gradient(top, #c37818 0%, #db9131 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c37818), color-stop(100%, #db9131));
  background: -webkit-linear-gradient(top, #c37818 0%, #db9131 100%);
  background: -o-linear-gradient(top, #c37818 0%, #db9131 100%);
  background: -ms-linear-gradient(top, #c37818 0%, #db9131 100%);
  background: linear-gradient(to bottom, #c37818 0%, #db9131 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c37818', endColorstr='#db9131', GradientType=0);
}
[type=submit].mainButton {
  font-size: 1.25em;
  margin-left: 40%;
  margin-top: 1em;
  padding: 8px;
  border: 2px solid rgba(156, 164, 196, 0.9);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
[type=submit].aspNetDisabled, [type=submit].aspNetDisabled:hover {
    background: #ddd;
    color: #444;
    cursor: default;
    border: 1px solid #ddd;
    filter: none;
}
p.success {
  font-weight: bold;
  color: #7caf4c;
  margin-top: 1em;
}
p.success:before {
  display: inline-block;
  content: "\2713";
  color: #7caf4c;
  font-weight: bold;
  font-size: 1.375em;
  font-style: normal;
  margin-right: 0.25em;
}
.mainContent > *:first-child {
    margin-top: 0;
}
p.readMore {
    background: rgb(156,164,196);
    background: rgba(156, 164, 196, 0.25);
    border-bottom: 1px solid rgb(156,164,196);
    border-bottom: 1px solid rgba(156,164,196,0.9);
    font-size: 1.1em;
    padding: 0.5em;
}
p.readMore strong {
    background: url(../Images/arrowRight.gif) no-repeat 0.1em 50%;
    padding-left: 1em;
    cursor: pointer;
}
p.readMore strong.expanded {
    background-image: url(../Images/arrowDown.gif);
}
p.expanded {
    border-bottom: none;
}
@media screen and (max-width: 1085px) {
  .informationSection {
    width: 73%;
  }
    .informationSection > .pageHeading {
	   padding: 1em 0;
    }
}

@media screen and (max-width: 945px) {
    .informationSection {
	   width: 90%;
    }
}
@media screen and (max-width: 720px) {
    .informationSection {
	   width: 99%;
    }
    [type=text].nameBox {
        width: 93.8%;
    }
    .scgovBranding span.tagline {
	   margin-top: 0.75em;
	   font-size: 80%;
	   line-height: 140%; 
    }
    span.tagline br {
	   display: inline;
    }
    .scgovBranding a.logo, .scgovBranding span.tagline {
	   margin-left: 0.25em;
    }
    .pageContainer {
        margin-top: 0;
    }
}
@media screen and (max-width: 550px) {
    .mobileMessage {
	   display: inline-block;
	   font-style: italic;
    }
    .scgovBranding a.logo {
        width: 30%;
        margin-top: 0.5em;
    }
    .scgovBranding a.logo img {
        max-width: 100%;
    }
    .scgovBranding a.leaveSCgov {
        margin-right: 0.5em;
        font-size: 90%;
    }
}
@media screen and (max-width: 400px) {
    .scgovBranding a.leaveSCgov {
        display: none;
    }
}
@media screen and (max-width: 350px) {
    .scgovBranding span.tagline {
	   font-size: 78%;
	   line-height: 140%;
	   margin-top: 0.75em;
    }
    .scgovBranding a.logo {
	   width: 43%;
	   margin-top: 0.5em;
    }
    .scgovBranding a.logo img {
	   max-width: 100%;
    }
    .headerImage {
	   overflow: hidden;
    }
    .headerImage img {
	   max-width: 190%;
	   float: right;
    }
}