/*  
 * 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, 
.content_right_column > ul {
	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: 1em;
}
#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;
}
 h5 {
	font-size: 1.3em;
	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 h3 {
	border: none;
}

/*.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%;    
}
.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;
}
/* =============================================================================
   Collapsible 
   ========================================================================== */
.collapsible > h1,
.collapsible > h2,
.collapsible > h3,
.collapsible > h4,
.collapsible > h5,
.collapsible > h6,
.not-collapsible a {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	font-size: 0.9rem;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: normal;
	border: none;
}

.not-collapsible a {
	display: block;
	padding: 0.25em;
	transition: background-color 0.3s ease-out;
	text-decoration: none;
}

.collapsible a[aria-controls] {
	text-align: left;
	border: none;
	text-decoration: none;
}
.collapsible.group a[aria-controls],
.content_right_column .collapsible a[aria-controls],
.not-collapsible a {
	display: block;
	position: relative;
	padding: 1em 2.5em 1em 1em;
}
.collapsible.group a[aria-controls],
.content_right_column a[aria-controls],
.not-collapsible a{ border-top: 1px solid rgba(35,31,32, 0.24); }
.collapsible.group.accordion a[aria-controls] { border-top-color: rgba(205, 230, 244, 0.85); }
/*.collapsible.accordion a[aria-controls], [role="navigation"] [aria-controls] { color: #000; }*/
.content_right_column .collapsible a[aria-controls] { letter-spacing: normal; }
.accordion ul {
	padding: 0;
	margin: 0;
}

.accordion li { list-style: none; }


/*
[aria-current="page"] {
	font-weight: bold;
	color: #005A8C;
}*/
.collapsible.group, .content_right_column h3 + ul:not(.button-area) {
 border-bottom: 1px solid rgba(35,31,32, 0.24);
}
.collapsible.group.accordion { border-bottom-color: rgba(205, 230, 244, 0.85); }
.group div[id^="collapsible"], 
.content_right_column [id^="collapsible"] {
	padding: 16px;
	margin-top: -8px;
}
div[id^="collapsible"] {
	padding-top: 8px;
	margin-top: -8px;
	margin-bottom: 8px; /*fix jquery animation */
}


div[id^="collapsible"] ul {
    list-style: disc;
    margin-left: 1em;
}

div[id^="collapsible"] li + li {
	margin-top: 0.25em;        
}

.group [aria-controls]::before,
.content_right_column [aria-controls]::before {
	content: "";
	display: inline-block;
	width: 24px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	transition: 0.3s all;
	-moz-transition: 0.3s all;
	-webkit-transition: 0.3s all;
	background: url(/images/common/ic_keyboard_arrow_down.svg) no-repeat center center;
	background-size: auto;
}
.group [aria-expanded="true"]::before,
.content_right_column [aria-expanded="true"]::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion [aria-expanded="true"]::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.accordion [aria-controls]::before { background-image: url(/assets/img/ic_add_gray.svg); }

.collapsible [aria-controls]:hover, 
.collapsible [aria-controls]:focus,
.not-collapsible a:hover,
.not-collapsible a:focus {
	background-color: rgba(0,0,0,0.05);
	outline: none;
	color: #4D4E53;
}
/*end collapsible*/ 
.content_right_column .run-in_list {
	display: block;
	margin: auto;
	text-align: center;
}

[target="_blank"] > img {
	height: 1.1em;
}

.survey [aria-controls] {
    display: inline-block;
    padding: 0.25em;
}
     
.survey [aria-controls]:focus {
    box-shadow:  0 0 1px #231F20, 
                0 0 0 1px #231F20;
}




/* FIN */