﻿/* ---------------------------------------- 
Site: Mississippi Secretary of State Delbert Hosemann
Author: Mississippi Interactive/ Michelle Pakron
Last Change: 8/22/2014

------------------------------------------ */

/* -------------------- Fonts -------------------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* -------------------- #Standard Styles -------------------- */
body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	background: url('/style library/assets/img/pattern10.png') repeat;	
}

.container {
	border-top:1px solid #666;
	border-left:2px solid #666;
	border-right:2px solid #666;
	border-bottom:none;
	background-color:#F2F2F2;
	height:100%;
	margin-top:8px;
}
td.ms-paging img[src="/_layouts/images/prev.gif"] {
	display:none !important;
}
a:link {
	color:#0057E8;
}
a:visited{
	color:#00348A;
}
.clear {
    clear:both;
}

/* -------------------- #Backtotop -------------------- */

#backToTop {
background-color:#707070;	
width:50px;
height:50px;
margin-bottom:20px;	
float:right;
margin-right:12px;
border-radius:2px;
}

#backToTop a {
display:block;
width:50px;
height:50px;
font-size:20px;
}
#backToTop i {
padding: 15px 15px 0 15px;
}

/* -------------------- #Header -------------------- */
.global_links {
	line-height:200%;
	padding-left:8px;
}
.sm_icons {
	text-align:right;
	padding-right:8px;
}

img.sm_tile {
	padding-left:5px;
	padding-right:5px;
}

#banner {
	border-bottom:5px solid #ED1C24;
	border-top:5px solid #071040;
}

.sos {
background: url('/style library/assets/img/Delbert.png') no-repeat;
}

img#banner-phone-1, img#banner-tablet-1 {
	display:none;
}
/* -------------------- #Page -------------------- */
#body-content {
/*min-height:600px;*/
}

#v5-page-content {
background-color:#F2F2F2;
padding-bottom:60px;
border-left:1px solid #999;
	min-height:820px;
}

#body-content {
	background-color:#00245D;
}

/* -------------------- #H tags -------------------- */

h1 {
	color:#616161;
	font-weight:400;
}
h2 {
color:#185B00;
font-size:175%;
}

h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
		
}
/* -------------------- #Nav -------------------- */

nav {	
	color:#fff;
	height:100% !important;
}

nav ul li {
	list-style-type:none;
}

/* -------------------- #Buttons -------------------- */

.btn-primary, .btn-success {
  color: #ffffff;
  background-color: #1D61BC;
  border-color: #1D61BC;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:visited {
  background-color: #357ebd;
  border-color: #3071a9;
}
a.btn-primary:link, a.btn-primary:hover, a.btn-primary:visited, a.btn-primary:active {
color: #ffffff !important;	
}

.btn-default a:hover {
color:white;
}

.btn-info {/* used as cancel button */
  color: #ffffff;
  background-color: #5C5D64;
  border-color: #5C5D64;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:visited {
  background-color: #ED1C24;
  border-color: #ED1C24;
}

/* -------------------- #Basic Styles -------------------- */

#MainContent ul li {
	list-style-position: outside;
	list-style-image: url(../img/bullet01.png);	
	padding-bottom:4px;
	padding-top:4px;
}
.content-box h6 {
	background-color:#DFDFDF;
	font-weight:700;
	text-transform:uppercase;
	font-weight:bold;
    color:#185C01;
    margin-top:15px;
    padding:10px;
    -webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.content-box div.inner {
	padding: 9px 15px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

hr {
  border-top: 1px dotted #777777;
}

.content-list li {
margin-bottom:4px;
}

/* -------------------- #Notices -------------------- */

#notices {
padding:6px 8px 10px 8px;
/*background-image:url('../img/notices_bttm_tile.png');
background-repeat:repeat-x;
background-position: bottom;*/
margin-bottom:8px;
overflow:hidden;
border-bottom:1px solid #00245D;
/*min-height:55px;*/
}

span.notices-header {
color:#ED1C24;
font-weight:800;
display:block;
float:left;
width:163px;
}
span.notices-content {
display:block;
float:left;
}

@media (max-width:1024px) {
span.notices-header img {
display:none;
}
}

/* -------------------- #Boxes -------------------- */

.SOS-box {
	
}

.SOS-box h3 {
color:#EE2931;
font-size:120%;	
background-image:url('../img/horz-dot-tile.png');
background-repeat:repeat-x;
background-position: bottom;
padding-left:8px;
padding-bottom:4px;
}

.SOS-box ul {
line-height:140%;	
}

.SOS-box ul li {
	list-style-position: outside;
	list-style-image: url(../img/bullet01.png);	
	padding-bottom:4px;
	padding-top:4px;
}


.SOS-navBox {
background-color:rgb(249,252,252);
border-color:rgb(199,199,199);
border-width:1px;
-moz-border-radius:3%;
-webkit-border-radius:2%/2%;
border-radius:2%/2%;
border-style:solid;
}

.SOS-navBox h3 {
color:#185C01;
font-size:110%;	
background-image:url('../img/horz-dot-tile.png');
background-repeat:repeat-x;
background-position: bottom;
font-weight:700;
padding-bottom:4px;
text-transform:uppercase;
margin-left:10px;
margin-right:10px;
font-family: 'Open Sans';
}

.SOS-navBox h4 {
font-size:85%;
margin-left:10px;
font-weight:700;

}


.SOS-navBox ul {
line-height:140%;	
margin-left:0;
padding-left:10px;
padding-right:10px;
}

.SOS-navBox ul li {
	list-style: none;	
	padding-bottom:4px;
	padding-top:4px;
	background-image:url('../img/horz-dot-tile.png');
background-repeat:repeat-x;
background-position: bottom;
}


.feature-box { /* feature boxes on home page */
	width:92%;
	height:100%;
	overflow:hidden;
	padding:4px;
}

.feature-content {
min-height:175px;
display:block;
overflow:hidden;
padding-top:4px;
}
.feature-box img {
	float:left;
	margin-right:6px;
	margin-bottom:3px;
}

.feature-box h3 {
	font-size:1.15em;
	color:#EC1B24;
	font-weight: 800;
	margin-top:0;
}

.feature-box p a {
display:inline;
}

.feature-box p a:link {
color:#0057E6;
}

.feature-box p {
	color:#333;
	font-size:1em;
	text-transform:none;
	line-height:140%;
}

a.feature-link {
	background-color:rgb(51,51,51);
    -moz-border-radius:2%;
	-webkit-border-radius:1%/22%;
	border-radius:1%/22%;
	text-align:center;
	text-transform:uppercase;
	padding-top:2px;
	padding-bottom:2px;
	  position: absolute;
  right: 3px;
  bottom: 4px;
  left: 3px;
  z-index: 10;

}

a.feature-link:link, a.feature-link:visited {
	color:#fff;
}
a.feature-link:hover {
	background-color:rgb(0,36,93);
	text-decoration:none;
	}
		
.feature-img {
width:40%;
float:left;
}

.feature-text {
float:left;
width:58%;
padding-left:2%;
}
#WebPartWPQ3 a.feature-link {
padding-top:3px;
padding-bottom:3px;
}

#features {
margin-top:-30px;
padding:0;
}

#features ul {
margin:0;
padding:0;
}

/* -------------------- #Home Featured Services -------------------- */
ul.featured-services {
margin:12px 0 0 0 ;
padding:0;
}

ul.featured-services li {
border-bottom: 1px dotted #B2B2B2;
padding-bottom:6px;
margin-bottom:8px;
}

ul.featured-services h3 {
color:#ED1C24;
font-size:120%;
font-weight:700;
margin:0;
line-height:110%;
}
.fs-wrapper {
overflow:hidden;
}
.fs-text/*, .fs-img*/ {
float:left;
}

 .fs-img {
float:right;
}


.fs-text {
width:75%;
padding-right:2%;
}

.fs-img {
width:23%;
text-align:right;
}

.fs-text p {
font-size:100%;/*110*/
line-height:140%;
padding-top:3px;
}

a.fs-link {
margin-top:8px;
display:block;
background: url('/style library/assets/img/bullet03.png') no-repeat;
padding-bottom:2px;
padding-left:16px;
}

/* -------------------- Home #Slider -------------------- */

.home-slider {
padding-left:15px;
padding-right:15px;
}

.carousel-indicators {
  position: absolute;
  top: 10px;
  left: 85%;
  z-index: 15;
  width: 120px;
  padding-left: 0;
  margin-left: -60px;
  text-align: center;
  list-style: none;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  z-index: 10;
  padding-top: 5px;
  padding-bottom: 0;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
  background: rgba( 0, 0, 0, 0.5);
border-bottom:7px solid #333;
}

.carousel-caption h3 {
font-size:85%;
text-align:left;
margin-left:10px;
margin-top:0;
margin-bottom:0;
font-weight:700;
}

.carousel-caption p {
font-size:75%;
text-align:left;
margin-left:10px;
margin-right:6px;
}


/* -------------------- Home #Feed Boxes -------------------- */

#feedBoxes .col-lg-4 {
	height:25em;
	margin-top:-15px;
}
.feed-box {
	width:92%;
	height:100%;
	overflow:hidden;
	padding:4px;
	position:relative;
}

.feed-box h3 {
color:#185C01;
font-size:125%;
text-transform:none;
font-weight:600;
margin-top:0;
margin-left:8px;
}
h3.feed-box-pr {
background: url('/style library/assets/img/icon-pr.png') no-repeat;
padding-left:35px;
padding-bottom:12px;
padding-top:6px;
}

h3.feed-box-news {
background: url('/style library/assets/img/icon-news.png') no-repeat;
padding-left:35px;
padding-bottom:12px;
padding-top:6px;
}

h3.feed-box-tw {
background: url('/style library/assets/img/icon-twitter.png') no-repeat;
padding-left:35px;
padding-bottom:12px;
padding-top:6px;
}

.feed-box ul {
list-style-type:none;
margin-left:0;
padding-left:12px;
text-transform:none;
font-size:13px;/*.95em*/
padding-right:10px;
}

.feed-box ul li {
border-bottom:1px dotted #B2B2B2;
padding-bottom:4px;
padding-top:4px;
}

.feed-box ul li:hover {
background-color:#F0F0F0;
}

.feed-box a:hover {
text-decoration:none;
}
#div_5b8865d6-02ec-4cdd-85c8-f9b6a6ac813e ul {
margin-top:-20px;
padding-top:0;
}
#div_5b8865d6-02ec-4cdd-85c8-f9b6a6ac813e ul li {
font-size:12px;
}

@media screen and (max-width: 880px) {
#div_5b8865d6-02ec-4cdd-85c8-f9b6a6ac813e ul li {
font-size:12px !important;
}

}
/* -------------------- Custom #Webparts -------------------- */
#ctl00_m_g_f7d54bf5_8b06_4d92_8f5c_9b9b65772f0a_updatePanelctl00_m_g_f7d54bf5_8b06_4d92_8f5c_9b9b65772f0a,
#ctl00_m_g_a4d8d243_cdb9_4f93_9382_27d3e5fb6110_updatePanelctl00_m_g_a4d8d243_cdb9_4f93_9382_27d3e5fb6110 {
	font-size:1.3em;
	margin-top:10px;
}
#ctl00_m_g_c3b09159_77bb_40b8_a248_59b18aa18b51_updatePanelctl00_m_g_c3b09159_77bb_40b8_a248_59b18aa18b51 tr,
#ctl00_m_g_3a2bf922_b2c0_418d_b514_a6b07cd683e7_updatePanelctl00_m_g_3a2bf922_b2c0_418d_b514_a6b07cd683e7 tr, 
#ctl00_m_g_f6d21146_e8cd_4c6d_8523_e919ea6f1eae_updatePanelctl00_m_g_f6d21146_e8cd_4c6d_8523_e919ea6f1eae tr, 
#ctl00_m_g_56c80fe6_cf91_4c14_a61c_a51ab604397f_updatePanelctl00_m_g_56c80fe6_cf91_4c14_a61c_a51ab604397f tr,
#ctl00_m_g_ab5c63a8_3f36_4abc_8e91_1aaaec0be878_updatePanelctl00_m_g_ab5c63a8_3f36_4abc_8e91_1aaaec0be878 tr,
#ctl00_m_g_27930f12_8c31_4c65_9de3_b4f0793c583f_updatePanelctl00_m_g_27930f12_8c31_4c65_9de3_b4f0793c583f tr,
#ctl00_m_g_02823a80_8c78_4f8d_a405_edacc35ca412_updatePanelctl00_m_g_02823a80_8c78_4f8d_a405_edacc35ca412 tr, 
#ctl00_m_g_476ad4dc_a36c_44fc_baf9_4367021f7394_updatePanelctl00_m_g_476ad4dc_a36c_44fc_baf9_4367021f7394 tr,
#ctl00_m_g_2c56f678_8738_44ed_822e_71ac10399286_updatePanelctl00_m_g_2c56f678_8738_44ed_822e_71ac10399286 tr,
#ctl00_m_g_371238cd_77e4_4530_8190_245047d84340_updatePanelctl00_m_g_371238cd_77e4_4530_8190_245047d84340 tr, 
#ctl00_m_g_fa1751bf_1a94_40b9_ae94_047d014ab159_updatePanelctl00_m_g_fa1751bf_1a94_40b9_ae94_047d014ab159 tr, 
#ctl00_m_g_f221a42e_2e88_48dc_8221_87e0bbdad7b9_updatePanelctl00_m_g_f221a42e_2e88_48dc_8221_87e0bbdad7b9 tr, 
#ctl00_m_g_27930f12_8c31_4c65_9de3_b4f0793c583f_updatePanelctl00_m_g_27930f12_8c31_4c65_9de3_b4f0793c583f tr,
#ctl00_m_g_adecc507_6129_46ff_af94_0a6db2c3d99c_updatePanelctl00_m_g_adecc507_6129_46ff_af94_0a6db2c3d99c tr, 
#ctl00_m_g_f4d51247_359a_4105_a233_c3005ab61430_updatePanelctl00_m_g_f4d51247_359a_4105_a233_c3005ab61430 tr, 
#ctl00_m_g_28eed5d2_ad51_4ba9_9a75_bf8e0747e7e2_updatePanelctl00_m_g_28eed5d2_ad51_4ba9_9a75_bf8e0747e7e2 tr, 
#ctl00_m_g_b80199a0_5b17_4afa_8bae_71901d3bdb9f_updatePanelctl00_m_g_b80199a0_5b17_4afa_8bae_71901d3bdb9f tr, 
#ctl00_m_g_eeb62f5d_1c5a_422b_b858_d047871de163_updatePanelctl00_m_g_eeb62f5d_1c5a_422b_b858_d047871de163 tr, 
#ctl00_m_g_a9952dd3_6692_4a8b_95c8_f7e360203192_updatePanelctl00_m_g_a9952dd3_6692_4a8b_95c8_f7e360203192 tr, 
#ctl00_m_g_e0fb6013_d4af_407f_a704_c2439b0690de_updatePanelctl00_m_g_e0fb6013_d4af_407f_a704_c2439b0690de tr
 {
	width:33%;
	float:left;
}
a.padding {
	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	padding-top:5px;
}
td.election-faq {
	font-size:1.3em;
	color:#333333;
}

td.countyInfo h2 {
margin-top:0px;
}
td.countyInfo {
	font-size:1.3em;
	color:#333333;
}
td.countyInfo img {
	margin-top:10px;
	margin-left:45px;
	margin-bottom:25px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:16px solid #ffffff;
	
}
td.countyInfo .left {
	width:30%;
	float:left;
}
td.countyInfo .right {
	width:48%;
	float:left;
}

tr.ms-alternating {
	background-color:transparent;
}
tr#group0, tr#group1, tr#group2 {
	width:100% !important;
	float:none;
	clear:both;
}
tr#group0 td {
	background-color:transparent !important;
	font-size:1.6em;
	border:0px;
	font-weight:700;
    margin-top:15px;
    border-bottom:0px;
	color:#185C01;/*#eb2631*/
	padding-bottom:5px;
}
tr#group1 td {
	background-color:transparent !important;
	font-size:1.6em;
	border:0px;
	font-weight:400;
    margin-top:15px;
    border-bottom:0px;
	color:#616161;
	padding-bottom:5px;
}
tr#group2 td {
	background-color:transparent !important;
	font-size:1.6em;
	border:0px;
	font-weight:400;
    margin-top:45px;
    padding-left:10px;
    border-bottom:0px;
	color:#185B00;
	padding-bottom:5px;
}
td.elections-td  {
	padding-left:35px;
	padding-bottom:10px;
}
td.elections-td a {
	font-size:1.3em;
	line-height:1.6em;
}
td.elections-td a:link {
	color:#0057E6;
}
/* -------------------- #Footer -------------------- */

footer {
	background-color:#333333 !important;
	color:#fff;
	font-size:80%;

}

footer a:link, footer a:hover, footer a:visited, footer a:active {
color:#fff;	
}

footer p {
	padding-left:8px;
	color:#fff;
}

#footer-seal {
margin-top:-75px;
}

.footer-content {
width:80%;
float:left;
}
.footerBTT {
width:20%;
float:left;
}

/* -------------------- Page #Layout Styles -------------------- */

#MainContent {
	padding-left:12px;
	padding-right:8px;
}
#SubContent01 {
	padding-left:8px;
	padding-right:12px;

}
#SubContent02 {
	
}

.SOS-breadcrumb {
font-size:90%;	
}

/* -------------------- #search -------------------- */
.SOS-search {
	
}

#search-mobile, #search-mobile-home {
	display:none;
}

@media (max-width: 769px) {
#search-desktop {
	display:none;
}
#search-mobile {
	display:block;
}

}




/* -------------------- Accordions -------------------- */

.accordion-heading {
	background-color:#DFDFDF;
	font-weight:700;
}

.accordion-heading:hover {
	background-color:#D1D1D1;
}


.accordion-heading a:link, .accordion-heading a:hover, .accordion-heading a:visited, .accordion-heading a:active {
	color:#185C01;
}

.accordion-group {
	border-color:#DFDFDF;
}

.ms-WPBody {
	font-size:120%;
}

/*  -------------------- Link Boxes -------------------- */

.ImportantLinks {
display:block;
clear:both;
overflow:hidden;
}
.LinkBox {
background-color:rgb(255,255,255);
border-color:rgb(229,229,229);
border-width:1px;
border-radius:2%/3%;
border-style:solid;
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.33);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.33);
box-shadow:1px 1px 1px rgba(0,0,0,0.33);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#54000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#54000000,Positive=true);
float:left;
border-bottom:1px solid #EE2931;
text-transform:uppercase;
margin-bottom:15px;
position:relative;
}

.LinkBox:hover {
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.66);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.66);
box-shadow:1px 1px 1px rgba(0,0,0,0.66);
border-bottom:1px solid #00358C;
}


.LinkBox_w25 {
	width:22%;
	margin-right:2%;
	margin-left:1%;
}

.LinkBox_w30 {
	width:30%;
	margin-right:2%;
	margin-left:1%;
}

.LinkBox_h75 {
	height:75px;
}

.LinkBox_h100 {
	height:100px;
}

.LinkBox_h125{
	height:125px;
}


.LinkBox_h150 {
	height:150px;
}


.LinkBox span {
	padding:5px;
	display:block;
	color:#0057E7;
	font-weight:700;
	font-size:125%;
	line-height:115%;
}

.LinkBox a {
	display:block;
}

.LinkBox_sm {
	font-size:.95em !important;
}



/* -------------------- Helper Classes -------------------- */

img.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
.moveUp_5 {
	margin-top:-5px;
}

.moveUp_10{
	margin-top:-10px;
}

.moveUp_15 {
	margin-top:-15px;
}

.well {
background-color:#E1E1E1;	
}


/* -------------------- #Menu -------------------- */
 
 #responsive-admin-menu {
background-color: #00245D;/*#404040*/
float:left;

}


#responsive-admin-menu #responsive-menu {
	height: 50px;
	display: none;
	line-height: 50px;
	cursor: pointer;
	color: #ffffff;
	text-indent: 10px;
}

/* Menu Styles */
#responsive-admin-menu #menu {
	width: 100%;
}
#responsive-admin-menu #menu a {
	border-bottom: 1px dotted #52535a;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 12px;
	color: #FFFFFF;
	position: relative;
	font-weight: 400;
	overflow: hidden;
	width:auto;
	padding-right:30px;/* padding of nav link */
}
#responsive-admin-menu #menu a:hover {
	color: #222;
	background-color:#fcfcfc;
}

#responsive-admin-menu #menu div {
	display: none;
	width: auto;
	background-color: #1D61BC;/*#5c5d64*/
	overflow: hidden;
}
#responsive-admin-menu #menu div a {
	color: #fff;/*#c0c0c0*/
}
#responsive-admin-menu #menu div a:hover {
	color:#1D61BC;/*#888888*/
}
#responsive-admin-menu #menu a.submenu:before {
	font-family: FontAwesome;
	content: "\f054";
}
#responsive-admin-menu #menu a.downarrow:before {
	font-family: FontAwesome;
	content: "\f078";
}
#responsive-admin-menu #menu a.submenu:before {/* arrow */
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 17px;
}

a.noSubMenu {
	background-color:#00358C;
}

a.noSubMenuHome {

}

/* -------------------- Responsive #iFrame -------------------- */

.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media screen and (max-width: 768px)/* 480 */ {
	#responsive-admin-menu {
		min-height: 50px;
		float: left;
		width: 100%;
		background-color: #404040;
		height: auto;
		position: static;
		top: 0;
	}
	#responsive-admin-menu #logo {
		display: none;
	}
	#responsive-admin-menu #menu a span {
		display: inline-block;
	}
	#content-wrapper {
		margin-left: 0;
		padding-top: 60px;
	}
	#responsive-admin-menu #responsive-menu {
		display: block;
	}
	#responsive-admin-menu #menu {
		display: none;
	}
	#responsive-admin-menu #menu a {
		color: #FFFFFF;
	}
	#responsive-admin-menu #menu a.submenu:before {
		font-size: 14px;
		right: 15px;
	}
	
	.SOS-navBox {
-moz-border-radius:1%;
-webkit-border-radius:1%/1%;
border-radius:1%/1%;

}

}

/* End Menu Styles */

/* -------------------- Gallery Styles -------------------- */


li.gallery-img {
float:left;	
margin-right:6px;
margin-bottom:4px;
border:1px solid #00358C;
background-color:#fff;
}

li.gallery-img img {
padding:2px;
width:150px;
	height:125px;	
}

li.gallery-img:hover {
	border:1px solid #ED1C24;
}

/* -------------------- #Google Search Styles -------------------- */

/*#cse-search-form, #cse-search-form2 {
	margin-top: 20px;	
}*/
/* search buttons */ 
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
padding:0 3px;
 width:56px;
height:26px;
  background-color:#00348A;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left:0;
    font-size: 1em;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  text-transform:uppercase;
  line-height:140%;

}

.gs-snippet {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;

}

.gs-title {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;

}
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover {
background-color:#ED1C24;

}

.cse .gsc-control-cse, .gsc-control-cse {/* sets the background for the results page */
background-color:#F2F2F2 !important;
border:none !important;
}

.gsc-search-box {
/*border-bottom:1px dotted #b2b2b2;*/
padding-bottom:8px;
}

table.gsc-table-result:hover {
background-color:#fff;
}

input.gsc-input {/* search input */
background-image:none!important;/* removes google placeholder */

  font-size: 1em;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;

    border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
line-height:140%;

height:30px;
}

input.gsc-input:hover {
    border-color: #ED1C24;
  }

.gsc-clear-button {
	display:none;
}

table.gsc-branding {
	display:none;
}

.gsc-promotion {
background-color:#FFF !important; 
}

.gs-title.gs-bidi-start-align {
/*border-bottom:1px dotted #b2b2b2;*/
}
.cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion {
border-color:#1D61BC !important;
    border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;

}
.cse .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-webResult.gsc-result.gsc-promotion:hover {
border-color:#ED1C24 !important;

}

.gsc-promotion .gs-title {font-weight:bold !important;}
.gsc-completion-container {text-align:left !important;}
   
.SOS-search {
	padding-bottom:6px;
	/*border-bottom:1px dotted #b2b2b2;*/
	}
h3.searchDB {
color:#eb2631;	
font-style:italic;
border-bottom:1px dotted #b2b2b2;
margin-bottom:20px;
margin-left:10px;	
	}
	
.searchSuggestions {
	margin-bottom:15px;
}

.searchSuggestions .LinkBox {
	text-align:center;

}

#searchBoxFloat {
	width: 240px;
	float:right;
	margin-left:12px;
	margin-bottom:12px;
}

/* ---------- Search Page Media Queries ---------- */
@media (max-width: 1024px) {
.LinkBox span {
	font-size:100%;
	}
}

@media (max-width: 560px) {
.LinkBox span {
	font-size:100%;
}
.LinkBox_w25 {
	width:47%;
	margin-right:2%;
	margin-left:1%;
	margin-bottom:6px;
}
.searchSuggestions {
	margin-bottom:6px;	
}
h3.searchDB {
font-size:120%;
padding-bottom:8px;
	}
}
/* ---------- End Search Page Media Queries ---------- */

/* -------------------- News Pages -------------------- */
.sectionHeader {
	font-size:1.65em;
	margin-bottom:-20px;
}
.posted {
	border-top:1px dotted #b2b2b2;
}

a.more {
	font-weight:600;
}

a.more .fa {
	
	margin-right:4px;
	}


/* Buttons */

a.btn-default:hover {
	color:#fff;
}

/* -------------------- #FAQs -------------------- */

dl.faq dt {
	margin-top:8px;
}

dl.faq dd {
	margin-bottom:8px;
}

/* -------------------- How Do I..? -------------------- */

ul.HowDoI {
	padding-right:30px;
}

ul.HowDoI li {
	border-bottom: 1px solid #cccccc;
}

.HowDoI-A {
	line-height:145%;
	font-size:110%;
}

ul.HowDoI-Home {
	margin-left:0;
	padding-left:22px;
}
ul.HowDoI-Home li {
list-style-position: outside;
	list-style-image: url(../img/bullet02.png);	
	padding-bottom:2px;
	padding-top:2px;
	font-size:110%;	
}



/* -------------------- HOME PAGE -------------------- */

.Home-wrapper {
	padding: 0 10px 10px 10px;
}

#Home-row {
	padding-bottom:20px;
}

.home-search-mobile {
	padding-left:10px;
	padding-right:10px;
}

.HowDoI-wrapper {
	padding-left:10px;
}
.HowDoI-wrapper h3 {
	font-size:110%;
	font-weight: 600;

}
.HowDoI-wrapper a:hover {
color:#A2021B;
text-decoration:none;	
}


a.feature-link-2 {
	background-color:#00358C;
border-radius:2px;
	text-align:center;
	text-transform:uppercase;
	padding-left:6px;
	padding-right:6px;
}

a.feature-link-2:link, a.feature-link-2:visited {
	color:#fff !important;
}
a.feature-link-2:hover {
	background-color:rgb(0,36,93);
	text-decoration:none;
	}

/* -------------------- #Fees & Forms -------------------- */

.FormNote, .red {
	color:red;
}

/* -------------------- #Locations -------------------- */

.mapLocationInfo {
	width:33%;
	float:left;
}

.mapLocationInfo span {
	font-weight:600;
}

ul.nav-tabs {
	margin-top:25px;
}

/* -------------------- #Commercial Registered Agents -------------------- */

ul.contentList {
}

ul.contentList li {
border-bottom:1px dotted #B2B2B2;
padding-left:4px;
}
ul.contentList li:hover {
background-color:#DDDDDD;	
}


/* -------------------- #Sharepoint Overrides -------------------- */

table.ms-unselectedtitle, table.ms-unselectedtitle td, table.ms-unselectedtitle th {
	border-top:none !important;
}

/* -------------------- #Forms -------------------- */

/* overriding Bootstrap's form field validation styles */
.has-error .control-label {
  color: #ed1c24;
}

.has-error .form-control {
  border-color: #ed1c24;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .input-group-addon {
  color: #ed1c24;
  background-color: #f2dede;
  border-color: #ed1c24;
}

.dvwp-bottom-border {
	border-bottom:1px solid #666;
}

.ms-rte-wpbox li, .ms-rtestate-read ms-rte-wpbox ul li {/* removes the arrow from SP drop lists */
	
list-style: none !important;
}

/* ********** Press Releases ********** */
.PR-seals img {
margin:0 auto 0 auto;
display: block;
}

.PR-seals {
margin-bottom:18px;	
}

.PR-release, .PR-contact {
margin-bottom:0;	
}

.PR-content {
padding-bottom:8px;
border-bottom:1px dotted #333;	
margin-bottom:8px;
}

h1.PR-title {
	font-size:1.65em;
}

#PR_YearsList {
	display:none;
	font-size:20px;
	padding:4px;
	margin-bottom:12px;
}

#RecentPressReleasesContainer ul li a:hover {
color:#A2021B;	
}

/* -------------------- #Image Thumb Lists -------------------- */

.thb-list .col-lg-4, .thb-list .col-sm-4, .thb-list .col-xs-6 {
text-align:center;
margin-bottom:25px;
min-height:250px;
}

/* -------------------- #Elections -------------------- */

table.QF {
	font-size:.75em;
}

.QF-subhead {
	font-style:italic;
}

table.QF th {
	text-align:center;
	font-size:1.25em;
}

p.CQF {
	color:#ED1C24;
}
/* -------------------- Custom #Media Queries -------------------- */
@media (max-width:768px) {
#searchBoxFloat {
	width: 100%;
	float:none;
	margin-left:0;
	margin-bottom:12px;
}
	#global {
display:none;		
  }
.LinkBox {
	font-size:120%;
}

.LinkBox span > a, .LinkBox span {
	display:block;
}
}

@media (max-width:1170px){
.feature-content {
height:195px;
}
#feedBoxes .col-lg-4 {
	height:28em;
}
	
}


@media (max-width:1100px){
.feature-content {
height:200px;
}
	
}

@media (max-width:1060px){
.feature-content {
height:210px;
}
	
}
@media (max-width:999px){
#feedBoxes .col-lg-4 {
	height:30em;
}
	
}


@media (min-width:889px) and (max-width:965px){
.feature-content {
height:225px;
}
	
}

@media (min-width:803px) and (max-width:890px){
#feedBoxes .col-lg-4 {
	height:34em;
}
	
}

@media (min-width:761px) and (max-width:802px){
#feedBoxes .col-lg-4 {
	height:35em;
}

	
}


@media (max-width:768px){/*768*/
#feedBoxes .col-lg-4,.feature-content  {
	height:auto;

}



.feed-box {
	width:98%;
	min-height:280px;/*225*/
	height:auto;
}

.LinkBox {
border-radius:5px;
}

.mapLocationInfo {
	width:100%;
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom:6px;
	padding-top:6px;
}


	
}

@media (min-width : 321px) and (max-width : 480px){

#features .col-lg-3 {
	width:100%;
	float:left;
}
.feature-content {
height:auto;
}

#feedBoxes {
	margin-top:-30px;
	padding-top:0;
}

.feature-box {
	width:98% !important;
}

.feed-box {
	min-height:320px;
}



	
}

@media (max-width : 480px) {
ul.featured-services {
	padding-left:0;
}

ul.featured-services li {
	float:left;
	width:100%;
	margin-right:0;
	border-bottom:1px dotted #b2b2b2;
}
}

@media (min-width:481px) and (max-width:880px){
ul.featured-services {
	padding-left:1%;
}

ul.featured-services li {
	float:left;
	width:30%;
	margin-right:3%;
	border-bottom:none;
}
}


@media (max-width : 320px) { /* iphone */

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
}


h3 {
	font-size:16px;
}

#features .col-lg-3 {
	width:100%;
	float:left;
}
.feature-content {
height:auto;
}

#feedBoxes {
	margin-top:-30px;
	padding-top:0;
}

.feature-box {
	width:98% !important;
}

.feed-box {
	min-height:320px;
}

/*#Home-Slider {
	display:none;
}*/


.home-slider {
padding-left:0;
padding-right:0;
}

.carousel-caption h3 {
font-size:75%;
padding-bottom:3px;
}

.carousel-caption p {
display:none;
}


	
}


@media only screen 
and (min-width : 481px) 
and (max-width : 880px){

#features .col-lg-3 {
	width:50%;
	float:left;
}
}



@media (min-width:769px) and (max-width:880px){
.feature-content {
height:165px;
}


}




@media (max-width:880px){

.feature-box {
	width:96%;
}

#search-desktop-home {
	display:none;
}

#search-mobile-home {
	display:block;
}

/*#Home-row .col-lg-2, #Home-row .col-lg-6 {
	width:100%;
}*/

#Home-row .col-lg-2 {
	width:100% !important;
	margin-bottom:-15px;
	padding-bottom:0;
}

#Home-row .col-lg-7 {
	
	width:100% !important;
	margin-bottom:40px;
}

#Home-row .col-lg-3 {
	
	width:100%;
	
}

#features {
margin-top:-20px !important;
}



#Home-HowDoI {
	width:100%;
}

.HowDoI-wrapper {
	border-top: 1px dotted #b2b2b2;
	border-bottom: 1px dotted #b2b2b2;
	margin-top:6px;
	padding-bottom:6px;
}
.HowDoI-wrapper h3 {
	font-size:1.25em;
	font-weight:700;
}
ul.HowDoI-Home {
	margin-left:0;
}
ul.HowDoI-Home li {
	display:block;
	float:left;
	background-color:#fff;
	border-radius:2px;
	border:1px solid #b2b2b2;
	padding:4px;
	margin-right:4px;
	margin-bottom:4px;
}

a.feature-link {
	padding-top:2px;
	padding-bottom:2px;

}



.whatsNew-wrapper ul li {
	font-size:160% !important;
}

#responsive-admin-menu #menu a {
	font-size: 13px;
	padding: 10px;
}

#responsive-admin-menu #menu a.submenu:before {/* arrow */
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 15px;
}

	
}




@media (min-width: 621px) and (max-width:768px) {
img#banner-web, img#banner-phone-1 {
	display:none;
 }
 
 img#banner-tablet-1 {
	display:block;
}
	
}

@media (max-width:620px) {
img#banner-web, img#banner-tablet-1 {
	display:none;
 }
 
 img#banner-phone-1 {
	display:block;
}
	
}





@media (min-width: 769px) and (max-width:991px)/*992*/ {

#MainContent.col-lg-9 {
	width:65% !important;
 }

#SubContent01 {
width:35% !important;
 }
}

.error { color: #FF0000; }

div.ui-datepicker{ font-size:.75em; }

/*img#banner-tablet-1, img#banner-tablet-2, img#banner-mobile {
	display:none;
 }*/


#ReportBugButton {
	position:fixed;
	cursor:pointer; 
	margin-left:-150px;
	top:300px;	
	display: none;
}


@media (max-width:859px) {
#PR_YearsList {
	display:block !important;
}

#PR_YearsTabs {
	display:none;
}
}


@media (max-width:560px) {
  
footer p {
	font-size:120%;
}
.footer-content {
margin-top:20px;	
}
}

@media (max-width:468px) {
.nav-tabs > li {
width:100%;
text-align:center;	
	}

.nav-tabs > li > a {
  color: #000000;
  background-color: #DDDDDD;
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 2px;
  
	}
}


@media (max-width:1245px) {
.fs-text p {
line-height:135%;
}

a.fs-link {
margin-top:4px;
}
	
}

@media (max-width:1160px) {
.fs-text p {
line-height:130%;
}

a.fs-link {
margin-top:-5px;
}

#Featured-Services-area {
	margin-top:-10px;
}

#features {
margin-top:-45px;
}

	
}

@media (min-width:881px) and (max-width:1039px) {
 .fs-img {
display:none;
}


}

@media (min-width:881px) and (max-width:931px) {
ul.HowDoI-Home li {
	font-size:90%;
	line-height:130%;	
}

.HowDoI-wrapper {
	margin-top:-30px;
}

.fs-text {
width:98%;
padding-right:2%;
}

.fs-text p {
display:none;
}

.fs-text h3 {
margin-bottom:12px !important;
}

#Home-row {
	padding-bottom:10px !important;
	margin-bottom:50px !important;
	clear:both;
}



}
@media (min-width:931px)and (max-width:1039px){
.fs-text {
width:96%;
padding-right:2%;
}
	
}

@media (min-width:932px) and (max-width:1039px) {


ul.HowDoI-Home li {
	font-size:100%;
	line-height:130%;	
}
.HowDoI-wrapper {
	margin-top:-30px;
}



}


.notices-header img {
	display:none;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */


@media print {
	nav, footer, header, #notices, #s4-ribbonrow, .SOS-search, #search-desktop, #SubContent01, #search-mobile, #s4-ribboncont {
		display:none;
	}
	
	#v5-page-content {
		border:none !important;
	}
	
	* {
		border:none;
		border-color:transparent;
	}

}