body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; background-color: WHITE; -webkit-text-size-adjust: 100%; color:#535658}

#contentwrapper {width: 100%;  position: relative;}

.blubar {background-color: #006b68; width: 100%; height: 32px; position: absolute; top: 0px; right: 0px;}

.headerbar {width: 100%;}
header {width: 96%;  max-width: 1170px; margin: 0 auto;  height: 155px; position: relative; padding: 0; }

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

a.homelink{position: absolute; left: 0px; top: 45px;}

.toplinks {text-align: right;  position: absolute; top: 7px; right: 0px;  color: white; padding-right: 380px;}
.toplinks a, .toplinks a:visited { text-decoration: none; color: white;}
.toplinks a:hover {text-decoration: underline; color: #ff8220;}
.pipe {font-weight: bold; margin: 0px 5px;}
.toplinks .pipe:last-child {display: none;}

.bttn {position: absolute; top: 0px; right: 0px;color: white; text-transform: uppercase;}
.bttn a, .bttn a:visited {color: white;display: inline-block;  padding: 7px 10px; background-color: #3ebdad; margin-left: 10px;}
.bttn a:hover {background-color: #ff8220; color: white;  text-decoration: none;}
.bttn a:first-child, .bttn a:first-child:visited { background-color: #ff8220; }
.bttn a:first-child:hover {background-color: #3ebdad; }


section { width: 96%;  max-width: 1170px; margin: 0 auto; line-height: 1.5; background-color: white; padding: 20px 0 }
section.home { padding: 10px 0  50px 0;}


.blubar2 {background-color: #535658; width: 100%;  margin-bottom: 20px; font-size: 16px; padding: 23px 0;}
.blubar2 .liner {width: 100%; max-width: 1030px; margin: 0 auto;}
.blubar2 a, .blubar2 a:visited { width: 19%; max-width: 195px; height: 140px; margin: 0 .5%; display: block; position: relative; float: left; background-color: white; color: #006b68; text-decoration: none; padding: 25px 30px;}
.blubar2 a:hover { color: #ff8220; text-decoration: none;}

.homebox {width: 31.33%; position: relative; float: left; border: solid 1px #006b68; padding: 2px; height: 450px; max-width: 360px;}
section .homebox:nth-child(3) {margin: 0 2%;}
section .homebox:nth-child(1) {display: none;}
.promoimg, .promoimg img {width: 100%;}
.promocopy {padding: 20px; text-align: left;color: #666}

.promobutton {position: absolute; bottom: -20px; right: 10%; width: 80%; border: solid 1px #006b68; }
.promobutton ul, .promobutton ul li {list-style: none; padding: 0; margin: 0;}
.promobutton a, .promobutton a:visited {width: 100%; padding: 10px 0; color: white; background-color: #3ebdad; text-decoration: none; display: block; border: solid 1px white; text-transform: uppercase;}
.promobutton a:hover { color: white; background-color: #ff8220; text-decoration: none;}
h2.promoheader {background-color: white; width: auto; position: absolute; top: -15px; width: 80%; left: 50%; margin-left: -40%;}
.ratebox {padding: 20px 0; text-align: left;color: #006b68; margin: 20px auto; width: 90%; text-align: center;}
.ratebox.bordered {border-bottom: solid 1px #006b68;}
.promocopy h2 {color: #006b68; margin-top: 0;}
.homebox .code_block_indiv_content { padding: 0px;}
.homebox .code_block_indiv_content h1 {color: #ff8220; font-size: 50px; font-weight:600; text-align: center; margin: 0}
.ratebox .code_block_indiv_content {text-align: center;}
.homebox .code_block_indiv_content h3  {font-size: 22px; font-weight: 500;  margin: 0}

section .homebox:nth-child(3) .promobutton a, section .homebox:nth-child(1) .promobutton a, section .homebox:nth-child(3) .promobutton a:visited, section .homebox:nth-child(1) .promobutton a:visited {background-color: #ff8220;}
section .homebox:nth-child(3) .promobutton a:hover, section .homebox:nth-child(1) .promobutton a:hover {background-color: #3ebdad;}


article {width: 66%;  position: relative; text-align: left; float: left; }
aside {  width: 30%; max-width: 354px; overflow: hidden; position: relative; float: right;  border: solid 1px #006b68; padding: 2px; }

.bannerbox, .vidbox { margin-bottom: 10px;}
.bannerbox img {width:100%;}

.regionbox, .code_block_indiv_content {overflow: hidden; width: 100%;  text-align: left; padding: 20px;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none; font-weight: bold}
.boxtop {display: none;}
.regionbox h2, .code_block_indiv_content h1 {color:  #006b68; font-size: 20px;}

.footerbar {width: 100%; padding: 50px 0; background-color: #006b68;}
footer {width: 96%;  max-width: 1170px; margin: 0 auto; padding: 10px 0; color: white;}

.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: #ff8220;}
.addr {width: 50%; position: relative; float: left; text-align: left;}

.socmed {width: 34px; position: fixed; top: 40px; right: 0; display: block; z-index: 99; background-color: white; padding: 1px 0 0 1px;}
.socmed img {position: relative; float: left; margin-bottom: 1px}

.footnote {font-size: 12px; width: 100%; text-align: left; position: relative; float: left; border-top: solid 2px white; padding-top: 10px; margin-top: 10px;}
.images { position: relative; float: left;}
.images img {margin-right: 5px;}
.text{ position: relative; float: left; padding: 10px; width: 40%;color: white;}

.lmcur {text-align: left;}

.mobi, .search span {display: none;}

/****************************************
Burgundy - #a40047
Lime #98c93c - #98c93c
xBlu - #006b68

Proxima
light - 300
reg - 400
med - 500
semi bold - 600

new colors
dark teal - #006b68
teal - #3ebdad
orange - #ff8220
light grey - #cfd2d3
dk grey - #535658


*/

.tester {position: absolute; top: 0; left: 0; font-weight: bold; font-size: 18px; z-index: 1020}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a, a:visited {color: #006b68;text-decoration: none; font-weight: 600}
a:hover {color: #ff8220; text-decoration: none;}
.breaker {clear: both; }
.border {border: solid 1px #a40047;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}

button.modal_link{ border:0; background: transparent; padding: 0; margin: 0;color: #006b68;font-weight: 600;  font-size: 14px; font-family: 'Open Sans', arial, sans-serif;}
button.modal_link:focus, button.modal_link:hover{color: #ff8220; }



.CTAgreen a, .CTAgreen a:visited, a.CTAgreen, a.CTAgreen:visited, button.modal_button, input[type="submit"] {display: inline-block; background-color: #ff8220; color: white; padding: 5px 10px; text-decoration: none; margin: 0 5px;border: 0}
.CTAgreen a:hover, a.CTAgreen:hover, button.modal_button:hover, button.modal_button:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #006b68; color: white;  text-decoration: none; }

.CTAred a, .CTAred a:visited, a.CTAred, a.CTAred:visited {display: inline-block; background-color: #3ebdad; color: white; padding: 5px 10px; text-decoration: none;  margin: 0 5px;}
.CTAred a:hover, a.CTAred:hover { background-color: #006b68; color: white;  text-decoration: none;}

a.CTAblue, a.CTAblue:visited {display: inline-block; background-color: #006b68; color: white; padding: 5px 10px; text-decoration: none;  margin: 0 5px;}
a.CTAblue:hover, a.CTAblue:focus { background-color: #3ebdad; color: white;  text-decoration: none;}


/*input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;cursor: pointer}*/

.col4 {width: 23%; margin: 0 1%; position: relative; float: left;}
.col3 {width: 31%; margin: 0 1%; position: relative; float: left;}
.col2 {width: 48%; margin: 0 1%; position: relative; float: left;}

h1, h2, h3 {margin-top: 0; }

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color: #3ebdad; font-size: 30px;font-weight:400;}

h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header
{color: #3ebdad; font-size: 24px;font-weight:400;}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom
{color: #006b68; font-size: 20px;font-weight:500; }

h4, .forum_thread_date, .forum_mischeader_title {color: #006b68; font-size: 16px; font-weight:500; }
h5 {color: black; font-size: 14px; font-weight: bold; }
h6 {color: black; font-size: 14px; font-style: italic; font-weight: bold;}

/* 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: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #006b68;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #006b68; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/** ALERTS 2.0 ****************************************************/
	.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'; }
	.Cnotice button.exed {top: 20px;}


/* old forms */
.captcha_warning {font-size: 14px; color: #ff8220; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

/* new 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, .taft_formElement-wrapper  {position: relative; float: left; min-height: 30px; border: solid 0px #ff8220; padding: 0 10px 10px 0;}
.taft_label-wrapper {clear: both; width: 20%;}
.taft_formElement-wrapper {width: 80%; }
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}

.regionbox .taft_formElement-wrapper, .code_block_indiv_content .taft_formElement-wrapper{width: 66%; }
.regionbox .taft_label-wrapper, .code_block_indiv_content .taft_label-wrapper{width: 33%;}

.col2  li.fb_element .taft_label-wrapper {width: 40%; padding-right: 10px; }
.col2  li.fb_element .taft_formElement-wrapper {width: 60%;  padding-right: 10px; }

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

/* calendars */
.content_calendar_table {border: solid 1px black; border-collapse: collapse}
td.content_calendar_table_headercell {background-color: #006b68; 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}

/* for polls */
.region_poll_table_inner td {padding: 2px;}
.region_poll_table_inner {margin-bottom: 10px;}
.region_poll_radio_cell input {position: relative; top: 5px;}

/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #006b68; 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}

/* blog styles */
.blog_posted_date {display: block; color: gray;}
.blog_share {position: relative; float: right; width: 110px}
.blog_share a {position: relative; float: right; margin-left: 5px;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #006b68; padding: 0px 10px 10px 10px; margin: 10px 0px;clear: both;}
.comment_posted_by_and_who {color: gray;}
.comment_text {margin-top: 10px;}
table.comments_form_table{border: solid 1px #006b68; width: 100%}
table.comments_form_table td {padding: 3px 5px;}
.comments_submitted {margin: 10px 0px; border: solid 1px #3ebdad; padding: 10px; }
.comment_reply_body {border: solid 1px #006b68; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}
span.blog_tags_tag a{display: inline-block;}

/* for sidebar content */
.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;}

/* for image gallery */
.slideshow-container {width: 300px; height: 200px; overflow: hidden;}

/* videos */
.video_wrapper {margin-top: 20px !important}


/*FAQs*/
.faq_question_block_slide_question {
	display: block;
	margin-bottom: 1rem;
}
.faq_question_block_slide_question a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.faq_question_block_slide_question a:before {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	content: '\f067';
	font-family: "FontAwesome";
	background-color: #ff8220;
	color: white;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	font-size: 14px;
	margin-right: 1rem;
}
.faq_question_block_slide_question_open a:before {
	content: '\f068';
}

/** ACCORDION - FAQS, FORMS, & DIVS ************************************************************/
	/* resets */
	div.cms_form_collapsible_header{background: none; border-bottom: 0; }
	article .code_block_center.code_block_accordion_wrap {display: block; padding: 0px; gap: 0px;}
	article .code_block_box.code_block_accordion, article .code_block_box.code_block_accordion:hover {display: block; max-width:100%; padding: 0px; border: 0; outline: 0; border-radius: 0; box-shadow: none;background-color: transparent}
	article .code_block_box.code_block_accordion .code_block_indiv_image{display: none;}
	article .code_block_box.code_block_accordion .code_block_indiv_content{text-align: left}

	/* closed Q */
	div.cms_form_collapsible_header a:visited, 
	.code_block_accordion div.code_block_indiv_top 
	{padding: 12px 60px 12px 20px;color: white; background-color: #006B68; display: block;   font-size: 20px;position: relative; text-decoration: none;}
	div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited{margin-top: 20px; width: 100%; text-align: left; border: 0 !important}
	
	/* hover Q */
	div.cms_form_collapsible_header a:hover, 
	div.cms_form_collapsible_header a:focus, 
	.code_block_accordion div.code_block_indiv_top:hover 
	{background-color: #FF8220; color:white;text-decoration: none;}

	/* open Q */
	div.cms_form_collapsible_header.open a, 
	.code_block_accordion.open div.code_block_indiv_top 
	{color: white; background-color: #3EBDAD;  display: block; padding: 12px 60px 12px 20px;  text-decoration: none;}

	/* chevrons 
	.code_block_accordion div.code_block_indiv_top:after, 
	.code_block_accordion.open .code_block_indiv_top:after, 
	.faq_question_block_slide_question_closed a:after, 
	.faq_question_block_slide_question_open a:after, 
	div.faq_featured_block .faq_question_block_slide_question_closed a:after, 
	div.faq_featured_block .faq_question_block_slide_question_open a:after,
	div.faq_popular_block .faq_question_block_slide_question_closed a:after, div.faq_popular_block .faq_question_block_slide_question_open a:after,  
	div.faq_recent_block .faq_question_block_slide_question_closed a:after, 
	div.faq_recent_block .faq_question_block_slide_question_open a:after
	{content: '';}
	
	.code_block_accordion div.code_block_indiv_top:before, 
	div.cms_form_collapsible_header a:before, 
	.faq_question_block_slide_question_closed a:before, 
	div.faq_featured_block .faq_question_block_slide_question_closed a:before,
	div.faq_popular_block .faq_question_block_slide_question_closed a:before,
	div.faq_recent_block .faq_question_block_slide_question_closed a:before
	{content: '\f078'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; top: 0; right: 0; font-size: 26px; padding: 0 20px; display: block; height: 100%; display: flex; justify-content: center; align-items: center; }
	
	.code_block_accordion.open div.code_block_indiv_top:before, div.cms_form_collapsible_header.open a:before, .faq_question_block_slide_question_open a:before, div.faq_featured_block .faq_question_block_slide_question_open a:before, div.faq_popular_block .faq_question_block_slide_question_open a:before, div.faq_recent_block .faq_question_block_slide_question_open a:before{content: '\f077'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; top: 0; right: 0; font-size: 26px; padding: 0 20px; display: block; height: 100%; display: flex; justify-content: center; align-items: center; } 
	*/


	/* contents */
	article .code_block_accordion .code_block_indiv_content{padding: 0 20px;}
	.faq_question_block_slide_answer, article .code_block_accordion.open .code_block_indiv_content{padding: 20px; border-radius: 0; border: 0; border-top: 0; margin: 0}