/* CSS Document */
* { margin: 0; padding: 0; }
html, body {height:100%;}
body { background:#fff; width: 752px; margin: 0 auto; text-align: center; }
*, html, body, p, a, input, li, th, td, h1, h2, h3, h4 { font: normal 12px/18px Arial,Helvetica,Verdana,sans_serif; color: #666; }
	/*h1, */h2, h3, h4, th, .bold { font-weight: bold; }
	p { font-size: 1.2em; line-height: 1.3em; padding: 3px 0; }
	a { font-size: 1.2em; color: #024668; text-decoration: underline;}
	strong { font-weight: 700; font-size: inherit; line-height: inherit; }
	a:hover {color: #478FC3; text-decoration: underline;}
	h1 { display:block; font-size: 1.85em; }
	h2, #basics h3 {font-size: 1.2em; color:#312013; padding:10px 0; margin:0;}
	sup { font-size: 0.8em; line-height: 0; }
	form input[type="text"] { color: #1D87BA; font-size: 1.2em; width: auto; height: 25px; padding: 5px 5px 0; }
.clear { clear:both; display: block; }
.block { display: block; }
.disclaimer { font-size: 0.8em; line-height:1.6em; color: #656565; }
.margin-80 { margin: 0 80px; }
.floatleft { float: left; }
.floatright { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
a:focus{outline: none;}

img { display: block; border: none;}


#disclaimer { font:normal 10px Arial, Helvetica, sans-serif; color:#666; margin:0; margin-top:40px; padding:0; padding-bottom:10px;}
#link button { width:136px; height:40px; background:url(/images/modal/green_btn_huge.png) no-repeat left top; border:0; font:normal 11px/40px Arial,Helvetica,sans_serif; color:#000; text-decoration:none;}
#link button:hover { background-position: left bottom; }


/* ########################################################################
########################   Call to Action Feature Buttons (BAB) ##########*/

button.cta_button { border:0; width:159px; height:54px; background:transparent url(/images/button_large.png) no-repeat left top; text-align:center; margin:0 auto; cursor:pointer; }
	button.cta_button:hover { background-position: left bottom; text-decoration:none;  }
	button.cta_button em { display:block; padding:0px; font-size: 1.3em; font-style: italic; font-weight: bold; color: #333;  }


/* ########################################################################
########################   Submit Buttons #################################*/

.button_left { float: left; margin: 0; padding:0; padding-right:10px; }
.button_right { float: right; margin: 0; padding:0; padding-left: 10px; }
.submit_button, .submit_button_secondary, .submit_button_disabled, .button_action, .button_info, .button_secondary, .button_disabled { margin-right: 10px; margin-left: 5px; background-repeat:no-repeat; background-position:top left; white-space:nowrap; display: inline-block; }

.submit_button input, .submit_button_secondary input, .submit_button button {overflow:visible; padding:0; padding-left: 12px; padding-bottom:2px; padding-right:4px; margin-right: 1px; margin-left: 0; border: 0; background: transparent url(/images/btn_green.png) no-repeat top left; color: #333; font:bold 0.85em Verdana, Arial, Helvetica, sans_serif; text-align:right; height: 25px; /* used to catch the buttonEnding */ position: relative; cursor: pointer; display: inline; white-space:nowrap; }
.submit_button div, .submit_buttonEnding, .button_secondary_end { position: absolute; margin:0; display: inline; margin-left: -5px; width: 12px; height: 25px; background: url(/images/btn_green.png) no-repeat top right; }
	div.submit_button:hover input, div.submit_button:hover button { background-position: left bottom; }
	div.submit_button:hover div { background-position: right bottom; }
.button_action input { background-image: url(/images/btn_green.png); color: #333; }
.button_action_end { background-image: url(/images/btn_green.png); }
.button_info input { background: url(/images/btn_08_blue.gif) no-repeat left top; color:#0A4F74; }
.button_info_end { background: url(/images/btn_08_blue_end.gif) no-repeat right top; }
.secondary input, .secondary button { background: url(/images/btn_grey.png) no-repeat left top; color:#333; }
.secondary div, .secondary .submit_buttonEnding { background: url(/images/btn_grey.png) no-repeat right top; }
.button_disabled input { background: url(/images/btn_08_ltgrey.gif) no-repeat left top; color:#999; }
.button_disabled_end { background: url(/images/btn_08_ltgrey_end.gif) no-repeat right top; }
div.form_buttons { display: block; height: 35px; }
div.form_buttons .button_left { float: left; margin: 0 3px 0 0; }
div.form_buttons .button_right { float: right; margin: 0 0 0 5px; }

.submit_button.login { margin: 8px; margin-right: 10px; }

/* ########################################################################
########################  Rounded Border  #################################*/
.rounded { border-radius: 7px; }
	.rounded { -webkit-border-radius: 7px; -moz-border-radius: 7px; }

/* ########################################################################
########################    Page Wrapper    #################################*/

#glow_wrapper { margin:0 auto; width: 752px; }
#content_wrapper { background-color:transparent; margin:0 auto; text-align:left; text-align: center; }
/* div.max-width { width: 1020px; max-width: 1020px; margin: 0 auto; position: relative; } */


/* ########################################################################
########################    Header Row    #################################*/

#header { background:transparent; display:block; height:100px; }
#header a.headerLogo { float:left; margin:35px 0 0 10px; }

#headerLinks { padding:25px 0; float: right; text-align:right; width:60%; }
#headerLinks #login { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #666666; padding:10px 25px 10px 10px; position:absolute; right:42px; text-align:left; z-index:250; }
#headerLinks ul { list-style:none outside none; }
#headerLinks li { float:right; list-style:none outside none; margin-bottom:10px; margin-left:20px; }


/* ########################################################################
########################    Tabs Row    #################################*/

#row_tabs { background: transparent; height:34px; margin:25px auto 0; position:relative; text-align: center; }
#row_tabs ul { overflow: hidden; list-style:none outside none; margin:0 0 0em; padding: 0 0 0 0px; text-align:center; width:100%; background: none;  font-size: 1.3em; }
#row_tabs li { display:inline-block; float:left; list-style:none outside none; padding:0; width:auto;  }
#row_tabs li a { background:#0079c2; repeat-x left -75px #1A4773; margin: 0.6em 0.6em 0 0; padding: 0.5em 2.5em; border-radius:2px; text-decoration:none; width:auto; color: #fff; font-weight: bold; display: block; text-transform: uppercase;}
#row_tabs li a:hover {background:#00457c; }
#row_tabs li.active a {  color:#fff;  background:#00457c;    }

/* ########################################################################
########################    Panels Row    #################################*/

#tab_panels { background:none repeat scroll 0 0 transparent; height:auto; margin:10px 0; padding: 0; position:relative; width: 752px; }
#tab_panels h1 { display: block; width: 750px; height: 0px; text-indent: -9999px; }
	/*#tab_panels #panel_home h1 {  background: transparent url("/images/home_headline.png") no-repeat left top; }*/
	#tab_panels #panel_home h1 {background:none; height:0px; }
	#tab_panels #panel_activate h1 { height: 47px; background: transparent url("/images/activate_headline.png") no-repeat left top; }
	#tab_panels #panel_addmoney h1 { height: 47px; background: transparent url("/images/addmoney_headline.png") no-repeat left top; }

#tab_panels .info { overflow: hidden; border: 1px solid #ccc; border-width: 1px;  border-radius:10px; padding: 0px 0px 0; width: 750px; }
	#tab_panels .info div { float: left; }
	#tab_panels .info .hero_image { margin-right:60px; width:400px; float:left; }
	#tab_panels .info .hero_cta { margin-top: 0px; float: left; width: 252px }
		#tab_panels .info .hero_cta button { margin-top: 10px;  }
#tab_panels div.tabbedContent { margin:0; padding: 0 0 10px; background:none; }
#tab_panels div.tabbedContent p.panel_title { color:#fff; font-size:1.6em; margin:0; padding:10px 0; }
ul.feature_list { list-style:none outside none; margin:10px 0 0; padding:0; overflow: hidden; }
ul.feature_list li { display:block; float:left; height:auto; list-style:none outside none; margin: 0 10px 50px; width: 220px; }
ul.feature_list li img { display: block; margin: 0 auto 20px; }
ul.feature_list li p { display: block; margin: 0; padding: 0 10px; width:auto; }
ul.feature_list li span.title { color: #2080BE; font-size: 1.3em; font-weight: normal; line-height: 1.7em; }
.addmoney_cta { text-align: right; width: 100%; }
/*
#panel_activate.tabbedContent p.panel_title { width:300px; }
#panel_activate.tabbedContent div.info { float:left; width:42%; }
*/
.activate_card { float: left; margin: 20px 0px 50px; }
div.activate_form { float:left; position:relative; margin: 20px 0 0 20px; width: 57%; }
div.activate_form div.form_line { border-top:1px solid #00457B; height:1px; left:207px; position:absolute; top:65px; width:42px; z-index:1; }
div.activate_form form { float:left; margin:45px 0 0; text-align:left; width: 100%; }
div.activate_form input[type="text"] { background: #efefef; border:1px solid #999; height:auto; text-align: center; padding:5px; width:auto; margin-right: 10px; }
div.activate_form label { color:#858585; display:block; font:0.9em Verdana,Arial; padding:5px 0 0; }
div.activate_form .cta { text-align: right; margin-top: 36px; width: 440px; }
/* #panel_activate.tabbedContent img { float:left; margin:-25px 0 0 10px; padding:0; position:relative; } */
.order_btn { display:inline; }
.order_btn button { font-size:1.2em; }
form { margin-top: 15px; }
form input.email-field { border:1px solid; margin:5px 0 10px; width:330px; }
form label { font-size: 1.1em; font-weight: bold; }

/* ########################################################################
########################    News Row    #################################*/

div#news { overflow: auto; background:url("/images/features_bg.png") repeat-x left 50px transparent; clear:both; /* font-size:11px; */ margin:0 0 20px; padding:0 0 20px; text-align:left; }
div#news h2 { font-size: 1.8em; color: #2080BE; font-weight: normal; }
div#news div#important_info { clear: both; height: auto; width: auto; margin-right: 20px; background:transparent url(/images/icon_info.png) no-repeat top left; }

/* Information Accordion */
.infoAccordion { margin: 10px 0 0 0; }
.infoAccordion a, .fold a { font-size: 1em; background: transparent url(/images/arrow_infoaccordion_large_folded.png) no-repeat right 10px; display: inline; padding: 10px 25px 15px; margin: 0; font-weight: bold; text-decoration: none; width: auto; }
.unfold a { background: transparent url(/images/arrow_infoaccordion_large_unfolded.png) no-repeat right 10px; }
h2.infoAccordion.acctHistory_subheading a.unfold, h2.infoAccordion.acctHistory_subheading a, h2.infoAccordion.acctHistory_subheading a.fold {font-size: 17px; font-weight: normal; background-position: right center;}
.infoAccordion p, .infoAccordion h2 { padding: 0 0 1em; }
.infoAccordion h2 { padding-top: 20px; font-weight: bold; font-size: 1em; color: #312013; }
.infoAccordion p { font-size: 1em; }
.infoAccordion strong {}
.infoAccordion a { background: none; padding: 0; font-weight: normal; }
.infoAccordion table { margin: 0 30px 20px; border-collapse: collapse; }
.infoAccordion table th { padding: 10px; text-align: left; color: #fff; background-color: #696969; }
.infoAccordion table td { padding: 10px; text-align: left; border-bottom: 1px solid #ccc; }
.infoAccordion ol, .infoAccordion ul { margin: 0 0 1em 30px; padding: 0; }
.infoAccordion li:first-child { margin-top: 0; }
.infoAccordion ol li { list-style: decimal outside none; margin-top: 0.5em; }
.infoAccordion ul li { list-style: disc outside none; margin-top: 0.5em; }
.infoAccordion ol.alphalist li { list-style: lower-alpha outside none; margin-top: 0.5em; }
.infoAccordion .disclaimer { font-size: .95em; color: #999;}


#important_info p, #important_info h2 { padding: 0 20px; }
div#news div#important_info h2 { padding-top: 20px; font-weight: bold; font-size: 1em; color: #312013; }
#important_info p { color:#695642; font-size: 1em; }
#important_info p a { color:#468EC3; }
#important_info p a:hover { color:#5d5d5d; }
#important_info #opt_out_form form { margin: 10px 0 0 20px; width: 450px; }

.story { float: left; width: 235px; height: 400px; padding: 0 7px 20px; border: 1px dotted #ccc; border-width: 0 0 0 1px; }
.story:first-child { border-width: 0; }

.story ul, li { list-style: none; }
.story ul { padding: 35px 0 0; }
.story li { overflow: visible; padding: 0 0 20px; clear: left;}
	.story li .icon { width: 55px; /* position: absolute; top: 0; left: 0; */ float: left; margin: 0; padding: 0;}
	.story li p { margin: 0 0 20px; padding: 0; float: left; width: 160px;}
#news h1 { padding: 10px 0; color: #2080BE; font-size: 2.8em; font-weight: normal; }
.story p { margin:0; font-size: 1em; color:#656565; }
	.story p span { color: #00336A; font-weight: bold; }

/* ########################################################################
########################    Footer Row    #################################*/

#footer {  clear: both; background:#fff; padding: 10px 0 0; width: auto; color: #15648A; text-align:left; }
#footer_nav { margin: 0 auto; width: auto; height: auto; text-align: left; }
	#nav { width: auto; margin: 8px auto;  }

	#legal #follow_us { margin: 13px 0 0 20px; width: 150px; float: right; text-align: left; }
	#legal #follow_us h2 { padding: 0 5px; font:bold 1em Georgia; font-style:italic; padding-bottom:0; }
	#legal #follow_us ul { padding:15px 10px 0; margin: 5px 0 0; background:transparent url(/images/sidebar_bg.png) no-repeat left top; border:0; text-align:center; width: 130px; }
	#legal #follow_us li { border:0; display:block; float: left; margin:0 0 0 10px; }
	#legal #follow_us li a, div#sidenav div#follow_us li a:hover { border:0; display:inline; background:transparent; width:42px; height:42px; }
	#legal #follow_us .sidebar_footer { padding: 0 10px 10px; background:transparent url(/images/sidebar_bg.png) no-repeat left bottom; border:0; height:2px; }

	.share_link { margin-top: 5px; }

	#footer p.page_nav { float: left; display: block; text-align: left; padding: 0; margin: 10px 0; }
	#footer p.page_nav a { color: #6A9AB0; font: normal 0.8em/19px Verdana,Arial,sans-serif; text-align: left; text-decoration: none; }
		#footer p.page_nav a:hover { color: #85B2C8; text-decoration: underline; }
		#nav ul { float: left; list-style: none; text-align: left; margin: 0; padding: 0; width: 90px; border-left: 1px solid #C6D9E2;  }
			#nav ul.wide_column { width: 95px; }
			#nav li { color: #666; font: bold 0.8em/19px Verdana,Arial,sans-serif; padding: 0 0 0 5px; }
			#nav a { font-size: 1em; font-weight: normal; color: #00336A; text-decoration: underline; }
				#nav a:hover { color: #85B2C8; text-decoration: underline; }
#legal { clear: both; display: block; height: auto; margin: 0; padding:20px 0; width:auto; }

#footer .logos { width: /* 180px */55px; overflow: hidden; float: right; }
#footer .logos a, #footer .logos p { float: left;  text-indent: -9999px; padding: 0; margin-left: 11px; }
#footer .logos p.fdic { width: 57px; height: 35px; background:transparent url(/images/icons/footer_logo_fdic.png) no-repeat left top; }
#footer .logos p.mc { width: 44px; height: 35px; background:transparent url(/images/icons/footer_logo_mc.png) no-repeat left top; }

#footer .disclaimer { padding: 0; width: auto; }
	#footer .disclaimer p, #footer .disclaimer li { /*font-size: 1.2em; line-height: 1.2em;*/ color: #999; text-align: left; /* padding:0 0 3px 13px; */ margin-bottom: 0.9em;}
	/*
	#footer .disclaimer p {font-size: 1.2em; line-height: 1.2em; color: #999; text-align: left; padding:0 0 3px 13px; margin-bottom: 0.9em;}
	*/
	#footer .disclaimer ul {padding-left: 1em;}
	#footer .disclaimer li {padding-left: 1em; list-style:  square; margin-bottom:  .4em;}

	#footer .disclaimer sup {color: #333; margin: 0 0.1em 0 0; padding: 0; font-size: 0.9em; line-height: 0em;}
	#footer .disclaimer p.nosup { margin-top: 5px; }

/* ########################################################################
#####################    Referral Gateway    ##############################*/
img.header_card { margin: 0 auto; text-align: center; }
#referral_info { float: left; margin: 35px 20px 20px 0; width: 45%; height: auto; }
#referral_info h1 { line-height: 1.2em; }
#referral_info p { margin: 10px 0; }
	p.listTitle { color:#74AC41; font-size:1.7em; }
#referral_info ul li { background:url("/images/bullet_benefits.gif") no-repeat 0 0; line-height:24px; list-style:none outside none; margin:0 0 8px 10px; padding:0 0 2px 22px; width:auto; }

#referral_order { float: left; background: transparent; height: auto; margin:25px 0px; padding:0; position:relative; width: 50%; }
#referral_order div.tabbedContent { margin:0; padding: 0 0 30px; display: inline-block; }
#referral_order div.tabbedContent p.panel_title { color:#75AD42; font-size:1.8em; margin:0; padding:10px 0; }

/* ########################################################################
###################    Terms & Conditions    ############################*/
#terms { padding: 20px 60px; }
#terms p, #terms th { font-size: 1em; }
#terms li { font-size: 0.8em; }
#terms strong { font-size: inherit; }
#terms ul li, #terms ol li { margin: 5px 0 0 20px; }
#terms .termstable	{border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin: 10px 30px;}
#terms .termstable td	{border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px; font-size: 0.8em;}
#terms .termstable th	{border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px; font-size: 0.8em; font-weight: bold; text-align: left; vertical-align: middle;}
#terms .termstable td.dark	{background: #dfdfdf;}

/* ########################################################################
############################    FAQs    ##################################*/
div#news.faqs { background: none; margin: 20px 10px; }
div#news.faqs h2 { margin-top: 1em; }
div#news.faqs h3 { margin: 0 0 0.8em; color: #2080BE; font-size: 1.3em; font-weight: normal; text-transform: uppercase;}
.faq_answer { font-weight: bold; color: #666; font-size: 1.2em; }
.faq_question { font-weight: bold; color: #024668; font-size: 1.2em; }


.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* hide default icon */
iframe#ada-button-frame { 
  display: none;
}
.ada-chatbot-btn {
  --mobile-width: 76px;
  --mobile-height: 30px;
	cursor: pointer;
	position: fixed;
	transform: rotate(270deg);
	right: calc((var(--mobile-height) - var(--mobile-width)) / 2);
	bottom: calc((var(--mobile-width) - var(--mobile-height)) / 2 + 20px);
	width: var(--mobile-width);
	height: var(--mobile-height);
  background-color: #ffffff;
  border: none;
	background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 10000;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 2px 12px 0 rgba(64, 64, 64, .2);
  font-family: -apple-system,BlinkMacSystemFont,Roboto,Arial,Helvetica Neue,sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  padding: 0;
  line-height: 1;
}
.ada-chatbot-btn:before {
  background-image: url('../images/ada-chat-icon.svg');
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 4px;
}
.ada-chatbot-btn--text {
  bottom: -1px;
  position: relative;
}
.ada-chatbot-btn--hide-text {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media (min-width: 768px) {
  .ada-chatbot-btn {
		transform: none;
		bottom: 20px;
		right: 30px;
		width: 52px;
		height: 52px;
    border-radius: 50%;
  }
  .ada-chatbot-btn:before {
    width: 32px;
    height: 26px;
    margin-right: unset;
  }
  .ada-chatbot-btn--text {
    bottom: unset;
  }
}