/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 30, 2012 02:36:39 PM America/New_York */
/*
@font-face {
    font-family: 'pt_sansregular';
    src: url('https://sdsos.gov/ptsans/ptsans_regular_macroman/PTS55F-webfont.eot');
    src: url('https://sdsos.gov/ptsans/ptsans_regular_macroman/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
url('https://sdsos.gov/ptsans/ptsans_regular_macroman/PTS55F-webfont.woff') format('woff'),
url('https://sdsos.gov/ptsans/ptsans_regular_macroman/PTS55F-webfont.ttf') format('truetype'),
url('https://sdsos.gov/ptsans/ptsans_regular_macroman/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_serifregular';
    src: url('https://sdsos.gov/ptserif/ptserif_regular_macroman/PTF55F-webfont.eot');
    src: url('https://sdsos.gov/ptserif/ptserif_regular_macroman/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
url('https://sdsos.gov/ptserif/ptserif_regular_macroman/PTF55F-webfont.woff') format('woff'),
url('https://sdsos.gov/ptserif/ptserif_regular_macroman/PTF55F-webfont.ttf') format('truetype'),
url('https://sdsos.gov/ptserif/ptserif_regular_macroman/PTF55F-webfont.svg#pt_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansbold';
    src: url('https://sdsos.gov/ptsans/ptsans_bold_macroman/PTS75F-webfont.eot');
    src: url('https://sdsos.gov/ptsans/ptsans_bold_macroman/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://sdsos.gov/ptsans/ptsans_bold_macroman/PTS75F-webfont.woff') format('woff'),
         url('https://sdsos.gov/ptsans/ptsans_bold_macroman/PTS75F-webfont.ttf') format('truetype'),
         url('https://sdsos.gov/ptsans/ptsans_bold_macroman/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/


/* ---- ---- ---- CSS RESET ---- ---- ---- */
html, body { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th { 
	margin:0; 
	padding:0; 
	border:0; 
	font-weight:normal; 
	font-style:normal; 
	font-size:100%; 
	line-height:1.2; 
	font-family:inherit; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
	display:block; 
}

audio[controls], canvas, video { 
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
}


/* JDWCommented
* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
*/


/*
 *
 * Base Styles 
 *
 */
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  font-size:100%; font-family: 'pt_sansregular', Arial, Helvetica, sans-serif; color:#4c4c4c;  /* set your base font here, to apply evenly */
}
select { color:#4c4c4c;  }
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family: 'pt_sansregular', sans-serif; }
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
/*
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
*/
ul, ol { /*margin: 0 0 20px 0; list-style-position:inside;*/ }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: 700; }
td { vertical-align: top; font-size:1em; min-height:1em; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: middle; margin:0 5px 0 0; }
input[type="checkbox"] { vertical-align: middle; margin:0 5px 0 0; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; outline:none; }
.largeButton, textarea { padding:.25em; border:#ababab solid 1px; border-radius:.25em; background:#FFF; background:rgba(255,255,255,0.5); box-shadow: 0px 3px 3px #2d2d2d; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); width:100%;  }
textarea:disabled { background-color:#EEEEEE; }
input[type=select] { -webkit-appearance: none; }
input[type-file] { border:1px solid #000; }

.newsshow {
	cursor: pointer;
}
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; display:inline-block; }
input[type=radio] { display:inline-block; }
/* colors for form validity */
/*
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
*/
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #4c4c4c; color:#fff; text-shadow: none; }
::selection { background:#4c4c4c; color:#fff; text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #4c4c4c;  } 
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}

/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
/*.clearfix { zoom: 1; }

    */




/********MAIN STYLES*******/

body {

	text-rendering:optimizeLegibility;
	background:#d0d0d0 url(https://sdsos.gov/images/bg_tile.png) repeat;

}

html, body {
    font-size: 16px;
}


.wrapper {
	width:100%;
	/*max-width:1000px;*/
	min-height:100%;
	margin:0 auto;
}
/*
.centerer { max-width:980px; margin:0 auto; position:relative; padding:0 1%; }
.centerer_small { max-width:870px; margin:0 auto; position:relative; padding:0 2%; }
    */
/*************  HEADER  ****************/
header { width:100%; margin:0; position:relative; z-index:100;   }
#red_drop { display:none; }
#election_results_bar { display:block; padding:1em 4%; background:#720000;  text-align: center; width:108%; margin-left:-4%; border-bottom:1px solid #FFF; position:relative; z-index:100; }
#election_results_bar ul, #election_results_bar li { list-style:none; }
#election_results_bar a { color:#FFF; text-decoration:none; font-weight:bold; font-size:1.5em; text-shadow: 2px 2px 1px #000; vertical-align:middle; }
#election_results_bar a:hover { text-decoration:underline; }
#election_results_bar img { vertical-align:middle; margin-right:1em; }

#header_contact { display:none; }
.contact_nav, .general_nav, .about_nav { display:none; }

.secondary { display:none; }
.secondary_expanded { display:block; }
.header_contact_icon { display:none; }
.secondary_expanded .expanded_omit { display:none; }
.blue_bar { width:100%; background:#00133b; border-bottom:#FFF solid 1px; color:#FFF; max-height:125px;box-shadow: 0px 5px 5px #2d2d2d; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); /* min-height:78px; */position:relative; z-index:1;  }

#grey_bar { display:none; }


#header_icons { display:none; }
.icon_navs a { display:block; float:left; margin:0 0 0 .5em; vertical-align:middle; }


#popout { display:none; }
#popout li { list-style-type:none; }

/*************  Content  ****************/
#middle { width:100%; /*padding-top:75px; */ margin:0; padding:0;}											


/*************FOOTER****************/
footer { padding:0 0 2em 0; width:100%; background:url(https://sdsos.gov/images/bg_tile_footer.png); }
footer .centerer { padding:0 1.5%;  }
.gold_band { background:#aa8f5e; width:100%; height:1em; position:relative; z-index:1; margin:0 0 2em 0; 
	box-shadow: 0px 5px 5px #2d2d2d; 
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); 
}

#contact_box { /*float:left; width:35%; margin:0 2% 0 0;*/ width:90%; margin:0 auto 1.5em auto; }
#contact_box .box_middle { width:100%; padding:.5em 0;  margin:0; border-left:#2d3b46 solid 1px; border-right:#2d3b46 solid 1px; box-shadow: inset 20px 0 20px -25px #797979, inset -20px 0 20px -25px #797979; background:none; }
#contact_box .box_content { padding:0; background:#acb5bc; text-align:center; color:#00163c; box-shadow: inset 40px 0 30px -40px #262626, inset -40px 0 30px -40px #262626; border:0; }
#contact_box a { color:#15377c; text-decoration:underline;  }
#contact_box a:hover { text-decoration:none; }

#footer_logo { margin:1.25em auto; max-width:90%; height:auto; }	
#address_block, #phone_block { width:100%; font-size:1em; /* width:40%;  text-align:left; */}
#address_block { margin-bottom:1em; /*margin:0 0 0 8%; float:left;*/  }
#phone_block { /*float:right; margin:0 8% 0 0 ; */}
#contact_box .divider { height:1px; margin:1.5em auto; width:80%; border-bottom:1px solid #4a4142; box-shadow: 0 1px 0 0 #f1f3f4; }
#quote_block { width:100%; position:relative; font-size:.9em;/* text-align:left;  margin:0; */}
#quote_copy { margin:0 0 0 10%; text-align:right; width:75%; padding:0 0 1em 0; /*background:#933; position:relative;float:left; width:60%; margin:.5em 0 .5em 8%;*/ }
#footer_signature { margin:.5em 0; max-width:100%; height:auto; }
#sos_name_footer { position:absolute;bottom:0; left:5px;max-width:35%; height:auto;/*   */ }

#connections_box { background:#00133b; color:#FFF; padding:.5em 0; margin:0; width:100%; text-align:center; font-size:.85em; font-family: 'pt_serifregular', "Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase; }
#connections_box a { font-family: 'pt_sansregular', Arial, Helvetica, sans-serif; color:#FFF; text-transform:none; }

#footer_bottom { width:80%; text-align:center; margin:0 auto; color:#FFF; }
#footer_bottom a { color:#FFF; text-decoration:none; font-size:.9em; }
#footer_bottom a:hover { text-decoration:underline; }

.facebook, .twitter, .youtube, .rss { background:url(https://sdsos.gov/images/social.png) no-repeat; /*display:block; float:left; margin-right:10px; margin-bottom:5px;*/ }
.facebook { width:23px; height:23px; background-position:0 0; }
.facebook:hover { background-position:-53px 0; }
.twitter { width:29px; height:22px; background-position:0 -23px; }
.twitter:hover { background-position:-53px -23px; }
.youtube { width:53px; height:20px; background-position:0 -45px; }
.youtube:hover { background-position:-52px -45px; }
.rss { width:18px; height:17px; background-position:0 -74px;  }
.rss:hover { background-position:-53px -74px; }

#header_sos_name { display:block; float:right; min-width:241px; min-height:78px; padding:0 0 0 0; margin:0 1em 0 0; text-transform:uppercase; text-align:right; background: none;}
#header_sos_name h3 { font-size:2.2em; margin:1em 20px 0 20px; font-family: 'pt_serifregular', "Palatino Linotype", "Book Antiqua", Palatino, serif; text-shadow: 5px 5px 5px #000; font-weight: bold; color: #ad986e;  }
#header_sos_name h4 { font-size:.95em; margin:.2em 110px 0 0; font-family: 'pt_serifregular', "Palatino Linotype", "Book Antiqua", Palatino, serif;  }

#header_logo { margin:1.4em 0 1.4em 0; float: left;/* margin-left:5%;   width:35%; */ } 

#grey_bar { display:block; width:100%; background:#414141; border-bottom:#FFF solid 1px; color:#000; box-shadow: 0px 5px 5px #2d2d2d; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); position:relative; z-index:8; padding:.5em;  }
#grey_bar ul { text-align:center; }
#grey_bar ul, #grey_bar li { padding:0; margin:0; clear: both; }
#grey_bar li { display:inline-block; list-style-type:none; float:none; margin:0 20px 0 0; }

#grey_bar a { margin:0; display:block; font-family: 'pt_serifregular', "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1em; line-height:1em; text-transform:uppercase; text-decoration:none; color:#FFF; padding:0;  }
#grey_bar a img {  margin:0 5px 0 0; vertical-align:middle; display:inline-block; }
#grey_bar a:hover { text-decoration:underline; }

#az-nav { display:block; text-align:center; }

#quote_block { font-size:1em; }

#nav_box { padding:1em 0; }
.nav_col_1, .nav_col_2, .nav_col_3 { float:left; width:33%; }
.nav_col_1 a img, .nav_col_2 a img, .nav_col_3 a img { display:block; max-width:100%; height:auto; margin:0 auto; }
.nav_col_1 a span, .nav_col_2 a span, .nav_col_3 a span { display:none; }

#contact_box { float:left;width:30%;margin:0 2% 0 0; }
#footer_navs { display:block; width:63%; float:left;  }

#footer_navs .treeview { display:none !important; }
#footer_navs .nav_col_1, #footer_navs .nav_col_2, #footer_navs .nav_col_3 { width:100%; float:none; }
#footer_navs .nav_col_1 a img, #footer_navs .nav_col_2 a img, #footer_navs .nav_col_3 a img { display:none; }
#footer_navs .nav_col_1 a span, #footer_navs .nav_col_2 a span, #footer_navs .nav_col_3 a span { display:block; }


#footer_navs nav { float:left; width:32%; margin-right:2%; margin-bottom:1.5em; color:#FFF; }
#footer_navs nav#individuals { margin-right:0; }
#footer_navs nav#general { margin-right:0; width:100%; }
#footer_navs nav#general .nav_col_1, #footer_navs nav#general .nav_col_2, #footer_navs nav#general .nav_col_3 { float:left; width:30%; margin-right:5%; }
#footer_navs nav#general .nav_col_3 {margin-right:0; }
#footer_navs nav h4 img { float:left; margin:.2em 5px 0 0; }
#footer_navs nav h4 { font-family: 'pt_serifregular', "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.1em; line-height:1.2em; margin:0 0 .5em 0; padding:0 0 .5em 0; border-bottom:1px solid #89969e; box-shadow: 0 1px 0 0 #382b2b; text-transform:uppercase; }
#footer_navs nav h4 a { font-size:1.1em; line-height:1.2em; }
#footer_navs nav ul { margin:0; padding:0; }
#footer_navs nav ul li { margin:0 0 .4em 0; padding:0; list-style:none; }
#footer_navs nav a { color:#FFF; text-decoration:none; font-size:.85em; }
#footer_navs nav a:hover { text-decoration:underline; }
#quote_block { font-size:.8em;}
#address_block, #phone_block { font-size:.8em; }

#footer_bottom { margin-top:1em; }
#footer_bottom nav { float:right; text-align:right; width:65%; }
#footer_bottom nav img { float:right; margin:-10px 0 0 15px; }
#footer_bottom #social { float:left; margin-right:5%; color:#FFF; font-size:.8em; width:30%; }


/*************INTERIOR PAGES***********/
#logo_box { float:left; width:40%;  }
#section_logo { max-width:100%; height:auto;  }

#nav_box { float:right; width:60%; }

#header_contact { display:block; }
.secondary { display:block; }
.secondary_expanded { display:none; }
.header_contact_icon { display:block; }
.secondary_expanded .expanded_omit { display:block; }


/* tertiary nav - contact in header */
#header_contact { float:right; margin:1.6em 0em 0 0; padding:0 0 0 0; text-align:right;  }
#header_contact ul { margin:0; padding:0;}
#header_contact ul li { margin:0 0 .2em 0; padding:0; list-style:none; }
.header_contact_icon { vertical-align:middle; display:inline-block; margin-left:.5em;  }
#header_contact a:link, #header_contact a:active, #header_contact a:visited { color:#FFF; text-decoration:none; }
#header_contact a:hover { text-decoration:underline; }

#election_results_bar { float:left; width:auto; border-radius:10px; box-shadow: 0px 5px 5px #2d2d2d; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); padding:25px 1em .3em 1em; margin:-25px 0 0 0; position:absolute; left:4em; z-index:5; background:#720000; border:1px solid #FFF;  }
#election_results_bar a { font-size:1.25em; }
#election_results_bar img { margin-right:.5em; margin-top:-3px; }

 
/*************INTERIOR PAGES***********/
#logo_box {  width:30%;  }
#nav_box {  width:70%; }




.quad_col_container { margin-top:2em; }
.quad_col { width:24%; margin:0 1% 0 0; float:left;  }
.quad_col4 { margin-right:0;}

#header_sos_name h3 { margin:1.25em 48px 0 45px; font-size: 25px; float:left;  }
#header_sos_name { display:block; float:left; min-width:241px; min-height:125px; padding:0 0 0 0; margin:0 0em 0 0; text-transform:uppercase; text-align:right; background: none;}

.district_legend div, .county_legend div { width:22%; }

#middle { /*padding-top:116px;*/  }
.interior_header { margin-top:6.5em; }
#header_sos_name h3 { margin:1.25em 130px 0 0px;  }
#header_sos_name { display:flex; float:right; min-width:241px; min-height:125px; padding:0 0 0 0; margin:0 0em 0 0; text-transform:uppercase; text-align:right; background: url(https://sdsos.gov/images/johnson_header.png) no-repeat right top; background-size: auto 124px;}
footer a, footer, footer a:hover { color: white;}
.col-centered{
    float: none;
    margin: 0 auto;
}
.panel { padding: 15px; }
.form-control { margin-bottom: 15px;}

#reportHeading, .tab-sub-heading, .reportHeadingEntityName { font-family: Georgia, 'Times New Roman', Times, serif; margin-top: 10px;}

.tab-sub-heading { margin: 0 0 10px 0; color: #517da6;}

.breadcrumb {
    background-color: transparent !important;
}

.search-results li {
    margin-bottom: 5px;
    font-size: .85em;
}


.fieldData {
    font-size: 15px;
    margin-bottom: 10px;
}

.fieldLabel {
    font-size: 12px;
    color: #999999;
}

.signature label{
    width: 90%;
}

.required {
    color: red;
}

.checkbox label{
    font-size: .9em;
}

.btn-success-grad {
    background: #5cb85c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#5cb85c, #006730); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5cb85c, #006730); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5cb85c, #006730); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5cb85c, #006730); /* Standard syntax */
}
.table-responsive{
    position: relative;
}
.force-relative{
    position: relative;
}

.optional {
    padding: 15px;
    font-size: 20px;
    background-color: transparent;
    margin-right: 15px;
    border-top-right-radius: 4px;
    color: #5cb85c;
}