/*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;
}
}

/* HT CUSTOM 1-14-2020 */
body#sub {background:#000 url(https://content.govdelivery.com/attachments/fancy_images/SOLUTIONSUK/2021/01/4038488/bg_original.jpg) no-repeat center top;
background-size: cover; background-attachment: fixed;}
body#sub div#page_margins { box-shadow: rgb(0, 0, 0) 3px 3px 12px;
  margin:20px auto !important;
  width:100% !important; max-width:700px !important;
background:#ecf1f7;}
body#sub div.qs_banner, body#sub div.qs_banner * {line-height:1;}
body#sub div.qs_banner { text-align:center;
  padding:20px; background:#162e51;}
body#sub div.qs_banner a img {width:380px; height:auto; max-width:80%; }
body#sub #footer { background:transparent none; padding: 20px; }
body#sub #col3 { box-sizing:border-box; width:100% !important; 
  padding:30px;
  background:trasnparent none;}
body#sub form {background:transparent none;}
body#sub #footer hr {display:none !important;}


body#sub fieldset legend { margin-bottom: 0; margin-left: 0;
    padding-top: 0; line-height:1; }

body#sub h1, body#sub h2 {padding:0;}
body#sub h1 {margin:0 0 15px 0;}
body#sub h2 {margin:20px 0 10px 0;}

body#sub .button_panel input {
  background-color: rgb(0, 94, 162); background-image: none;
    border: 1px solid rgb(0, 94, 162);
cursor: pointer;
width: auto;
padding: 7px 25px;
text-transform: none;
font-weight: 600;
border-radius: 4px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: linear;
appearance: button;
line-height: normal;
  color: #fff;
    text-shadow: none;
    font-size: 100%;
}

body#sub .button_panel input:hover,
body#sub .button_panel input:focus {
background-color: rgb(26, 68, 128); background-image: none;
  border: 1px solid rgb(26, 68, 128); }

body#sub input[value="Cancel"] { width: auto !important; }