/*updated 7.11.13 - Responsive CSS for Mobile - AEL*/
/*theme overrides here will be included in base CSS */
div.fnc {
 width:70%; 
}
h3.category {
 font-size:1em;
}
.button_panel input[type="submit"] {
  /* min-width: 30%; */
}
#tabs {
  border-bottom: 2px solid #c6c6c6;
  overflow:visible;
}
#tabs li {
  margin-right:3px;
}
#tabs li:last-of-type {
  margin-right:0;
}

#quick_subscribe_confirmation div.button_panel {
  margin-top: 15px;
}
button.treeExpand {
  margin-left:0px;
}

@media only screen and (min-width: 768px) {
  div.featured_network input {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
  } 
}
/*updated 9.14.12 - Increasing white background width to 720 and adding padding to banner to match body - ASB*/
/*updated 4.17.12 - Network Page Updates - AJG*/
/*updated 7.11.13 - mobile CSS update GOVD-4832 - AEL*/
/*updated 3.16.20 - Mobile CSS update GOVD-19103 - TR */
/*updated 6.22.20 - Mobile CSS update for Shared Bulletins - TR */

body#shared_bulletin #footer .forward .addthis_button_email
{
color: #666666;
}

body#shared_bulletin #page .shared_bulletin_header .subscribe {
  width: 360px;
}

body#shared_bulletin #page .shared_bulletin_header .subscribe form#sub_form {
  background: none;
  width: 337px;
}

/* Shared bulletin page mobile updates - start */
body#shared_bulletin #page {
  width: 100%;
  max-width: 720px;
}

#sticky_nav .menu_content {
max-width: 100%;
min-width: 1px !important;
}

body#shared_bulletin #page_margins #footer {
    max-width: 100%;
}
/* Shared bulletin page mobile updates - end */

body#shared_bulletin #page .account_banner {
  padding: 0 10px;
}

body#shared_bulletin p {
  margin-top:16px;
  margin-bottom:16px;
}

body#sub{
font-family: Arial,Helvetica,sans-serif;
font-size:1em;
}

div.qs_banner a img 
{
width: 100%;
}

ul.mktree li {
padding-top: 2pt;

}

a {
  color: #0059B3;
}

form {
margin: 0 auto;
width: 100%;
padding:0;
background:#fff;
}



legend {
font-weight: 700;
margin-top:30px;
margin-bottom:0px;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
line-height: 30px;

}

fieldset legend {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10pt;
margin-left: 4pt;
padding-top: 3pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
position: relative;
left: 0px;

}

label{
font-weight:bold;
line-height: 14px;
font-size:.9em;
}

button {
clear:both;
width:50px;
height:31px;
background:#ccc;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}

hr {
   width: 90%;
   color: #ccc;
   height: 1px;
}

#quick_subscribe_new_instructions ul,
#quick_subscribe_email_instructions ul,
#quick_subscribe_password_instructions ul,
#quick_subscribe_topic_unsubscribe_instructions ul,
#digest_instructions ul {
margin: 5px 0px;
font-size:.9em;
list-style: disc;
list-style-position: inside;
}

.panel {
padding: 0;
margin: 0 1em 1em;
border-left: none;
border-right: none;
border-bottom: none;
border-top: none
}

input, textarea, blockquote
{
margin: 0;
padding: 0 5px 0 0;
font-family: Arial,Helvetica,sans-serif;
}

li.radio_button{
font-family: Arial,Helvetica,sans-serif;

}

fieldset ol.form .radio_button label {
font-family: Arial,Helvetica,sans-serif;
color:#666666;
padding-left:5px;
}

div#digest_instructions{
padding-bottom: 7px;
}

div#digest_postscript{
font-family: Arial,Helvetica,sans-serif;

color:#666666;
padding-top: 5px;
}

div#quick_subscribe_email_instructions,
div#quick_subscribe_password_instructions,
div#quick_subscribe_topic_unsubscribe_instructions,
div#digest_instructions{
font-family: Arial,Helvetica,sans-serif;
color:#666666;
padding-left:5px;
}

div.questions_description{
font-family: Arial,Helvetica,sans-serif;

color:#666666;
padding-left:5px;
}

div#questions_instructions{
font-family: Arial,Helvetica,sans-serif;

color:#666666;
padding-left:5px;
padding-top:5px;
}

div#qs_banner a img {
  height: auto;
  width: auto;
}

fieldset ol.form label.required
{
background-image: none;
}

#footer {
  text-align: center;
  background-color: #fff;
  clear: both;
  padding: 0px 12px 10px 12px;
  font-size:.8em;
 }

#footer p {
    padding: 0.5em 0; 
}

#quick_subscribe_new, fieldset {
width: 100%;
}

.data-table {
 margin-left: -5px;
}

p.name{
padding-bottom: 15px;
}

ul+p {
margin-top:10px;
}

fieldset ol.form label.required {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/required.gif) no-repeat scroll right top;
}

body#shared_bulletin #page_margins {
   background: #f6f6f6;
}


div.fnc span.title {
    font-size:1.3em;

}

input[value="Cancel"] {
  width: 90px !important;
}

/* updated 11.2.2012 ASB - adding styling for ordered lists, workaround for GOVD-3647 */

body#shared_bulletin #page ol { 
  list-style: decimal outside none; 
  margin: 0 0 0 3em;
}
/* Updated 2.24.20 TR -  Updates for responsiveness */
@media only screen and (max-width: 500px) {
/* Responsive changes to login new page subscription type select */
select#subscription_type {
  width: 100%;
  max-width:350px;
}
  fieldset ol.form .input_group {
    float: none;
}
	  
fieldset ol.form {
	padding-left: 0px;
}
ol.form label img.required {
    float: initial;
    margin: 0px 5px 0px 5px;
}
/* Updated 2.24.20 TR - Responsive changes to Preferences and Questions page forms/text */
.sr-field, .sr-field-entry {
    width: calc((175%-400)/2);
    display: inline;
}
	#questions_form fieldset ol.form .radio_button_group {
	margin-bottom: 15px;
}
fieldset ol.form input[type="text"], ol.form select {
    width: 350px;
    max-width: 100%;
}
	fieldset ol.form input[type="text"].long, fieldset ol.form input[type="password"].long, fieldset ol.form input[type="number"].long {
    max-width: 350px;
}
	#questions_form fieldset ol.form input[type="text"], #questions_form fieldset ol.form input[type="password"], #questions_form fieldset ol.form input[type="number"], #questions_form fieldset ol.form textarea, #questions_form ol.form select {
		width: 250px !important;
}
	#subscriber_preferences_destinations_form fieldset ol.form input[type="text"], #subscriber_preferences_form input#subscriber_password, #subscriber_preferences_form input#subscriber_password_confirm, div#quick_subscribe_email_instructions, div#quick_subscribe_password_instructions, div#quick_subscribe_topic_unsubscribe_instructions, div#digest_instructions, div#digest_postscript {
	width: 250px !important;
}
.button_panel {
    display: inline-block;
    margin-top: 10px;
}
}

/* CUSTOM HT 8-5-2020 */
html body#sub {background:#f3f3f3; font-family: 'Source Sans Pro',Arial,sans-serif; 
color:#444; }
body#sub #page_margins { margin: 0px auto; text-align: left;
  width: 100%; }
body#sub div.qs_banner a img { width: 200px; height:auto; }
body#sub .container {width:100%; max-width:1024px; margin:0 auto;}
body#sub div.qs_banner {background:#fff; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    height: auto; padding-bottom: 20px; padding-top: 20px;}
body#sub #col3 { box-sizing:border-box; background:#fff; box-shadow: 0px 1px 2px #00000029;
  width: 100%; max-width:1024px; margin: 40px auto 100px; padding:40px; }
body#sub h1 {color:#222; font-weight:300; font-size:40px; line-height:1.2;
  font-family: 'Source Sans Pro',Arial,sans-serif; padding:0;
  margin:0 0 30px 0;
}
body#sub fieldset legend {padding:0; margin:0;}
body#sub p.name {padding:0; margin:0;}
body#sub .button_panel input {
    border-radius: 3px;
    width:auto !important;
    padding: 11px 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Source Sans Pro',Arial,sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    background: #069 none;
    border: 3px solid;
    border-color: #069;
    color: #fff;
    cursor: pointer;
    opacity: 1; text-shadow: none;
}
body#sub .button_panel input:hover {
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.12), 0 0 4px rgba(0,0,0,.24);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.24);
    box-shadow: 0 0 2px rgba(0,0,0,.12), 0 0 4px rgba(0,0,0,.24);
    background-color: #00476b;
  border-color: #00476b; }
body#sub .button_panel input:focus {
    background-color: #00476b;
    border-color: #1d89bf;
  outline: none; }
body#sub #footer {
    padding-bottom: 20px;
    border-top: 2px solid #ccc;
    background-color: #ebebeb;
}
body#sub #footer #ftr-1 img { width:142px; height:auto;}
#ftr-1 {line-height:1; width:142px; position: relative; top: -33px; margin:0 auto;}
body#sub #footer ul { list-style-type:none; margin:0; padding:0;
display:block; width:100%; margin:0 auto; text-align:center;}
body#sub #footer ul li { list-style:none; display:inline-block; width:auto; height:24px;}
body#sub #footer ul li img {width:auto; height:24px;}

body#sub fieldset ol.form label { width: 250px; }

body#sub div.federated_login {min-height:65px;}

@media only screen and (max-width: 1025px) {
body#sub div.qs_banner .container {
    padding-right: 16px;
    padding-left: 16px;
}
}

@media only screen and (max-width: 480px) {
fieldset ol.form .select_multiple_group { width:100%; }
body#sub div.federated_login {min-height:125px;}
}