/* basic styles */

body {margin: 0px; padding: 0px; text-align: center; font-family: tahoma, arial, sans-serif; font-size: 13px; color: #333; line-height: 1.5 }

a, a:visited {color: #00549f;}
a:hover {color: #333;}

h1, .blog_title, .content_blog_header {color: #00549f; font-size: 18px; font-family: 'Trebuchet MS',Helvetica, sans-serif; }
h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header  {color: #00549f; font-size: 16px; font-weight:bold;font-family: 'Trebuchet MS',Helvetica, sans-serif; }
h3, .content_rates_table_title, .region_faq_header {color: #00549f; font-size: 14px; font-weight:bold; text-transform: uppercase;font-family: 'Trebuchet MS',Helvetica, sans-serif; }
h4 {color: #00549f; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.abso {position: absolute;}
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #00549f; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {border-bottom: 1px solid #d9d9d9 ; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #00549f;}
.aprnote {font-size: 12px; width: 180px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: black; color: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;}
td.content_calendar_table_headercell a:hover { color: silver; text-decoration: none;}
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver}

/* forms */
div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: gray;font-style: italic;}
hr.fb_legend {display: none;}
li.fb_element{ padding: 0 ;}
form.taft_fb_form ul {padding: 0; margin: 0;}

.taft_label-wrapper {clear: both; width: 33%; position: relative; float: left; min-height: 30px; border: solid 0px red; padding-right: 10px;}
.taft_formElement-wrapper {width: 64%; position: relative; float: left; min-height: 30px; border: solid 0px blue; padding-right: 10px;}

input.fbPhoneprt{ width:50px;}
select.bd {width: 71px;}
select.bdy {width: 71px;}

.captcha {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}
.wide {margin: 20px 0;}
form.taft_fb_form .col2 {width: 48%; margin: 0 2% 0 0; position: relative; float: left;}

@media only screen and (max-width: 500px) {

	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
}


/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}
.votebutton, .votebutton_regions  {}


/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #00549f; font-size: 11px; font-weight: bold; font-family:  arial, sans-serif;}
.faq_search {margin: 20px 0px}
.faq_question_block {margin-top: 10px;}
.faq_advanced_search_panel {padding: 0px;}
.faq_advanced_search_panel table {margin: 20px 0px;}
.faq_advanced_search_panel table td {padding: 2px 0px;}
.faq_advanced_search_panel i {color: silver;}

/* faqs regions */
ul.region_faq_list li {margin-bottom: 5px;}
span.region_faq_header {display: block; margin-bottom: 10px}

.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

.print {display: none;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: red; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left; color: white !important; }
.alert a, .alert a:visited,  .alert a:link, .alert a:link:active, .alert a:visited:active {color: white !important; text-decoration: underline;}
.alert a:hover {color: yellow !important; text-decoration: underline;}
#exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; color: white;}
#exed:hover{color: black}

.wordiness {display: none;}

.blueonblue {background-color:  #d9d9d9; width: 100%; padding: 20px 0; color: #00549f; font-weight: bold; }
.liner {width: 96%; max-width: 1000px;  margin: 0 auto;}


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

#00549f  #00549f (footer background, headers)
Light #00549f  #6698c5
Green  #c1d72e (dropdowns)
Light Gray  #d9d9d9 (lines)
Dark Gray #333333 (body copy)
*/

header {width: 1000px;  height: 130px; margin: 0 auto; position: relative; z-index: 1001}

a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;}
a.skipper:focus, a.skipper:visited:focus {border: solid 2px white; color: black; background-color: yellow; line-height: 1; font-size: 14px;}

.homelink{position: relative; float: left; margin-top: 20px;}

.right {position: relative; float: right; margin-top: 5px; clear: right; width: 504px; text-align: center;border: solid 0px red; }


.socmed {display: inline;position: relative; float: left;  margin: -5px 10px 0 100px; }


/* top links / utilities */
.toplinks { position: relative; margin: 0 auto 10px auto; }
.toplinks a, .toplinks a:visited { text-decoration: none; color: black;}
.toplinks a:hover {text-decoration: underline; color: #00549f;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.blubar {background: url(../images/light-blue-bar-slice.gif) repeat-x; height: 50px; width: 100%; text-align: center; position: relative; z-index: 9}
.blubar a.button {width: 250px; height: 39px; display: inline-block; margin: 0 2px; position: relative; font-size: 0; line-height: 0;}
.chat {background:url(../images/live-chat.gif) no-repeat left #00549F; top: 0px}
.join {background: url(../images/join-wildfire-cu.gif) no-repeat left #00549F; top: 0px}
.fees {background: url(../images/rates-fees.gif) no-repeat left #00549F;  top: 0px}

section {background-color: white; width: 1000px; margin: 20px auto; text-align: center;}

article {width: 680px;  position: relative; float: left;text-align: left;}
article.wide {width: 1000px;  position: relative; float: left;text-align: left;}

.ratesbox, .ratesbox2, article.home {width: 319px; min-height: 100px; position: relative; float: left; text-align: left;}
.rates_dep, .rates_mort {display: none;}
a#dep_tab, a#loan_tab, a#mort_tab {display: inline-block; position: relative; float: left; margin-right: 5px; height: 22px; }
a#dep_tab, a#dep_tab:visited {background: url(../images/Deposit-Rates.png) no-repeat; width: 86px;}
a#loan_tab, a#loan_tab:visited {background: url(../images/Loan-Rates.png) no-repeat 0 -22px; width: 72px;}
a#mort_tab, a#mort_tab:visited {background: url(../images/Mortgage-Rates.png) no-repeat; width: 93px;}
a#dep_tab:hover, a#loan_tab:hover, a#mort_tab:hover {background-position: 0 -22px;}
.ratesbox h3 {margin-top: 50px; clear: both;}

article.home {float: right; margin-bottom: 20px;}

.sprintbox {position: relative; float: left; clear: left; width: 319px; text-align: center; margin: 20px 0;}


.imgbox {position: relative; float: left; width: 300px; text-align: center; border-left: solid 1px #d9d9d9;border-right: solid 1px #d9d9d9; margin: 30px 30px 0 30px; height: 198px; margin-top: 30px;}
.imgbox img {position: relative; top: -30px;}
.ratesbox h1,.ratesbox2 h1, article.home h1{margin-top: 0;}
.ratesbox2 {display: none;}

/* regions and sidebar content*/
aside {z-index: 99; overflow: hidden; width: 265px; position: relative; float: right;}
.bannerbox { }
.vidbox { margin-bottom: 10px;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}
.regionbox h1, .regionbox h2 {margin-top: 0px; color: white; font-size: 18px;}
.regionbox a, .regionbox a:visited {color: white;}
.regionbox a:hover {color: #c1d72e;}

.boxtop, .code_block_indiv_top { overflow: hidden; background: url(../images/RelatedLinksTop.gif) no-repeat; width: 265px; height: 24px;}
.regionbox, .code_block_indiv_content {overflow: hidden; width: 217px; background-color: #6698C5; padding: 1px 24px 10px 24px; text-align: left; color: white;}
.boxbottom, .code_block_indiv_bttm {background: url(../images/RelatedLinksBottom.gif) no-repeat;width: 265px; height: 24px;}

.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}


/* footer */
.amiblue {width: 100%; background-color: #00549f; text-align:center; padding: 20px 0;}
footer {width: 1000px;  margin: 0 auto;}
.bottomlinks {position: relative; float: right; text-align: right; color: white; width: 50%}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: #c1d72e;}
.footlogos {position: relative; float: left; color: white; width: 50%}
.ehl, .ncua{position: relative; float: left; margin-right: 5px; font-size: 12px; width: 100%; margin-bottom: 5px;}
.footnote {font-size: 12px; width: 70%; text-align: left; position: relative; float: left; padding-top: 7px; }
.blunote {color: #003399;}

.icons{}
.icons img {margin-left: 5px;}

.mobi {display: none;}


#map {width: 100%; height: 450px; margin-bottom: 20px;}

/*
change '#00549f' to main site color

*/

/* forms 2017 */
.cms_form_item, .cms_form_content_block {clear: both; padding: 5px 0; margin: 0 !important;}
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;  float: left;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cms_form_clear {clear: both;}
.cms_form_label {width: 33%; position: relative; float: left; margin: 0 1% 2px 0;  font-weight: normal;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.cms_form_textinput { width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cms_form_textarea { width: 100%; height: 100px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cms_form_dropdown { width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cms_form_ssn1 {width: 50px;}
.cms_form_ssn2 { width: 40px;}
.cms_form_ssn3 { width: 70px;}
.cms_form_cc_exp {width: 50px;}
.cms_form_cc_cvv {width: 50px;}

.cms_form_required_block { color: #333;  font-style: italic; border-bottom: 1px solid silver;}

.cms_form_collapsible {margin-bottom: 10px;}
.cms_form_collapsible_header A {display: block; background-color: #dddddd; padding: 5px; font-size: 18px; font-weight: bold; color: Black;}
.cms_form_collapsible_header A:before { content: '+ ';}
.cms_form_collapsible_header.open A:before {content: '- ';}

.cms_form_submitted {color: green; font-weight: bold;}

.cms_form_error, .cms_form_errors {color: red; font-weight: bold;}

.cms_form_wrapper .required:before,#existing_elements_column .required:before { content: '* ';}
.cms_form_item_backend .required:after { content: '';}