/* 
 * style.css
 *
 * Last updated: 2015-12-30
 * Reintroduced Zippy styles for Forms from Dev.  HTML must be coded as on Ask a Legal Expert form.
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */


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

audio, canvas, video {
	display: inline-block;
}

.ie7 audio, .ie7 canvas, .ie7 video {
	display: inline;
	min-width: 1px;
}
audio:not([controls]), [hidden] {
display: none;
}

/* =====
   Base
   =====
 *
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */


html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.231;
}

body, button, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* x::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
x::selection { background: #fe57a1; color: #fff; text-shadow: none; } */


/* =============================================================================
   Links
   ========================================================================== */


a {
	color: #1f70a7;
}

a:visited {
	color: #551a8b;
}

a:hover {
	color: #06e;
}

a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active {
	outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */


abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.important {
	color: #A71F2C;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */

pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/*Submit button for Ask A Legal Expert moved to end of file, to associate it with its Zippy styles */

/* =============================================================================
   Lists
   ========================================================================== */


ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}


/* =============================================================================
   Lists items used as navigation
   ========================================================================== */



.run-in_list, body .run-in_list li {
	padding: 0;
	display: inline;
	background: none; /* removing background image blue arrow */
}

.run-in_list li:after {
	content: " | ";
}

.run-in_list li:last-child:after {
	content: "";
}


/* lits item displays no space between content (paragraph and lists) */

.nobreak {
	margin: 0px;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */


img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */


svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */


figure {
	margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */


form {
	margin: 0;
}

fieldset.no_border {
	border: none;
	margin: 1em 0 1.5em 0;
	padding: .5em 1em .5em 0;
}

fieldset {
	border: thin solid #ccc;
	margin: 1em 0 1.5em 0;
	padding: .5em 1em;
}

/* Indicate that 'label' will shift focus to the associated form element */

label {
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */


.no_border legend {
	border: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	white-space: normal !important;
}

legend {
	border: 0;
	padding: 0;
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-size: 1.5em;
	font-weight: normal;
	color: #3786bf;
	white-space: normal !important;
}

.ie7 .no_border legend {
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

.ie7 legend {
	margin-left: -7px;
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-size: 1.5em;
	font-weight: normal;
	color: #3786bf;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */


button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

.ie7 button, .ie7 input, .ie7 select, .ie7 textarea {
	vertical-align: middle;
}

button {
	margin-right: 2.5%;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */


button, input {
	line-height: normal;
}

.ie7 button, .ie7 input {
	overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */


.ie7 table button, .ie7 table input {
	overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */


button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/* BEGIN - CODE FOR THREE BUTTONS ON HOMEPAGE */

.button_mkt_home {
	margin: 5px 5px 5px 15px;
	border-radius: 4px;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 10em;
	text-align: center;
	padding: 0.75em;
	background-color: rgba(31, 112, 167, 1);
}

.button_mkt_home:visited, .button_mkt_home:hover {
	color: #fff;
}

.button_mkt_intro {
	font-size: 1.3em;
}

.button_mkt_action {
	text-transform: uppercase;
	font-size: 2.0em;
	font-weight: bold;
}

/* END - CODE FOR THREE BUTTONS ON HOMEPAGE */


.button_cf {
	margin: 0 1.5% 0 1px;
	padding: 2% 12.5%;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.5em;
	font-weight: bold;
}

.button_cf:focus {
	outline: thin dotted;
	outline-color: #fff;
}

.button_cf_blue {
	color: #06355f;
}

.button_cf_green {
	color: #54a22b;
}

.button_cf img {
	position: relative;
	top: 5px;
	left: -3px;
}

.button_marketing_1, .button_marketing_2 {
	margin: 0 1.5% 0 1px;
	background-color: #aed5f6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	color: #154877;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.5em;
	font-weight: normal;
}

.button_marketing_1 {
	padding: 2.05% 9.5%;
}

.button_marketing_2 {
	padding: 2.05% 7%;
}

.button_marketing_1:visited, .button_marketing_1:hover, .button_marketing_2:visited, .button_marketing_2:hover {
	color: #154877;
	text-decoration: none !important;
}

.button_marketing_green {
	margin: 0 1.5% 1.5% 0;
	padding: 2% 5%;
	background-color: #54a22b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
}

/*Specific to green buttons inside the “options” container. Remove the float because we’re using flexbox to align it at the bottom. Clean up button styles for this particular layout.*/
.options .button_marketing_green {
	float: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto ;
	font-weight: normal;
	font-size: 1.1em;
	height: 36px;
	min-width: 64px;
	padding: 0 8px;    
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
}


.button_marketing_green:focus {
	outline: thin dotted;
	outline-color: #000;
}

.button_marketing_grey {
	margin: 0 1.5% 1.5% 0;
	padding: 2% 5%;
	background-color: #757575;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
}

.button_marketing_grey:focus {
	outline: thin dotted;
	outline-color: #000;
}

.button {
	margin: 10px 2.5% 0 0;
	padding: 1.5% 3%;
	background-color: #3786bf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.3em;
}

.button.inline {
      padding: 0.5em 1em;
}

.disabled_button {
	margin: 10px 2.5% 0 0;
	padding: 1.5% 3%;
	background-color: #949494;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	color: #777;
	text-decoration: none;
	cursor: default !important;
	border: none;
	font-size: 1.2em;
}

.button:link, .button:visited, .button_marketing_green:link, .button_marketing_green:visited, .button_marketing_grey:link, .button_marketing_grey:visited {
	color: #fff;
}

.button:hover {
	background-color: #4a95cb;
}

/*
 * Consistent box sizing and appearance
 */


input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

label + input[type="radio"] {
	margin-right: 1.5em;
	margin-left: 0.2em;
}

input[type="radio"] + label, input[type="checkbox"] + label {
	font-weight: normal;
}

select {
	border: 1px solid #505050;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.form_field_5, .form_field_10, .form_field_25, .form_field_50, .form_field_75 {
	border: 1px solid #505050;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.form_field_5 {
	width: 5%;
}

.form_field_10 {
	width: 10%;
}

.form_field_25 {
	width: 25%;
}

.form_field_50 {
	width: 50%;
}

.form_field_75 {
	width: 75%;
}

input[type=text]:focus, input[type=text]:hover, input[type=text]:active, select:focus, select:hover, select:active, textarea:focus, textarea:hover, textarea:active {
	border: 1px solid #0066FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffcc;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */


textarea {
	width: 75%;
	border: 1px solid #505050;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
 @media only screen and (max-width: 558px), (min-device-width: 600px) and (max-device-width: 1024px) {

.form_field_5 {
	min-width: 10% !important;
}

.form_field_10 {
	min-width: 45% !important;
}

.form_field_25 {
	min-width: 45% !important;
}

.form_field_50 {
	min-width: 60% !important;
}

.form_field_75 {
	min-width: 88% !important;
}

textarea {
	min-width: 97% !important;
}
}
 @media only screen and (max-width: 488px), (min-device-width: 480px) and (max-device-width: 1024px) {

.form_field_5 {
	min-width: 20% !important;
}

.form_field_10 {
	min-width: 60% !important;
}

.form_field_25 {
	min-width: 60% !important;
}

.form_field_50 {
	min-width: 88% !important;
}

.form_field_75 {
	min-width: 88% !important;
}

textarea {
	min-width: 97% !important;
}
}


/* Colors for form validity */
/* input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; } */


/* CUSTOM INPUT AND FORM STYLES */

@media screen {

.required_indicator {
	font-weight: bold;
	color: #990000;
}

.required_indicator:before {
	content: "* ";
}

.required_field:before {
	font-weight: bold;
	color: #990000;
	content: "* ";
}

.required_label {
	position: absolute;
	top: -100px;
	left: 100px;
}

.required {
	list-style: inside "*";
	cue-before: "*";
}

.block p {
	clear: left;
	margin: 2.25em 0;
}

.instruction {
	padding-left: .5em;
	font-size: .80em;
	color: #666;
}

.primary_error {
	margin: 2em 0;
	padding: 1em;
	border: thin solid #ccc;
	background-color: #ececec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.primary_error, .field_error, .label_error, .legend_error {
	font-weight: bold;
	color: #990000;
}

.field_error {
	position: absolute;
	margin-top: 2.7em;
}

.label_error {
position: absolute margin-top: 1.5em;
}

.legend_error {
	position: absolute;
	margin-top: .15em;
	font-size: .95em;
	font-weight: bold;
}

.charCount {
	font-size: .85em;
	font-weight: bold;
	color: #505050;
	margin-top: -1.75em;
}

.show {
	border: solid 1px #990000;
	background-color: #ececec;
}

.send_button {
	float: left;
	margin: 2em 1em 1em 0;
}

.other_button {
	float: left;
	margin: 2em 1em 1em 1em;
}

.subscription_detail {
	position: absolute;
	font-size: .75em;
	font-weight: normal;
	right: 0px;
	top: 50%;
}

.subscription_list_total {
	border: none;
	width: 5.5em;
	font-size: inherit;
	font-weight: inherit;
	color: #A71F2C;
}

.subscriber_note {
	float: right;
	margin: 0;
	font-size: .90em;
	font-weight: normal;
	color: #A71F2C;
}

.error {
	padding: .8em 0 .8em 0;
	font-weight: bold;
	color: #990000;
}
}

/*===========================================================
THESE NEW STYLES SHOULD REPLACE THE OLD BANNER STYLES - TREK
=============================================================*/


#mkt_home a {
	display: block;
	background-color: #d1e6f7;
	border-radius: 2px;
	padding: 1em;
	border: none;
	text-align: center;
	text-decoration: none;
	color: #114678;
	font-size: 1.1em;
	margin: 0.1em 5px 1em;
	will-change: box-shadow, transform;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12);
	transition-delay: 0s, 0s, 0s;
	transition-duration: 0.2s, 0.2s, 0.2s;
	transition-property: background-color, color, box-shadow;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1), cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
}

#mkt_home a:hover, #mkt_home a:focus {
	color: #000;
	background-color: #c7dbeb;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.18), 0px 6px 12px rgba(0,0,0,0.36);
}

#mkt_home a:active {
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12);
}

#mkt_professionals p {
	display: inline-block;
	max-width: 46%;
	margin-right: 2%;
	vertical-align: top;
}

#mkt_professionals .grid > div:nth-child(2) {
	flex: 2;
}

.container_marketing, .grid {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
 
#gridHome {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

#gridHome > div {
	webkit-flex-grow: 0;
	flex-grow: 0;
}

/*Display and align items in an “options” article vertically.*/
.container_marketing.options > article {
	-webkit-display: flex;
	display: flex;    
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 0.75em 1.25em;
	border-radius: 3px;  
}

/*Used to center content.*/
.container_marketing.center > article {
	text-align: center;
}

/*Remove border*/
.options .marketing_green {        	
	border: none;
	margin-bottom: auto;
}

/*We want the content of the box to have more space than the header and the button*/
.options article > p {
	flex-grow: 2;
}


.grid.wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.grid.wrap > div {
	min-width: 250px;
}

.container_marketing.marketing--subtle > article { 
	padding: 0.5em; /* normalize padding (because there won't be a background image) */ 
}

.container_marketing .marketing--noborder { 
	border: none;
	color: inherit;
}

.container_marketing > article {
	-webkit-flex: 1;
	flex: 1;
	margin-right: 16px;
	border: 1px solid #cdcdcd;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 33% auto;
	padding: 8px 14% 8px 8px;
	color: #184877;
}

#mkt_professionals > article {
	padding-right: 0%;
	background-size: 10% auto;
}

.container_marketing > article:last-of-type {
	margin-right: 0px;
}

.container_marketing strong {
	display: block;
	font-size: 1.1em;
}

.container_marketing p > a {
	display: block;
	margin-top: 12px;
}

.container_marketing img {
	margin-bottom: -0.5em;
}

.container_marketing img#MyFTB {
	margin-top: 5px;
}

.marketing_webpay {
	background-image: url(/responsive/images/WebPay_bg.png);
}

.marketing_myftb {
	background-image: url(/responsive/images/MyFTB_bg.png);
}

.marketing_eitc {
	background-image: url(/responsive/images/EITC_bg.jpg);
}

.comparison em {
font-size: 1.25em;
font-style: normal;
}

.comparison .conjunction {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
background-color: #3786bf;
text-align: center;
display: inline-block;
color: white;
}

.comparison strong { display: inline; }

.cell--middle { vertical-align: middle; }

.cell--center { text-align: center; }

.comparison .cell:first-child, .comparison .cell:last-child { width: 45%; }

.cell { display: table-cell; }

.e-file, .paper {
display: block;
background-repeat: no-repeat;
padding-bottom: 56px;
background-size: 48px;
margin: 1em;
background-position: bottom center;
}

.e-file { background-image: url(/images/common/ic_laptop_windows.svg); }

.paper { background-image: url(/images/common/ic_description.svg); }


/*===========End==============*/


/* =============================================================================
   Dialog
   ========================================================================== */
  

.message {
	display: none;
	padding: 16px;
}

.message.visible {
	display: block;
}

#dialog-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	will-change: transform, opacity;
}

#dialog-container:after {
	position: fixed;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	content: '';
}

#dialog-container.visible {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	max-height: none;
}

#dialog-container .button-area {
	position: absolute;
	display: table;
	top: 80%;
	right: 0;
	border-top: 1px solid #CCC;
	left: 0;
	background-color: #FFF;
	height: 20%;
	width: 100%;
}

#dialog-container .button-area .button {
	padding: 0.5em 1em;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
}

#dialog-container .button-area .button:focus, 
#dialog-container .button-area .button:hover  {
    outline: none;
     background-color: #3075a6;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12);
     -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12);
     box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 1px 5px 0px rgba(0,0,0,0.12); 
}

#dialog-container .button-area .button:focus {
  border-color: #255a80;
}

#dialog-container .button-area .button:active {
     -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.18), 0px 6px 12px rgba(0,0,0,0.36);
     -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.18), 0px 6px 12px rgba(0,0,0,0.36);
     box-shadow: 0px 0px 6px rgba(0,0,0,0.18), 0px 6px 12px rgba(0,0,0,0.36);
}



#dialog-container .button-area > div {
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
}

.dialog {
	background: #FFF;
	z-index: 2;
	position: fixed;
	left: 50%;
	top: 50%;
	height: 45%;
	width: 65%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 2px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
}

.dialog-liner {
	margin: 1px;
	height: 80%;
	overflow-y: scroll;
}

#dialog-container.visible .dialog {
	opacity: 1;
}
@media screen and (max-height: 480px), (max-width: 480px) {

.dialog {
	width: 80%;
	height: 80%;
	max-width: 400px;
	max-height: 400px;
}
}

/* =============================================================================
   Tables
   ========================================================================== */

/*table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
*/

/**********  DEFAULT TABLE  **********/

table {
	border-collapse: collapse;
	margin: 10px 0;
}

table thead th {
	border-bottom: thin solid #ccc;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	height: 2.25em;
}

table thead th a:link {
	color: #fff;
}

table tbody th {
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	height: 1.5em;
}

table.borders tbody th, table.underline tbody th {
	background-color: #a3d0ee;
	border-bottom: thin solid #ccc;
}

caption {
	text-align: left;
}

td {
	vertical-align: top;
	padding: 5px;
}

.tfooter td {
	display: none;
}

table .divide, table.underline .divide, table.row_header .divide, table.left_header .divide {
	border-right: solid thin #ccc;
}

.primary_heading {
	background-color: #00436b;
	border-bottom: thin solid #ccc;
	text-align: left;
	vertical-align: middle !important;
	padding: 5px;
	height: 2.25em;
	color: #fff;
}

.sub_heading {
	background-color: #a3d0ee;
	border-bottom: thin solid #ccc;
	height: 1.5em;
	padding: 5px;
	vertical-align: middle;
	font-weight: bold;
}

table td {
	border-collapse: collapse;
	border: none;
}

/**********  TABLE WITH BORDERS  **********/

.borders thead th {
	background-color: #00436b;
	border: solid #00436b;
	border-width: 0 1px;
	color: #fff;
}

.borders tbody th {
	border: solid #a3d0ee;
	border-width: 0 1px;
}

.borders tr:nth-child(even) {
	background: #f4f5f6;
}

.borders tr:hover {
	background: #ffeace;
}

.borders td {
	border: thin solid #ccc;
	padding: 5px;
}

/**********  TABLE WITH UNDERLINE  **********/

.underline thead th {
	background-color: #00436b;
	border-bottom: thin solid #ccc;
	color: #fff;
}

.underline tr:nth-child(even) {
	background: #f4f5f6;
}

.underline tr:hover {
	background: #ffeace;
}

.underline td {
	border: solid #ccc;
	border-width: 0 0 1px 0;
}

/**********  TABLE WITH COLUMN AND ROW HEADINGS  **********/

.row_header thead th {
	background-color: #00436b;
	border: solid #00436b;
	border-width: 0 1px;
	color: #fff;
}

.row_header tbody th {
	border: solid #ccc;
	border-width: 0 0 1px 0;
	vertical-align: top;
}

.row_header tbody th[scope=row] {
	background-color: #00436b;
	color: #fff;
}

.row_header tr:hover {
	background: #ffeace;
}

.row_header td {
	border: solid #ccc;
	border-width: 0 0 1px 0;
}



/**********  RESPONSIVE TABLE  **********/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

/* Force table to not be like tables anymore */

.responsive /*table, thead, tbody, th, tr,*/ td {
	display: block;
}

.responsive thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.responsive tfoot td {
	background: #3C9;
}

/*.responsive tfoot td:before {
	display: none; }*/

/* Hide table headers (but not display: none;, for accessibility) */


 
.responsive thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.responsive tr {
	border: 1px solid #ccc;
}

.responsive td {
	/* Behave like a "row" */
	border: none;
	position: relative;
	padding-left: 50%;
}

.responsive .tfooter td:before {
	display: none;
}

.responsive .tfooter td {
	display: inline-block;
	padding: 2% 20% 2% 1%;
}
}

/* Smartphones (portrait and landscape) ----------- */
/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
body { 
	padding: 0; 
	margin: 0; 
	width: 320px; }
}*/

/* iPads (portrait and landscape) ----------- */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { 
	width: 495px; }
}*/


/*-----------------------------------*
 *          LIVE CHAT PAGES          *
 *-----------------------------------*/

#chat-available, #chat-unavailable {
	display: none;
	height: 64px;
	padding-left: 0;
	text-indent: -999em;
	width: 199px;
}

#chat-available {
	background-image: url(/images/content/livechat_open.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#chat-unavailable {
	background-image: url(/images/content/livechat_unavailable.png);
	background-repeat: no-repeat;
}

/*-----------------------------------*
 *          STATEGIC PLAN PAGES      *
 *-----------------------------------*/

.update {
	background-color: #3786bf;
}

.update h3 {
	border: none;
	text-align: center;
}

.update a {
	color: #fff;
	text-decoration: none;
	border: none;
}

.lower_box {
	width: 95.5%;
	background-color: #3786bf;
	margin-top: -20px;
}

.lower_box h3 {
	border: none;
	text-align: center;
	padding: 3%;
}

.lower_box a {
	color: #fff;
	text-decoration: none;
	border: none;
}

/*---------------------------------------------*
 *          RIGHT STANDARD NAVIGATION          *
 *---------------------------------------------*/

.right_standard_nav {
	margin: 5%;
	background: #ececec;
}

.right_standard_nav a {
	display: block;
	padding: 10px 8px 7px 8px;
	text-decoration: none;
	color: #505050;
}

#current {
	padding: 10px 8px 7px 8px;
	background: #e0ecf5;
}

.right_standard_nav a:visited {
	color: #505050;
}

.right_standard_nav a:hover {
	background-color: #e0ecf5;
}

.right_standard_nav ul {
	margin-left: -20px;
}

.right_standard_nav li {
	min-height: 24px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	list-style: none;
	font-stretch: condensed;
	font-weight: normal;
	font-size: 1.26em;
	color: #505050;
}

.right_standard_nav ul li {
	list-style-type: none;
	margin-left: -1.3em;
}

.right_standard_nav li:last-child {
	border-bottom: solid 1px #ccc;
}

/*----------------------------------------*
 *          NAVIGATION ACCORDION          *
 *----------------------------------------*/

.js #nav_accordion .accordion {
	display: none;
}

#nav_accordion .accordion {
	margin: 38px 5% 10% 5%;
	padding: 0;
}

#nav_accordion .accordion .outer {
	border: none;
	background: #fff;
	margin: -14px 0 -27px 0;
}

#nav_accordion .accordion .inner {
	background: #fff;
	padding: 5px 0;
	margin-left: 0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
}

#nav_accordion a.trigger {
	display: block;
	height: 24px;
	margin: -18px 0 -16px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 10px 8px 11px 8px;
	background: #ececec url(/images/content/bullet_gray_disc_down.png) no-repeat 98% center;
	font-size: .91em;
	color: #505050;
	vertical-align: middle;
	text-decoration: none;
}

#nav_accordion .accordion .last {
	background: #fff;
	padding: 5px 0;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc;
}

#nav_accordion a.trigger.open {
	display: block;
	margin: -18px 0 -16px 0;
	padding: 10px 8px 11px 8px;
	background-color: #e0ecf5;
}

#nav_accordion a.trigger:hover {
	display: block;
	margin: -18px 0 -16px 0;
	padding: 10px 8px 11px 8px;
	background-color: #e0ecf5;
}

#nav_accordion .jump_tab a {
	display: block;
	height: 24px;
	margin: -24px 0 -20px 0;
	padding: 10px 8px 9px 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background: #ececec;
	font-size: .91em;
	font-weight: normal;
	color: #505050;
	text-decoration: none;
	text-align: left;
}

#nav_accordion .jump_tab a:hover {
	background-color: #e0ecf5;
}

#nav_accordion .accordion li {
	list-style: none;
}

#nav_accordion .accordion .inner ul li, #nav_accordion .accordion .last ul li {
	list-style-type: none;
	margin-left: -1.3em;
}

#nav_accordion .accordion .inner li, .last li {
	padding-bottom: 7px;
}

#nav_accordion .accordion .inner a, .last a {
	text-decoration: none;
}

#nav_accordion .accordion .inner a:hover {
	text-decoration: underline;
}

#nav_accordion .accordion .h {
	padding-top: 0;
} /*vertical padding instead of vertical margin (ie8)*/

/*-------------------------------------*
 *          CONTENT ACCORDION          *
 *-------------------------------------*/


.add_maincontent_padding .accordion {
	width: 100%;
	margin: 0;
	padding: 0;
}

.add_maincontent_padding .accordion li {
	list-style: none;
}

.add_maincontent_padding .accordion a.trigger {
	display: block;
	margin: -15px 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #ccc;
	padding: 11px 12px 11px 48px;
	background: #fff url(/images/common/plus_icon.gif) no-repeat 12px center;
	font-size: 1.1em;
	color: #1f70a7;
	text-decoration: none;
}

.add_maincontent_padding .accordion a.trigger.open {
	background-image: url(/images/common/minus_icon.gif);
}

.add_maincontent_padding .accordion .inner {
	background-color: #fff;
	margin-bottom: 0;
	padding: 0 20px 10px 0;
	position: relative;
	overflow: hidden;
}

.add_maincontent_padding .accordion .last {
	border-bottom: solid 1px #ccc;
}

.add_maincontent_padding .accordion .inner a {
	text-decoration: underline;
}

.add_maincontent_padding .accordion .inner .inner {
	padding-bottom: 0
}

.add_maincontent_padding .accordion .h {
	padding-top: 0;
	position: relative;
}

.add_maincontent_padding .accordion p {
	margin: .5em 1px 1em;
}

.add_maincontent_padding .accordion ul li {
	list-style-type: disc;
}

.add_maincontent_padding .accordion .instruction {
	position: absolute;
	margin: 0;
	font-size: .9em;
	font-weight: normal;
	color: #777;
}

.add_maincontent_padding .accordion h3 {
	margin-bottom: 0.5em;
	padding-left: 0;
}

.add_maincontent_padding .accordion h5 {
	background: none;
	color: #505050;
	font-size: 1.1em;
	padding: 0;
	margin: .75em 0;
}

.add_maincontent_padding .accordion dl {
	margin-top: 0;
}

.add_maincontent_padding .accordion dt {
	margin-top: 1em;
	margin-bottom: 0;
}

.add_maincontent_padding .accordion dd {
	margin: 0 0 0.5em 0;
	padding-left: 0;
}

/* ==============================
   ECOM ORIGINAL STYLES 
   ============================== */

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.modalPopup {
	z-index: 35;
	background-color: #fff;
	border: solid 3px #000000;
	padding: 5px;
	width: 45em;
}

.Required {
	min-width: 1em;
	color: #990000;
	font-weight: bold;
}

.SmallText {
	display: block;
	font-size: 75%;
	margin-bottom: .35em;
}

.ErrorText {
	color: #990000;
	display: block;
	font-weight: bold;
}

.HeaderText {
	font-weight: bold;
	display: block;
	padding-top: .50em;
	padding-bottom: .15em;
}

.Confirmation {
	font-weight: bold;
	color: Green;
	font-size: 1.25em;
}

.ReviewRow {
	display: block;
	clear: both;
}

.FieldWidth20 {
	min-width: 20em;
	float: left;
}

.FieldWidth20B {
	min-width: 20em;
	float: left;
	font-weight: bold;
}

#SiteButton a {
	background: transparent url('/master/images/button-right.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px;
	margin-right: 4px;
	padding-right: 11px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

#SiteButton a span {
	background: transparent url('/master/images/button-left.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 7px 0 5px 12px;
}

#SiteButton a:hover {
	background: transparent url('/master/images/button-right-hover.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px;
	margin-right: 4px;
	padding-right: 11px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

#SiteButton a:hover span {
	background: transparent url('/master/images/button-left-hover.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 7px 0 5px 12px;
}

#SiteButton a.Buttons {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.Buttons:Hover {
	color: #000000;
}

#SiteButton a.FormButtons span {
	width: 15em;
}

#SiteButton a.FormButtons {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.FormButtons:Hover {
	color: #000000;
}

#SiteButton a.LongButton45 span {
	width: 45em;
}

#SiteButton a.LongButton50 span {
	width: 50em;
}

#SiteButton a.LongButton50 {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.LongButton50:Hover {
	color: #000000;
}

#SiteButton a.LongButton43 span {
	width: 43em;
}

#SiteButton a.LongButton43 {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.LongButton43:Hover {
	color: #000000;
}

#SiteButton a.LongButton40 span {
	width: 40em;
}

#SiteButton a.LongButton40 {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.LongButton40:Hover {
	color: #000000;
}

#SiteButton a.LongButton30 span {
	width: 30em;
}

#SiteButton a.LongButton30 {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.LongButton30:Hover {
	color: #000000;
}

#SiteButton a.LongButton20 span {
	width: 20em;
}

#SiteButton a.LongButton20 {
	margin-top: .5em;
	text-decoration: none;
}

#SiteButton a.LongButton20:Hover {
	color: #000000;
}

legend.Accessible {
	font-size: 1em;
	color: Black;
	margin: 0 0 0 0em;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */

.invisible {
	visibility: hidden;
}

/* Contain floats: h5bp.com/q */ 

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.ie7 .clearfix {
	min-width: 1px;
}

.ie8 .clearfix:before, .ie8 .clearfix:after {
	display: inline;
} /* fix for extra space in IE8 */

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */


.address {
	text-transform: uppercase;
	padding-left: 2.5em;
}

.address_2 {
	text-transform: uppercase;
}

ol, ul {
	margin: 10px 0;
	padding-left: 40px;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

header, #main_content, footer {
	min-width: 320px;
}

header {
	background-size: cover;
	background-color: #fff;
	position: relative;
	z-index: 10;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.26);
}

.home header {
	min-height: 0;
	background-position: 40% 40%;
}

header a, header a:link, header a:visited, header a:hover, .submit_container input {
	color: #fff; /* needed when images are turned off */
}

.logo_and_banner {
	margin: 0 118px 0 59px; /* make room for buttons on left and right */
}

.head_cagov_logo { /* 94 x 74 */
	display: none;
}

.head_organization_banner { /* 269 x 39 */
	position: relative;
	/* margin:0 auto;
	top:0px;
	width:100%; */
	height: 69px;
	line-height: 69px; /* vertically centers the image */
	text-align: center;
}

.head_organization_banner img {
	max-width: 100%;
	max-height: 100%;
}

.phone_hdr {
	height: 69px;
}

/* Search */


#head_search {
	position: relative;
	padding: 5px 0% 5px 2%;
	display: none;
}

.home #head_search {
	padding: 12px 0% 12px 4%;
}

#head_search.phone_show_search {
	display: block;
}

.textfield_container {
	margin-right: 54px;
}

.home .textfield_container {
	margin-right: 120px;
}

#search_local_textfield {
	width: 100%;
	padding: 2px;
	background-color: rgba(255, 255, 255, 0.8);
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.1em;
	border: 2px solid transparent;
}

.home #search_local_textfield {
	padding: 16px;
}

#search_local_textfield:focus {
	outline: thin dotted;
	outline-color: #fff;
}

.submit_container {
	position: absolute;
	top: -3px;
	right: 4px;
	width: 40px;
	height: 40px;
}

.submit_container:hover {
	background-position: 0 100%;
}

.home .submit_container {
	top: 8px;
	right: 8px;
	width: 60px;
	height: 60px;
}

.submit_container input {
	width: 40px;
	height: 40px;
	border: none;
	background-color: transparent;
	font-size: 1.8em;
	color: #fff;
	padding: 0;
}

.submit_container input:focus {
	outline: thin dotted;
	outline-color: #fff;
}

.home .submit_container input {
	width: 60px;
	height: 60px;
	font-size: 2.6em;
}

.submit_container input:hover {
	text-shadow: 0 0 0.2em #ce770e, 0 0 0.2em #ce770e;
}

/* Navigation */


#navigation {
	width: 100%;
	z-index: 20;
	height: 0px;
	overflow: hidden;
	position: relative;
}

.ie7 #navigation {
	height: auto;
	overflow: visible;
}

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation li {
	padding: 0;
	margin-bottom: 2px;
}

#navigation li li {
	width: auto;
	margin-bottom: 0;
}

#navigation a.nav_level1_link {
	text-decoration: none;
	display: block;
	position: relative;
	padding: 13px 0;
	color: #fff;
	font-size: 1.21em;
	font-weight: bold;
	white-space: nowrap; /* fix IE8 comp mode issue where nav text wraps */
	text-align: center;
}

.highlighted_nav_item a.nav_level1_link {
	text-shadow: 0 0 0.2em #ce770e, 0 0 0.2em #ce770e;
}

#navigation #nav_list.unhighlight_nav_item a.nav_level1_link {
	text-shadow: none;
}

header #navigation #nav_list li:hover a.nav_level1_link {
	text-shadow: 0 0 0.2em #ce770e, 0 0 0.2em #ce770e;
}

#nav_home_container {
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -20px;
	height: 40px;
	width: 40px;
	font-size: 30px;
}

#nav_home_container + img {
	width: 40px;
	height: 1px;
}

.nav_panel {
	display: none;
}

#nav_list {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.ie7 #nav_list {
	position: static;
}

.phone_hd_left {
	position: relative;
	float: left;
	z-index: 10;
}

.phone_hd_right {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 10;
	width: 118px; /* 6+47+6+6+47+6 = 118 */
}

.phone_hd_left a, .phone_hd_right a {
	float: left;
	cursor: pointer;
}

.p_h_button {
	width: 39px;
	height: 32px;
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,0.2);
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin: 16px 0 0 10px;
	text-decoration: none;
}

.p_h_button .add_icon_font_ftb {
	font-size: 32px;
}

.p_h_button .add_icon_font_normal {
	font-size: 28px;
}

.p_h_btn_highlight {
	border: 1px solid rgba(206,119,14,.5);
	box-shadow: 0 0 0.2em #ce770e;
}

.hide_from_phones {
	display: none;
}

.search_link {
	text-align: right;
	margin: 5px 46px 0 0;
	font-size: .80em;
}

.search_link a {
	text-decoration: none;
}

 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

.search_link {
	display: none;
}
}

/* content structure */


#main_content {
	background: #fff url(/responsive/images/nav_shadow.png) repeat-x;
}

.ie7 #main_content {
	background: #fff;
}

.content_left_column {
	min-height: 100px;
	margin: 0;
	padding: 1px 0 20px 0;
}

.content_right_column {
	min-height: 100px;
	padding: 20px 0 20px 0;
}

/* Footer */

footer {
	color: #ffffff;
	text-align: center;
	padding-top: 18px;
	box-shadow: inset 0 10px 6px -6px rgba(0,0,0,.3);
	line-height: 2;
}

.rgba footer {
	color: rgba(255, 255, 255, 0.85);
}

footer a, footer a:hover, footer a:visited {
	color: #fff;
}

footer div {
	padding-bottom: 0.8em;
}

footer a {
	padding: 2px 1.4%;
	margin-right: 8px;
	background-color: rgba(255, 255, 255, 0.15);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	text-decoration: none;
}

#footer_3 a {
	padding: 2px 1.4%;
	margin-right: 8px;
	background-color: rgba(87, 87, 87, 0.99);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
}

#footer_3 a:focus {
	outline-color: #fff;
}

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

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

form input:focus {
	outline: 1px solid #505050;
}

.social_media {
	margin: 10px 0 0 0;
}

.social_media a {
	background: none;
	padding: 0;
	margin-right: 8px;
}

.social_media a img {
	margin-bottom: 12px;
}

#background_decorative {
	display: none;
}

#skip_to_content a, #skip_to_content a:hover, #skip_to_content a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip_to_content a:active, #skip_to_content a:focus {
	top: 0px;
	width: auto;
	height: auto;
	color: #00f;
	background: #fff;
	padding: 1px 2px;
}

/* ***** Content ***** */


.add_padding {
	padding: 16px 4%;
}

.ie7 .add_padding {
	padding: 26px 4%;
}

.add_maincontent_padding {
	padding: 16px 1% 16px 1%;
}

.add_side_padding {
	padding: 0 4%;
}

.add_topbottom_padding {
	padding: 16px 0;
}

.right_align {
	float: right;
	margin-bottom: 10px;
}

.right_align img {
	margin: 1em 0;
	vertical-align: middle;
}

h1 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: normal;
	color: #c60;
	font-size: 2em;
}

h2 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: normal;
	color: #666;
	font-size: 1.8em;
}

h3 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: normal;
	color: #333;
	font-size: 1.6em;
	border-bottom: 2px solid #bcbcbc;
}

#CF h3 {
	font-size: 1.375em;
	font-weight: bold;
	color: #1f70a7;
	background: transparent url(/images/content/bullet_green_check.png) no-repeat 0px 4px;
	padding: 7px 0 0 30px;
	margin: 5px 0 0 42px;
	border-bottom: none;
}

h4 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: normal;
	color: #333;
	font-size: 1.4em;
	border-bottom: 2px dotted #cccccc;
}

.container_style_right_global_nav, h5 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: bold;
	color: #fff;
	font-size: 1.3em;
	background: #473723;
	text-align: center;
	padding: 6px 0;
}

.add_icon_blue_arrow_down {
	background: transparent url(/responsive/images/icon_blue_arrow_down.png) no-repeat top left;
	padding-left: 40px;
}

.add_icon_blue_arrow_right {
	background: transparent url(/responsive/images/icon_blue_arrow_right.png) no-repeat top left;
	padding-left: 40px;
}

.add_icon_blue_star {
	background: transparent url(/responsive/images/icon_blue_star.png) no-repeat top left;
	padding-left: 40px;
}

.add_icon_brown_road, .add_icon_brown_arrow_right, .add_icon_brown_arrow_up, .add_icon_brown_i, .add_icon_brown_links, .add_icon_brown_rss, .add_icon_black_asterisk, .add_icon_orange_arrow_right, .add_icon_orange_rss, .add_icon_orange_star, .add_icon_orange_i, .add_icon_orange_links, .add_icon_orange_onlineforms, .add_icon_orange_onlineservices, .add_icon_orange_road {
	background-repeat: no-repeat;
	background-position: 20px 50%;
	padding-left: 50px;
	padding-right: 50px;
	min-height: 30px;
}

.add_icon_brown_road {
	background-image: url(/responsive/images/icon_brown_road.png);
}

.add_icon_brown_arrow_right {
	background-image: url(/responsive/images/icon_brown_arrow_right.png);
}

.add_icon_brown_arrow_up {
	background-image: url(/responsive/images/icon_brown_arrow_up.png);
}

.add_icon_brown_i {
	background-image: url(/responsive/images/icon_brown_i.png);
}

.add_icon_brown_links {
	background-image: url(/responsive/images/icon_brown_links.png);
}

.add_icon_brown_rss {
	background-image: url(/responsive/images/icon_brown_rss.png);
}

.add_icon_black_asterisk {
	background-image: url(/responsive/images/icon_black_asterisk.png);
}

.add_icon_orange_arrow_right {
	background-image: url(/responsive/images/icon_orange_arrow_right.png);
}

.add_icon_orange_rss {
	background-image: url(/responsive/images/icon_orange_rss.png);
}

.add_icon_orange_star {
	background-image: url(/responsive/images/icon_orange_star.png);
}

.add_icon_orange_i {
	background-image: url(/responsive/images/icon_orange_i.png);
}

.add_icon_orange_links {
	background-image: url(/responsive/images/icon_orange_links.png);
}

.add_icon_orange_onlineforms {
	background-image: url(/responsive/images/icon_orange_onlineforms.png);
}

.add_icon_orange_onlineservices {
	background-image: url(/responsive/images/icon_orange_onlineservices.png);
}

.add_icon_orange_road {
	background-image: url(/responsive/images/icon_orange_road.png);
}

.container_marketing_image {
	position: relative;
}

.container_marketing_image img {
	width: 100%;
}

.marketing_text-home {
	position: absolute;
	top: 1px;
	left: 1px;
}

.marketing_text-home h1 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	margin: 9px 0 0 18px;
	font-size: 48px;
	font-weight: bold;
	font-stretch: extra-condensed;
	color: #fff;
}

.marketing_text-home p {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	margin: -10px 0 0 20px;
	font-size: 26px;
	font-weight: normal;
	font-stretch: extra-condensed;
	color: #fff;
}

.container_marketing_buttons_home {
	max-width: 100%;
	position: absolute;
	margin: -225px 0 0 200px;
}

.marketing_text {
	position: absolute;
	top: -3px;
	left: 25px;
}

.marketing_text h1 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-size: 39px;
	font-weight: bold;
	font-stretch: extra-condensed;
	color: #fff;
}

.marketing_text p {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	margin-top: -30px;
	font-size: 23.5px;
	font-weight: normal;
	font-stretch: condensed;
	color: #fff;
}

.marketing_link, .marketing_link:visited, .marketing_link:hover {
	color: #fff;
	text-decoration: none;
}

.marketing_link:focus {
	outline: thin dotted;
	outline-color: #fff;
}

#CF p {
	font-size: 1.05em;
	color: #6d6d6d;
	margin: 0 0 0 40px;
	padding-left: 32px;
}

.calfile_marketing_intro {
	font-size: 1.15em;
	color: #1f70a7;
	margin: -15px 0 40px 0;
}

.container_marketing_buttons {
	min-width: 31%;
	position: absolute;
	margin: -67px 0 0 25px;
	/*margin:-4.25% 0 0 25px;*/
}
 @media only screen and (max-width: 1255px), (min-device-width: 1263px) and (max-device-width: 1024px) {

.container_marketing_image_home {
	overflow: hidden;
}

.container_marketing_buttons_home {
	position: relative;
	max-width: 65%;
	margin-top: -18%;
	margin-bottom: 10%;
}

.container_marketing_buttons {
	position: relative;
	max-width: 65%;
	margin-top: -9%;
}

.marketing_text {
	position: absolute;
	top: 0;
	left: 25px;
}

.marketing_text h1 {
	font-size: 29px;
}

.marketing_text-home p {
	font-size: 20px;
}

.marketing_text p {
	font-size: 20px;
	padding-top: 8px;
}

/* BEGIN - MOBILE CODE FOR THREE BUTTONS ON HOMEPAGE */

.button_mkt_action {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}

.button_mkt_intro {
	font-size: 1.15em;
}

.button_mkt_home {
	display: inline-block;
	width: 7em;
}

.container_marketing_buttons_home {
	min-width: 51%;
	position: absolute;
	margin: -200px 0px 0px 200px;
}
/* ************************************************* */
}
 @media only screen and (max-width: 990px), (min-device-width: 998px) and (max-device-width: 1024px) {

.container_marketing_buttons {
	position: relative;
	max-width: 100%;
	margin: 3% 0 0 0;
}

.marketing_text-home p {
	font-size: 16px;
}

.button_cf, .button_marketing_1, .button_marketing_2 {
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 1px 0 1px;
	color: #154877;
}

#form1[action*='MyFTBAccess/Registration.aspx'] > p {
	display: block;
	margin-right: auto;
}


/*======================================
NEW MEDIA STYLES FOR THIS SECTION - TREK
========================================*/

.container_marketing, .container_marketing > article {
	display: block !important;
}

.container_marketing > article {
	margin-top: 8px;
	margin-right: 0px;
	padding: 8px 33% 8px 8px;
}

#gridHome {
	-webkit-flex-direction: column;
	flex-direction: column;
}

#mkt_home {
	margin-top: 1em;
}

#mkt_professionals p {
	max-width: none;
}

#mkt_professionals > article {
	background-size: 33% auto;
	padding-right: 33%
}

/*==============END====================*/	

/* BEGIN - MOBILE CODE FOR THREE BUTTONS ON HOMEPAGE */

.button_mkt_home {
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	padding: 0.75em;
	display: block;
	width: 96%;
	color: #C60;
	background-color: #fff;
	border: thin solid #CCC;
	margin: 5px 0px 0px 0px;
}

.button_mkt_home {
	float: center;
	margin-bottom: 8px;
}

.container_marketing_buttons_home {
	position: relative;
	margin: 0 0 0 0;
	max-width: 100%;
}

.button_mkt_home:visited, .button_mkt_home:hover {
	color: #CC6600;
}

.button_mkt_action {
	text-transform: lowercase;
	font-size: 1.5em;
	font-weight: normal;
}

.button_mkt_intro {
	font-size: 1.5em;
}

.calfile_marketing_image {
	display: none;
}
/* ************************************************* */
}

@media only screen and (max-width: 480px), (min-device-width: 488px) and (max-device-width: 1024px) {

/*This is for the current mkt home image with Three buttons*/ 

.container_marketing_image_home {
	border: none;
	height: 0px;
}

.container_marketing_image_home img {
	display: none;
}

.button_mkt_action {
	text-transform: lowercase;
	font-size: 1.5em;
	font-weight: normal;
}

.button_mkt_intro {
	font-size: 1.5em;
}

.button_mkt_home {
	width: 100%;
	float: left;
	margin: 5px;
	overflow: hidden;
	border-collapse: collapse;
	display: block;
}

/* ****************************************************** */

.container_marketing_image {
	border: solid 1px #aaa;
	height: 95px;
}

.container_marketing_image img {
	display: none;
}

.container_marketing_buttons_home {
	position: relative;
	margin: 5px 0 0 5px;
	max-width: 90%;
}

.container_marketing_buttons {
	position: relative;
	margin: 0;
}

.marketing_text-home h1 {
	font-size: 38px;
	color: #154877;
}

.marketing_text-home p {
	font-size: 15px;
	color: #154877;
	padding-top: 8px;
}

.marketing_text h1 {
	margin-top: 8px;
	font-size: 30px;
	color: #154877;
}

.marketing_text p {
	font-size: 15px;
	color: #154877;
	padding-top: 3px;
}

.button_cf, .button_marketing_2 {
	float: left;
	margin-bottom: 8px;
}

.marketing_link, .marketing_link:visited, .marketing_link:hover {
	color: #1F70A7;
	text-decoration: none;
	padding-left: 30px;
}
}

.container_style_a {
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_a h4 {
	color: white;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px;
}

.container_style_b {
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_b h4 {
	color: #473f2c;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px 6px 12px;
}

.container_style_c {
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.container_style_c h4 {
	color: #473f2c;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px;
}

.container_style_d h5 {
	position: relative;
	-moz-box-shadow: 0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow: 0px 3px 3px #aaa;
	margin: 0 0 .8em 0;
}

.style_d_triangle {
	width: 32px;
	height: 21px;
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -16px;
}

.container_style_e h5 {
	color: #333333;
	-moz-box-shadow: 0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow: 0px 3px 3px #aaa;
	margin: 0 0 .8em 0;
}

.container_style_maintenance {
	border: 1px solid #ff0000;
	background: #eef3f7;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_maintenance h2, .container_style_maintenance h3, .container_style_maintenance h4 {
	background-color: #ffcccc;
	border-bottom: 1px solid #ff0000;
	color: #473f2c;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px 6px 12px;
}

.container_style_maintenance .add_icon_font_heading {
	color: #473f2c;
}

div.container_style_myftb_login {
	text-align: center;
	border-radius: 2px;
	border: 1px solid #6db3e4;
}

.container_style_myftb_login h2 {
	background-color: #d1e6f7;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 .25em;
	padding: .4em;
	font-stretch: normal;
	font-size: 100%;      /* Back to original text size. */
}

.container_style_myftb_login .icon-user + span, .container_style_myftb_login .icon-user {
	display: inline-block;
	vertical-align: middle;
}

.icon-user.MyFTB {
	background-color: #009ee2;
	color: white;
	display: inline-block;
	border-radius: 4px;
	padding: 0.1em;
	font-size: 0.8em;
}

.icon-user.MyFTB + span {
	color: #0054a5;
	text-align: left;
}

.icon-user.MyFTB + span strong {
	font-family: Verdana, Geneva, sans-serif;
	margin-right: 2px;
	letter-spacing: -1px;
}

.container_style_myftb_login span.MyFTB_text {
	font-size: 2em;
}

.container_style_myftb_login .icon-user + span {
	text-align: left;
	margin-top: -6px;
}

.container_style_myftb_login .icon-user {
	font-size: 2.4em;
	border-radius: 8px;
	background-color: #009ee1;
	margin-right: .1em;
	padding: .15em;
}

.container_style_myftb_login #link_myftb_whatsnew {
	display: block;
	font-size: 1em;
	letter-spacing: normal;
	color: #0054a5;
	margin: -4px 0 0 1px;
}

/* Remove the below style. The underline on hover and dotted line on focus is enough  
.container_style_myftb_login #link_myftb_whatsnew:hover, .container_style_myftb_login #link_myftb_whatsnew:focus {
	color: #009ee1;
}
*/

.container_style_myftb_login .button-area .button {
	background-color: #0054a5;
	margin: .25em;
}

.container_style_myftb_login .button-area .button:hover, .container_style_myftb_login .button-area .button:focus {
	background-color: #00488c;
}

.container_style_myftb_login .button-area .button:first-child {
	margin-right: 0;
}

.container_style_myftb_login .button {
	min-height: 36px;
	line-height: 36px;
	padding: 0 16px;
	margin-top: 24px;
	margin-bottom: 8px;
	margin-right: 8px;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.container_style_livechat {
	margin: 10% 5%;
	text-align: center;
}

.container_style_timer h5 {
	color: #333333;
	-moz-box-shadow: 0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow: 0px 3px 3px #aaa;
	margin: 0 0 .8em 0;
}

.container_style_right_global_nav ul {
	color: #333333;
	margin: 0 0 5% 0;
}

.container_style_right_global_nav a {
	padding: 0 .8em;
	text-decoration: none;
}

.container_style_warning {
	z-index: 99;
	visibility: visible;
	vertical-align: middle;
	position: fixed;
	top: 50%;
	left: 0%;
	margin: 0 33% 25% 33%;
	min-width: 33%;
	width: auto;
	background: #eef3f7;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
	display: block;
}

.hide {
	width: 0%;
	height: 0%;
	display: none;
	visibility: hidden;
	z-index: -1;
}

.show {
	width: 100%;
	height: 100%;
	visibility: visible;
	display: block;
	z-index: 0;
}

.container_style_warning h4 {
	color: #473f2c;
	text-align: center;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px;
}

.container_style_warning p {
	text-align: center;
}

.container_style_warning a {
	padding: 1.4%;
	margin-right: 8px;
	background-color: rgba(80, 80, 80, 0.15);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
}

.container_style_25 {
	min-width: 21.25%;
	max-width: 21.25%;
	width: auto;
	float: left;
	margin-right: 3.5%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_33 {
	min-width: 29.5%;
	max-width: 29.5%;
	width: auto;
	float: left;
	margin-right: 3.5%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_33:last-child {
	margin-right: 0%;
}

.container_style_33 h1, .container_style_33 h2 {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
}

.container_style_33 h1 img {
	margin-top: -2px;
	padding-right: .25em;
}

.container_style_33 .list_style_2, .list_style_2 ul {
	list-style-type: none;
	padding-left: 0;
}

.container_style_33 .list_style_2 li {
	padding: 0 0 16px 18px;
	margin-left: 0;
}

.container_style_33 .list_style_2 ul.run-in_list li  {
	padding: 0;
}
.container_style_33 a {
	text-decoration: none;
}

.container_style_33 a:hover {
	text-decoration: underline;
}

.container_style_50 {
	min-width: 46%;
	max-width: 46%;
	width: auto;
	float: left;
	margin-right: 3.5%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_50 blockquote {
	text-align: center;
	font-size: 1.1em;
	line-height: 105%;
	font-style: italic;
	color: #1f70a7;
}

.container_style_50 h2 {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
}

.container_style_66 {
	min-width: 62.5%;
	max-width: 62.5%;
	width: auto;
	float: left;
	margin-right: 3.5%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_red {
	padding: 4px 15px 4px 20px;
	margin: 1em 0 2em 0;
	border: 1px solid #FF0000;
	background: transparent url(/images/common/custom_containers/gradient_red_bg.png) repeat-x;
}

.container_red h2 {
	margin: -6px 0 0 -20px;
	font-size: 1.75em;
	color: #000;
}

.container_style_ecom_25 {
	min-width: 23%;
	max-width: 23%;
	width: auto;
	float: left;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_ecom_33 {
	min-width: 31%;
	max-width: 31%;
	width: auto;
	float: left;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_ecom_50 {
	min-width: 48%;
	max-width: 48%;
	width: auto;
	float: left;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_marketing_video {
	width: 280px;
	height: 100%;
	margin: 5% 30%;
}

.container_marketing_video:focus {
	outline: thin dotted;
	outline-color: #000;
}

.container_marketing_video p {
	font-size: 0.875em;
	color: #1f70a7;
	text-align: center;
}

.container_marketing_video a {
	text-decoration: none;
}

.user {
	margin-top: 2px;
	text-align: center;
	font-size: 0.9em;
	color: #6d6d6d;
}

.more_reviews {
	font-size: 0.875em;
	text-align: center;
	margin-top: 20px;
	color: #8a8a8a;
}

.border {
	min-height: 200px;
	max-height: 200px;
	margin-right: 1.42%;
	padding: 0 8px;
	border: thin solid #ccc;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.border h3 {
	margin: 8px 0;
	border-bottom: none;
}

.border h3, .border p {
	text-align: center;
}

.border .button_marketing_green {
	float: none;
}

.MyFTBMarketing h3 { 
	background: #fff url(/images/common/no_icon.svg) center top no-repeat;
	color: #3786BF;
	padding-top: 56px; 
	border: none; 
	background-size: 48px;
}

.MyFTBMarketing:nth-of-type(1) h3 { background-image: url(/images/common/account_icon.svg); }
.MyFTBMarketing:nth-of-type(2) h3 { background-image: url(/images/common/mailbox_icon.svg); }
.MyFTBMarketing:nth-of-type(3) h3 { background-image: url(/images/common/keyboard_icon.svg); }

.container_marketing .MyFTBMarketing {
	padding: 0.5em;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.container_marketing.center > article {
	text-align: center;
}

.container_marketing em {
	font-weight: bold;
	font-style: normal;
}

/*Specific to page Account Registration. Adding here because we don't add page styles*/
#form1[action*='MyFTBAccess/Registration.aspx'] > p {
	display: inline-block;
	margin-right: 1em;
}


/*.MyFTBMarketing + #form1 { clear: both; }
@media screen and (min-width: 1024px) {
.MyFTBMarketing { min-height: 18em; }
}
@media screen and (min-width: 1000px) and (max-width: 1220px) {
.MyFTBMarketing { min-height: 21em; }
}
@media screen and (max-width: 1000px) {
.MyFTBMarketing { min-height: 15em; }
}*/

.locator_labels {
	width: 33%;
	line-height: 2.5em;
	float: left;
}

.locator_selections {
	width: 60%;
	vertical-align: top;
	float: right;
}
 @media only screen and (max-width: 1067px), (min-device-width: 1075px) and (max-device-width: 1024px) {

.container_style_ecom_25, .container_style_25 {
	min-width: 100% !important;
}
}
 @media only screen and (max-width: 1000px), (min-device-width: 1008px) and (max-device-width: 1024px) {

.container_style_ecom_33, .container_style_33 {
	min-width: 100% !important;
}
}
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

.container_style_ecom_50, .container_style_50, .container_style_66 {
	min-width: 100% !important;
}

.container_marketing_video {
	margin: 5%;
}

.container_style_warning {
	min-width: 100% !important;
	margin: 0%;
}
}

div.container_style_a .add_padding, div.container_style_b .add_padding, div.container_style_c .add_padding, div.container_style_d .add_padding, div.container_style_e .add_padding {
	padding: 0 12px;
}

/* Blue disc for bullets, bold links */

.list_style_1 {
	list-style-type: none;
	padding-left: 10px;
}

.list_style_1 li {
	background: transparent url(/responsive/images/bullet_blue_disc.png) no-repeat 0px 2px;
	padding: 0 0 14px 18px;
}

.list_style_1 a {
	font-weight: bold;
}

.list_style_1 div {
	margin: .4em 0 0 0;
}

/* Blue disc for bullets, normal links */

.list_style_2, .list_style_2 ul:not(.run-in_list) {
	list-style-type: none;
	padding-left: 10px;
}

.list_style_2 li {
	background: transparent url(/responsive/images/bullet_blue_disc.png) no-repeat 0px 2px;
	padding: 0 0 16px 18px;
}

.list_style_2 li li {
	margin: 6px 0 0 0;
	padding: 0 0 0 18px;
}

/* Gray arrow for bullets */

.list_style_3 {
	list-style-type: none;
	padding-left: 10px;
}

.list_style_3 li {
	background: transparent url(/responsive/images/bullet_gray_arrow.png) no-repeat 0px 0px;
	padding: 4px 0 14px 18px;
}

.featured_narrative {
	width: 90%;
	margin: 0 auto;
	padding: .5em;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-style: italic;
	line-height: 1.5;
}

.media_caption {
	border: 1px solid #d6d6d6;
	font-size: .8em;
}

.media_caption img {
	width: 100%;
}

.media_caption div {
	padding: .5em;
}

.cleaner { /* Needed for Dreamweaver wysiwyg editor. Otherwise use clearfix. */
	clear: both;
	height: 2px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
}

/* Google Custom Search */

.gs-image-box {
	display: none; /* The thumbnails that Google displays are usually irrelevent, so just hide them */
}

/*****FTB Theme*****/
/* overall */

.tablesorter-ftb {
	background-color: #fff;
	border-spacing: 0;
	color: #333;
	/* font: 12px/18px Arial, Sans-serif; */
	margin: 10px 0 15px;
	text-align: left;
	width: 100%;
}

/* header */

.tablesorter-ftb th, .tablesorter-ftb thead td {
	/* font: bold 12px/18px Arial, Sans-serif; */
	color: #fff;
	background-color: #00436B;
	border-collapse: collapse;
	border-bottom: #ccc 2px solid;
	padding: 0;
}

.tablesorter-ftb tfoot th, .tablesorter-ftb tfoot td {
	border: 0;
}

.tablesorter-ftb .header, .tablesorter-ftb .tablesorter-header {
	background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}

.tablesorter-ftb thead .headerSortUp, .tablesorter-ftb thead .tablesorter-headerSortUp, .tablesorter-ftb thead .tablesorter-headerAsc {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
	border-bottom: #000 2px solid;
}

.tablesorter-ftb thead .headerSortDown, .tablesorter-ftb thead .tablesorter-headerSortDown, .tablesorter-ftb thead .tablesorter-headerDesc {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
	border-bottom: #000 2px solid;
}

.tablesorter-ftb thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */

.tablesorter-ftb tfoot .tablesorter-headerSortUp, .tablesorter-ftb tfoot .tablesorter-headerSortDown, .tablesorter-ftb tfoot .tablesorter-headerAsc, .tablesorter-ftb tfoot .tablesorter-headerDesc {
	border-top: #000 2px solid;
}

/* tbody */

.tablesorter-ftb td {
	background-color: #fff;
	/*	Causes bottom border on each cell when responsive, which isn't how the production list works.
	border-bottom: #ccc 1px solid; */
	padding: 4px;
	vertical-align: top;
}

/* hovered row colors */

.tablesorter-ftb tbody > tr:hover > td, .tablesorter-ftb tbody > tr.even:hover > td, .tablesorter-ftb tbody > tr.odd:hover > td {
	background: #ffeace;
	color: #000;
}

/* table processing indicator */

.tablesorter-ftb .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(../addons/pager/icons/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */

.tablesorter-ftb tr.odd > td {
	background-color: #f4f5f6;
}

.tablesorter-ftb tr.even > td {
	background-color: #fff;
}

/* Column Widget - column sort colors */

.tablesorter-ftb tr.odd td.primary {
	background-color: #e6e7e8;
}

.tablesorter-ftb td.primary, .tablesorter-ftb tr.even td.primary {
	background-color: #f4f5f6;
}

.tablesorter-ftb tr.odd td.secondary {
	background-color: #f4f5f6;
}

.tablesorter-ftb td.secondary, .tablesorter-ftb tr.even td.secondary {
	background-color: #e6e6e6;
}

.tablesorter-ftb tr.odd td.tertiary {
	background-color: #e6e6e6;
}

.tablesorter-ftb td.tertiary, .tablesorter-ftb tr.even td.tertiary {
	background-color: #f2f2f2;
}

/* caption */

caption {
	background: #fff;
}

/* filter widget */

.tablesorter-ftb .tablesorter-filter-row td {
	background: #eee;
	border-bottom: #ccc 1px solid;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}

/* optional disabled input styling */

.tablesorter-ftb .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}

/* hidden filter row */

.tablesorter-ftb .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}

.tablesorter-ftb .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}

/* filters */

.tablesorter-ftb .tablesorter-filter {
	width: 95%;
	height: auto;
	margin: 4px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}

/* rows hidden by filtering (needed for child rows) */

.tablesorter .filtered {
	display: none;
}

/* ajax error row */

.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}

/* Google Custom Search */

.gs-image-box {
	display: none; /* The thumbnails that Google displays are usually irrelevent, so just hide them */
}

/*--------------------------------------- Executive banners --------------------------------------*/


.container_style_banner {
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin: 0em 1em 1em 1em;
}

.container_banner_image {
	background: url(../images/banner/banner-guy.png) no-repeat bottom right;
}

.container_banner_image2 {
	background: url(../images/banner/banner-gal.png) no-repeat bottom right;
}

.banner_subtitle {
	color: #473f2c;
	font-size: .9em;
	margin: 0 30px .2em 0;
	padding: 4px 35px 2px 10px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#20000000, endColorStr=#00000000, GradientType=1);
}

.banner_subtitle2 {
	color: #473f2c;
	font-size: .9em;
	margin: 0 0px .2em 0;
	padding: 4px 0px 2px 10px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#20000000, endColorStr=#00000000, GradientType=1);
}

.banner_link {
	font-weight: 100;
	color: #473f2c;
	font-size: .7em;
	margin: 0;
	padding-left: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.banner_title {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight: bold;
	color: #5A5A5A;
	font-size: 1.2em;
	padding-right: 70px;
	padding-left: 10px;
}

/*----------------------------------------------------------------------------------------------------------*/

/* ---- Icon fonts - start ---- */

@font-face {
	font-family: 'icomoon';
	src: url('/responsive/fonts/icomoon.eot?1pz1t7');
	src: url('/responsive/fonts/icomoon.eot?#iefix1pz1t7') format('embedded-opentype'), url('/responsive/fonts/icomoon.woff?1pz1t7') format('woff'), url('/responsive/fonts/icomoon.ttf?1pz1t7') format('truetype'), url('/responsive/fonts/icomoon.svg?1pz1t7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.add_icon_font_ftb {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
	content: "\e600";
}

@font-face {
	font-family: 'CaGov';
	src: url('/responsive/fonts/CaGov.eot'); /* IE9 Compat Modes */
	src: url('/responsive/fonts/CaGov.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/responsive/fonts/CaGov.woff') format('woff'), /* Modern Browsers */ url('/responsive/fonts/CaGov.ttf') format('truetype'), /* Safari, Android, iOS */ url('/responsive/fonts/CaGov.svg') format('svg'); /* Legacy iOS */
}

.add_icon_font_normal, .add_icon_font_heading {
	font-family: 'CaGov';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.add_icon_font_heading {
	float: left;
	width: 0;
	text-transform: none;
	line-height: 1;
}

.add_icon_font_heading { /* add icon to h1/2/3/4 */
	margin-left: -40px;
	padding: 0 35px 0 0;
	font-size: 34px;
}

.container_style_a .add_icon_font_heading, .container_style_b .add_icon_font_heading, .container_style_c .add_icon_font_heading, .container_style_maintenance .add_icon_font_heading { /* add icon to container_style_a/b/c */
	margin: -3px 35px 0 0;
	padding: 1px 0 0 0;
	font-size: 28px;
}

.container_style_d .add_icon_font_heading, .container_style_e .add_icon_font_heading { /* add icon to container_style_d/e */
	margin: -4px 0 0 0;
	padding: 0 0 0 19px;
	font-size: 29px;
}

.container_style_e .add_icon_font_heading {
	font-size: 30px;
}

.icon-user:before {
	content: "\e600";
}

.ca-gov-icon-Ca-Gov-Logo:before {
	content: "\e600";
}

.ca-gov-icon-Ca-Gov-Home:before {
	content: "\e601";
}

.ca-gov-icon-Ca-Gov-Menu:before {
	content: "\e602";
}

.ca-gov-icon-Ca-Gov-Apps:before {
	content: "\e603";
}

.ca-gov-icon-Ca-Gov-Search:before {
	content: "\e604";
}

.ca-gov-icon-Ca-Gov-Chat:before {
	content: "\e605";
}

.ca-gov-icon-Ca-Gov-Capitol:before {
	content: "\e606";
}

.ca-gov-icon-Ca-Gov-State:before {
	content: "\e607";
}

.ca-gov-icon-Ca-Gov-Phone:before {
	content: "\e608";
}

.ca-gov-icon-Ca-Gov-eMail:before {
	content: "\e609";
}

.ca-gov-icon-Ca-Gov-Calendar:before {
	content: "\e60a";
}

.ca-gov-icon-Ca-Gov-Bear:before {
	content: "\e60b";
}

.ca-gov-icon-Law-Enforcement:before {
	content: "\e60c";
}

.ca-gov-icon-Justice-Legal:before {
	content: "\e60d";
}

.ca-gov-icon-At-Sign:before {
	content: "\e60e";
}

.ca-gov-icon-Attachment:before {
	content: "\e60f";
}

.ca-gov-icon-Zipped-File:before {
	content: "\e610";
}

.ca-gov-icon-PowerPoint:before {
	content: "\e611";
}

.ca-gov-icon-Excel:before {
	content: "\e612";
}

.ca-gov-icon-Word:before {
	content: "\e613";
}

.ca-gov-icon-PDF:before {
	content: "\e614";
}

.ca-gov-icon-Share:before {
	content: "\e615";
}

.ca-gov-icon-Facebook:before {
	content: "\e616";
}

.ca-gov-icon-LinkedIn:before {
	content: "\e617";
}

.ca-gov-icon-YouTube:before {
	content: "\e618";
}

.ca-gov-icon-Twitter:before {
	content: "\e619";
}

.ca-gov-icon-Pinterest:before {
	content: "\e61a";
}

.ca-gov-icon-Vimeo:before {
	content: "\e61b";
}

.ca-gov-icon-Instagram:before {
	content: "\e61c";
}

.ca-gov-icon-Flickr:before {
	content: "\e61d";
}

.ca-gov-icon-Microsoft:before {
	content: "\e61e";
}

.ca-gov-icon-Apple:before {
	content: "\e61f";
}

.ca-gov-icon-Android:before {
	content: "\e620";
}

.ca-gov-icon-Computer:before {
	content: "\e621";
}

.ca-gov-icon-Tablet:before {
	content: "\e622";
}

.ca-gov-icon-Smartphone:before {
	content: "\e623";
}

.ca-gov-icon-Roadways:before {
	content: "\e624";
}

.ca-gov-icon-Travel-Car:before {
	content: "\e625";
}

.ca-gov-icon-Travel-Air:before {
	content: "\e626";
}

.ca-gov-icon-Truck-Delivery:before {
	content: "\e627";
}

.ca-gov-icon-Construction:before {
	content: "\e628";
}

.ca-gov-icon-Bar-Chart:before {
	content: "\e629";
}

.ca-gov-icon-Pie-Chart:before {
	content: "\e62a";
}

.ca-gov-icon-Graph:before {
	content: "\e62b";
}

.ca-gov-icon-Server:before {
	content: "\e62c";
}

.ca-gov-icon-Download:before {
	content: "\e62d";
}

.ca-gov-icon-Cloud-Download:before {
	content: "\e62e";
}

.ca-gov-icon-Cloud-Upload:before {
	content: "\e62f";
}

.ca-gov-icon-Shield:before {
	content: "\e630";
}

.ca-gov-icon-Fire:before {
	content: "\e631";
}

.ca-gov-icon-Binoculars:before {
	content: "\e632";
}

.ca-gov-icon-Compass:before {
	content: "\e633";
}

.ca-gov-icon-SOS:before {
	content: "\e634";
}

.ca-gov-icon-Shopping-Cart:before {
	content: "\e635";
}

.ca-gov-icon-Video-Camera:before {
	content: "\e636";
}

.ca-gov-icon-Camera:before {
	content: "\e637";
}

.ca-gov-icon-Green:before {
	content: "\e638";
}

.ca-gov-icon-Loud-Speaker:before {
	content: "\e639";
}

.ca-gov-icon-Audio:before {
	content: "\e63a";
}

.ca-gov-icon-Print:before {
	content: "\e63b";
}

.ca-gov-icon-Medical:before {
	content: "\e63c";
}

.ca-gov-icon-Zoom-Out:before {
	content: "\e63d";
}

.ca-gov-icon-Zoom-In:before {
	content: "\e63e";
}

.ca-gov-icon-Important:before {
	content: "\e63f";
}

.ca-gov-icon-Chat-Bubbles:before {
	content: "\e640";
}

.ca-gov-icon-Phone:before {
	content: "\e641";
}

.ca-gov-icon-People:before {
	content: "\e642";
}

.ca-gov-icon-Person:before {
	content: "\e643";
}

.ca-gov-icon-User-Id:before {
	content: "\e644";
}

.ca-gov-icon-Payment-Card:before {
	content: "\e645";
}

.ca-gov-icon-Skip-Backwards:before {
	content: "\e646";
}

.ca-gov-icon-Play:before {
	content: "\e647";
}

.ca-gov-icon-Pause:before {
	content: "\e648";
}

.ca-gov-icon-Skip-Forward:before {
	content: "\e649";
}

.ca-gov-icon-Mail:before {
	content: "\e64a";
}

.ca-gov-icon-Image:before {
	content: "\e64b";
}

.ca-gov-icon-Home:before {
	content: "\e64c";
}

.ca-gov-icon-Gear:before {
	content: "\e64d";
}

.ca-gov-icon-Tool:before {
	content: "\e64e";
}

.ca-gov-icon-Time:before {
	content: "\e64f";
}

.ca-gov-icon-Calendar:before {
	content: "\e650";
}

.ca-gov-icon-Check-List:before {
	content: "\e651";
}

.ca-gov-icon-Document:before {
	content: "\e652";
}

.ca-gov-icon-Clipboard:before {
	content: "\e653";
}

.ca-gov-icon-Page:before {
	content: "\e654";
}

.ca-gov-icon-Read-Book:before {
	content: "\e655";
}

.ca-gov-icon-CC-Copyright:before {
	content: "\e656";
}

.ca-gov-icon-Ca-Capitol:before {
	content: "\e657";
}

.ca-gov-icon-Ca-State:before {
	content: "\e658";
}

.ca-gov-icon-Favorite:before {
	content: "\e659";
}

.ca-gov-icon-RSS:before {
	content: "\e65a";
}

.ca-gov-icon-Road-Pin:before {
	content: "\e65b";
}

.ca-gov-icon-Online-Services:before {
	content: "\e65c";
}

.ca-gov-icon-Link:before {
	content: "\e65d";
}

.ca-gov-icon-Magnify-Glass:before {
	content: "\e65e";
}

.ca-gov-icon-Key:before {
	content: "\e65f";
}

.ca-gov-icon-Lock:before {
	content: "\e660";
}

.ca-gov-icon-Info:before {
	content: "\e661";
}

.ca-gov-icon-Arrow-Up:before {
	content: "\e662";
}

.ca-gov-icon-Arrow-Down:before {
	content: "\e663";
}

.ca-gov-icon-Arrow-Left:before {
	content: "\e664";
}

.ca-gov-icon-Arrow-Right:before {
	content: "\e665";
}

/* ---- Icon fonts - end ---- */

/* =============================================================================
  	Zippy
   ========================================================================== */

/* Use these styles for Zippies not inside a form */

.zippy-group {
	margin: 1.5em 0 2.5em;
}

.zippy-container {
	position: relative;
	overflow: hidden;
	border-top: none;
}

.survey {
	margin-top: 3em;
	border-top: none;
}

#divSurveyAfter, #divSurveyError {
	display: none;
}

.zippy {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.2;
	border-bottom-width: 0;
}

.zippy > a, .zippy > a:visited {
	display: block;
	padding: 1.25em 2.5em 1em 0.75em;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.12);
	text-decoration: none;
}

.survey .zippy > a, .survey .zippy > a:visited {
	padding: .5em;
	font-size: 14px;
	font-size: 1rem;
	border: none;
}

section:not(.survey) .zippy > a:focus {
	background-color: rgba(0,0,0,0.08);
}

.zippy:hover {
	cursor: pointer;
}

.survey .zippy > a:hover {
	text-decoration: underline;
}


.zippy > a:after {
	content: "";
	will-change: transform;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	background-repeat: no-repeat;
	background-image: url("/responsive/images/arrow_down.svg");
	background-position: right center;
	width: 24px;
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	-moz-transition: 0.2s all;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	right: 16px;
}

.survey .zippy > a:after {
	background-image: none;
}

.zippy.expanded > a:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.zippy-container {
	position: relative;
	border-top: none;
	/*will-change: transform; */
	transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946); /* 0.2, 0, 0.5, 1 */
	padding: 0 1em;
}

.zippy.collapsed:last-of-type > a, .zippy.collapsed:last-of-type > a:visited {
	border-bottom: 1px solid rgba(0,0,0,0.12);
}

.survey .zippy.collapsed:last-of-type > a, .survey .zippy.collapsed:last-of-type > a:visited {
	border: none;
}

.zippy.collapsed + .zippy-container {
	visibility: hidden;
	-webkit-transition-delay: 0.3s; /* Safari */
	transition-delay: 0.3s;
	max-height: 0;
}

.zippy.expanded + .zippy-container {
	visibility: visible;
	max-height: none;
	display: block;
}

.zippy-container > *:first-child {
	margin-top: 1em;
}

.zippy-container > *:last-child {
	margin-bottom: 1em;
}

/* Adjustments for Zippy groups in sidebar */

.sidebar ul {
	padding: 0;
}

.sidebar li {
	list-style: none;
	padding: 0.5em 0 0.5em 0.5em;
}

.sidebar .zippy-container a {
	text-decoration: none;
}

.sidebar .zippy-container a:hover {
	text-decoration: underline;
}

.sidebar a:focus {
	color: #1C6B9B;
}

.sidebar.zippy-group {
	background-color: rgba(255,255,255,0.5);
}

.sidebar.zippy-group h3 {
	font-size: 1.25em;
}

.sidebar .zippy > a, .sidebar .zippy > a:visited {
	padding: 0.75em 0 0.75em 1em;
}

/* Button to open or close all zippies */

.hide-show {
	background: none;
	border: none;
	color: #666;
}

/* New class for button alignment */

.show-button {
	text-align: right;
	margin-bottom: 0.5em;
}

/* Apply this to zippy-groups when they have a Show All button so that said button has enough space to breathe. */

.show-all {
	margin-top: 2em;
}

/* Use these styles for Zippies inside a <form>;
 * Note: use the same markup style as Ask a Legal Expert /Contact_Us/Ask_A_Legal_Expert.asp
 * These styles must follow the "general" ones (above) so they take precedence in the Cascade. */

form .zippy-container {
	border-top: none;
}

form .zippy-container > a.zippy {
	display: block;
	padding: 8px;
}

form .zippy-container > a.zippy:after {
	content: "";
	background-repeat: no-repeat;
	background-image: url('/responsive/images/arrow_down.svg');
	background-position: right center;
	display: inline-block;
	width: 24px;
	height: 24px;
	float: right;
	-moz-transition: 0.5s all;
	transition: 0.5s all; /* all browsers */
	-webkit-transition: 0.5s all; /* safari browsers */
}

/* This is backwards from the expected behavior due to how classes are applied to Zippies-in-a-form */
form .zippy-container > a.zippy.collapsed:after {
	transform: rotate( 180deg );
}

form .zippy-container > div {
	display: none;
	overflow: hidden;
	padding: 8px;
	margin-left: 16px;
	margin-bottom: 8px;
	border-left: none;
}

form .zippy-container .zippy.icon {
	background-repeat: no-repeat;
	padding-left: 36px;
	background-position: left center;
}

form .zippy-container.first {
	border-top: none;
}

form .zippy-container > a.zippy.inline-zippy {
	display: inline-block;
	vertical-align: middle;
}

form .zippy-empty {
	padding: 0.5em 1em 0; /* match padding of link */
	border-top: 0px;
}

/* Submit button linked to Jurat checkbox (Ask A Legal Expert) */

.submit {
	margin: 10px 2.5% 0 0;
	padding: 1.5% 3%;
	background-color: #3786bf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow: 0px 1px 1px #aaa;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.2em;
}

.submit[disabled="disabled"], [type="submit"][disabled], [type="button"][disabled] {
	background-color: #949494;
	color: #fff;
} 



/**The disabled button style will also be addressed in Color Contrast as the default disabled state will not pass. However, disabled buttons are not focus-able**/
[type="submit"][disabled]:hover, 
[type="submit"][disabled]:focus {
	cursor: default;
	background-color: #949494;
}





/* TAB STYLES */
[role="tabpanel"][aria-hidden="true"] {
 display: none;
}
[role="tablist"] {
	display: flex;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: white;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,0.12);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
[role="tablist"] li {
	padding-top: 1px; /* fix outline cut-off */
	text-align: center;
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */
	flex: 1;
}
[role="tab"] {
	font-size: .9em;
	display: inline-block;
	position: relative;
	text-decoration: none;
	padding: 8px 12px;
	border-bottom: 3px solid transparent;
	text-transform: uppercase;
	min-width: 64px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	vertical-align: top;
}
[aria-selected="true"] {
	border-bottom: 3px solid #1f70a7;
	font-weight: bold;
	transition: border 0.3s ease-out;
}


.tabs a .CaGov {
	display: block;
	margin: 0 auto 0.25em;
	speak: none;
	font-size: 2.5em;
}

/* Ripple animation - reusable */

[role="tabpanel"][aria-hidden="true"] {
 display: none;
}
[role="tablist"] {
	display: flex;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: white;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,0.12);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
[role="tablist"] li {
	padding-top: 1px; /* fix outline cut-off */
	text-align: center;
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */
	flex: 1;
}
[role="tab"] {
	font-size: .9em;
	display: inline-block;
	position: relative;
	text-decoration: none;
	padding: 8px 12px;
	border-bottom: 3px solid transparent;
	text-transform: uppercase;
	min-width: 64px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	vertical-align: top;
}
[aria-selected="true"] {
	border-bottom: 3px solid #1f70a7;
	font-weight: bold;
	transition: border 0.3s ease-out;
}



/* Ripple animation - reusable */
.ripple {
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(0,0,0, 0.25);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	position: absolute;
	opacity: 1;
}
.rippleEffect {
	-webkit-animation: rippleDrop .4s ease-out;
	animation: rippleDrop .4s ease-out;
}
 @-webkit-keyframes rippleDrop { 100% {
 -webkit-transform: scale(2.5);
 transform: scale(2.5);
 opacity: 0;
}
}
 @keyframes rippleDrop { 100% {
 -webkit-transform: scale(2.5);
 transform: scale(2.5);
 opacity: 0;
}
}


/* =============================================================================
   Last modified date
   ========================================================================== */


.lastUpdate {
	padding: .5em;
	font-size: small;

}


/* FIN */