/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center;}
.page {width:960px; margin: 0px auto; text-align: left; }

/* for pngs as backgrounds {height: px; width: px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="",sizingMethod="scale");} */
/* for pngs in IE6 */
.hiddenalt {display: none;}

p, td, li, blockquote {font-size: 12px;}
a, a:visited {color: black;}
a:hover {color: #009dc0;}

h1 {color: #29559e; font-size: 16px;text-transform: uppercase;}
h2, .content_rates_category1, .forum_thread_category, .Category_Header_Text, .content_faq_header, .cms_form_header,  {color: #29559e; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .region_faq_header, .comment_title, .forum_thread_firstpost_replies {color: #29559e; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4, .forum_thread_date, .forum_mischeader_title {color: #29559e; 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;}
.bttmpad {margin-bottom: 10px}
.Rpad {margin-right: 15px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #29559e; 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 {background-color: silver; border-bottom: 3px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #29559e;}
.aprnote {font-size: 10px; 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}

/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

/* alerts 
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: yellow; color: black; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.alert {width: 96%; max-width: 960px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.alert a, .alert a:visited {color:black; font-weight: bold;  text-decoration: none;}
.alert a:hover {color: black; 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: black;}
#exed:hover{color: red}*/

/** ALERTS ****************************************************/
.alertholder{width: 100%; }
.alertbar {padding: 10px 0; width: 100%; }
.alertbar.regular{}
.alertbar.high{}
.alert {width: 96%; max-width: 1160px; margin: 0 auto; padding-right: 40px; position: relative; text-align: left}
.alert_icon{}
.alert a, .alert a:visited {}
.alert a:hover, .alert a:focus {}
button.exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; text-decoration: none !important; background: transparent; border: 0;}
button.exed:before {content:"\f057"; font-family: 'FontAwesome'; }



/* ******************************************************* */

.banner {width: 960px;  height: 97px;}

/* for dropdown menus*/
.menu {width: 960px; height: 43px; background-color: #29559e; z-index: 100;}
.rollover span.alt {display: none;}
.rollover img {border: none;}
:root .rollover img {display: block;}
.rollover, .rollover:visited {background-color:transparent !important; /* needed for Opera5/6 */ background-repeat:no-repeat; background-position:0 0;}
/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 -43px;}

/* top links / utilities */
.toplinks {text-align: right; margin: 10px 0px; font-size: 11px;}
a.toplink, a.toplink:visited { text-decoration: none; color: black;}
a.toplink:hover {text-decoration: underline; color: #29559e;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.search {margin-top: 10px;}
.searchbox {border: solid 1px #868686; width: 120px;}

.hb {background: url(../images/NetBranch.jpg) no-repeat; width: 325px; height: 176px;}
.hb1, .hb2, .hb3 {position: relative; top: 75px; left: 10px;}
.hb1 {width: 240px; border: solid 1px #868686; margin-right: 10px;}
.hb3 {top: 85px;}
.hb3 a, .hb3 a:visited {color: #29559e; }
.hb3 a:hover {color: #009dc0; }

.bigbanner {height: 176px; background: url(../images/blue-under-banner.gif) no-repeat bottom; width: 635px;}

.ratesbox {background: url(../images/Quick-Rates.gif) no-repeat; width: 280px; height: 169px; padding: 40px 15px 15px 15px; overflow: hidden;}
.newsbox {background: url(../images/News.gif) no-repeat; width: 280px; height: 169px; padding: 40px 15px 15px 15px; overflow: hidden;}


.homebox {width: 288px; position: relative; float: left; border: solid 1px #d4d4d4; border-radius: 10px; padding: 10px; height: 300px;}
.homebox h1{font-weight: normal; font-family: 'Century Gothic', arial,  sans-serif;}



/* regions and sidebar content*/
.regions {z-index: 99;width: 310px; margin-top: 15px;}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
.regionbox ul li {padding-bottom: 5px;}

.boxtop, .code_block_indiv_top {background: url(../images/region-Top.gif) no-repeat; width: 310px; height: 10px; overflow: hidden;}
.regionbox, .code_block_indiv_content {background: url(../images/region-slice.gif) repeat-y; width: 270px; padding: 1px 20px;}
.boxbottom, .code_block_indiv_bttm { margin-bottom: 10px; background: url(../images/region-bottom.gif) no-repeat;  width: 310px; height: 13px; overflow: hidden;}

.homebox .code_block_indiv_top, .homebox .code_block_indiv_bttm  {display: none;}
.homebox  .code_block_indiv_content {background: none; width: 100%; padding: 0;}



.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;}

.content {width: 620px; margin-left: 15px; padding: 15px 0px; overflow:  hidden}


/* footer */
.shoe {width: 960px; height: 250px;}
.bottomlinks {margin-top: 10px;}
a.bottomlink, a.bottomlink:visited {text-decoration: none; color: black; font-size: 11px;}
a.bottomlink:hover {text-decoration: underline; color: #29559e;}
.footlogos { margin-top: 6px;}
.footnote {font-size: 10px; width: 410px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}

.centerit {width: 960px; text-align: center; margin-bottom: 10px}

.icons{}
.icons img {margin-left: 5px;}


/*
change 'blue' to main site color
Blue - #29559e
Teal - #009dc0
Gray - #868686

*/
.adnav {color: white;}
.adnav table {position: relative; float: right; top: 4px;}
#gostp0{position: relative; top: 1px;}

 /** FAQs **********************************************/
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #29559e; font-size: 11px; font-weight: bold;}
.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;}

/** FORMS ************************************************/
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.cms_form_item {width: 96%;}
.cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important;}
.cms_form_textinput, .cms_form_dropdown  {width: 90%; border: solid 1px SILVER}
.cms_form_textarea {width: 90%; height: 100px; border: solid 1px SILVER}
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;}
.cms_form_label, legend.cms_form_legend{width: 33%; position: relative; float: left; margin: 0 1% 5px 0; font-weight: normal}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
fieldset.cms_form_fieldset {white-space: normal; width: 100%; border: none;}

/* check for divs */

/** ACCORDION - FAQS, FORMS, & DIVS ************************************************************/
.faq_featured_block{ margin: 20px 0 0 0 !important; display: block}
.faq_header{ display: block}
.faq_question_block_slide{padding: 10px 0;border-bottom: 0;}
.faq_question_block_slide_question{padding: 0; border: solid 0px red}
.faq_question_block_slide_answer{padding: 0 20px 10px 20px;}

.cms_form_collapsible_header{background: none; border-bottom: 0; }

button.divheader, .cms_form_collapsible_header a, .cms_form_collapsible_header a:visited, .faq_question_block_slide_question_closed a, .faq_question_block_slide_question_closed a:visited {background-color: #29559e; color: WHITE;}


button.divheader:hover, button.divheader:focus, .cms_form_collapsible_header a:hover, .cms_form_collapsible_header a:focus, .faq_question_block_slide_question_closed a:hover, .faq_question_block_slide_question_closed a:focus {background-color: #009dc0; color: WHITE;}

.cms_form_collapsible_header.open a, .faq_question_block_slide_question_open a {background-color: ORANGE; color: WHITE;}

.cms_form_collapsible_header a:before, .faq_question_block_slide_question_closed a:before{content: '';}
button.divheader:after, .cms_form_collapsible_header a:after, .faq_question_block_slide_question_closed a:after{content: '\f067'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: relative;float: right}

button.divheader.open, .cms_form_collapsible_header.open a:before, .faq_question_block_slide_question_open a:before{content: ''; }
button.divheader.open:after, .cms_form_collapsible_header.open a:after, .faq_question_block_slide_question_open a:after{content: '\f068'; font-family: 'Font Awesome 5 Pro'; font-weight: 400;position: relative;float: right}

.divcontent {width: 100%; padding: 0px 50px 20px 50px; display: none;}

