@font-face {
    font-family: 'Aleo';
    src: url('../aleo/Aleo-Regular-webfont.eot');
    src: url('../aleo/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../aleo/Aleo-Regular-webfont.woff') format('woff'),
         url('../aleo/Aleo-Regular-webfont.ttf') format('truetype'),
         url('../aleo/Aleo-Regular-webfont.svg#../aleo/Aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AleoB';
    src: url('../aleo/Aleo-Bold-webfont.eot');
    src: url('../aleo/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../aleo/Aleo-Bold-webfont.woff') format('woff'),
         url('../aleo/Aleo-Bold-webfont.ttf') format('truetype'),
         url('../aleo/Aleo-Bold-webfont.svg#../aleo/Aleobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

#contentwrapper {width: 100%;  }

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

.greenbar {width: 100%;background-color: #70ab4b; height: 56px; position: absolute; top: 0px; right: 0px; display: block; z-index: 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: 15px; display: block; z-index: 99;}
a.homelink img {width: 100%; max-width: 301px;}

.toplinks {text-align: right;  position: absolute; top: 15px; right: 0px; font-size: 12px;  color: white; display: block; z-index: 99; font-weight: 600}
.toplinks a, .toplinks a:visited { text-decoration: none; color: white; margin-right: 10px; position: relative; top: -7px}
.toplinks a:hover {text-decoration: underline; color: white;}
.pipe {font-weight: bold; margin: 0px 5px;}
.toplinks .pipe:last-child {display: none;} 

.search {position: relative; width: 175px; height: 26px; background-color: white; border-radius: 5px;display: inline-block; z-index: 99}
.searchbox {width: 130px; height: 24px; border: 0; position: absolute; left: 10px; top: 1px;font-weight: 600; font-family: 'Open Sans', arial, sans-serif; font-size: 12px }
.searchbox::-webkit-input-placeholder {color: #666;}
.searchbox:-moz-placeholder {color: #666;}
.searchbox::-moz-placeholder {color: #666;}
.searchbox:-ms-input-placeholder {color: #666;}
.search button{position: absolute; right: 3px; top: 1px; border: 0; background: none; color: #f07418; height: 24px; border-radius: 0 2px 2px 0;}
.search label {display: none;}

.socmed {width: 26px; height: 26px; margin-left: 10px; display: inline-block; }
.socmed a {top: 0;}

.blubar {width: 100%; height: 240px; background-color: #4c99d4; position: relative; }
.greenbar2 {width: 30%; height: 240px; background-color: #70ab4b; position: absolute; top: 0px; left: 0px; display: block; z-index: 1}
.blubar section {position: absolute; top: 0px; left: 50%; display: block; z-index: 99; margin-left: -585px; width: 100%; }
aside.home {width: 33.33%; height: 240px;}

article.home {width: 66.67%; padding: 40px; color: white; height: 240px; overflow: hidden; background: none; border-radius: 0; margin: 0;}
article.home  h1 {color: #666;}
article.home a, article.home a:visited {color: white; text-decoration: underline;}
article.home a:hover {color: #999; text-decoration: underline;}
article.home a.CTA, article.home a.CTA:visited {color: #f07418; background-color: white; text-decoration: none; display: inline-block; padding: 5px 20px; text-transform: uppercase; border-radius: 12px;}
article.home a.CTA:hover {background-color: #f07418; color: white; text-decoration: none;}
article.home h1, article.home h2, article.home h3 {color: white;}



section { width: 96%;  max-width: 1170px; margin: 0 auto; line-height: 1.5; }

section.inside article {min-height: 500px;}

article {width: 70%;  position: relative; text-align: left; float: right; background: url(../images/bg.png); border-radius: 10px; padding: 40px;  margin-bottom: 15px;}
aside {  width: 25%;  position: relative; float: left;  margin-bottom: 15px; }

.bannerbox, .vidbox { margin-bottom: 15px;}
.bannerbox img{width: 100%; max-width: 294px; height: auto}

.regionbox, .code_block_indiv_content {overflow: hidden; width: 100%;  text-align: left; padding: 20px; background: url(../images/bg.png); border-radius: 10px; margin-bottom: 15px;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}
.regionbox ul li a, .regionbox ul li a:visited {color: #666666;}
.regionbox ul li a:hover {color: #4c99d4}

.footerbar {width: 100%; padding: 20px 0; background-color: #f8f4e0;}
footer {width: 100%;  max-width: 1170px; margin: 0 auto; padding: 10px 0;  color: #666; position: relative; min-height: 150px; }

.bottomlinks {position: absolute; right: 0; top: 20px; text-align: right; color: #666; width: 60%; }
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: #666;}
.bottomlinks a:hover {text-decoration: underline; color: #4c99d4;}

.footnote {font-size: 12px; width: 60%; text-align: right;position: absolute; right: 0; top: 70px; clear: right;  }
.images {}
.images img {margin-left: 5px;}
.text{  padding: 10px 0; width: 100%; color: #666;}

.contact {width: 33.33%; background: url(../images/ContactIcon.png) no-repeat top left; padding: 0 20px 0 50px; border-right: solid 1px #999; color: #666; font-size: 12px; text-align: left;}
.contact span {font-size: 14px; font-weight: 600;}
.contact h3 {color: #f07418;}

.mobi {display: none;}

/*
Colors:
Red - #d60000
ornage - #f07418
green - #70ab4b
blue4 - #4c99d4
Beige - f2e9c2
Light Beige - #f8f4e0
gray - #666666
Light gray - # 999999
*/

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

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

.milestones {position: fixed; top: 0px; right: 0px; width: 100px; height: 30px; background-color: black; color: white;z-index: 1020; font-weight: 600; font-size: 16px; opacity: .7}
.milestones .D, .milestones .T, .milestones .S, .milestones .I, .milestones .M {display: none;}

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


.cta a, .cta a:visited, a.cta, a.cta:visited {display: inline-block; background-color: #f07418; color: white; padding: 5px 10px; text-decoration: none; border-radius: 10px;}
.cta a:hover, a.cta:hover { background-color: #70ab4b; 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: 0 0 10px 0;}

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color:  #70ab4b; font-size: 26px; font-family: AleoB, serif; text-transform: uppercase}

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:  #70ab4b; font-size: 20px; font-family: AleoB, serif; text-transform: uppercase}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom
{color:  #666; font-size: 18px; font-family: AleoB, serif; text-transform: uppercase }

h4, .forum_thread_date, .forum_mischeader_title {color: #4c99d4; font-size: 14px; font-weight: bold; }
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: #999; 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: #4c99d4;}
.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: #4c99d4; 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: red; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: #666;font-style: italic;}

/* new forms */
div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: #666;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 red; 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; border: solid 1px red}
.col2  li.fb_element .taft_formElement-wrapper {width: 60%;  padding-right: 10px; border: solid 1px #4c99d4}


/* 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: #4c99d4; 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: #999; text-decoration: none;} 
td.content_calendar_table_cell { border: solid 1px black} 
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: #999} 


/* 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: #4c99d4; 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: #999;}

/* 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: #666;}
.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 #4c99d4; padding: 0px 10px 10px 10px; margin: 10px 0px;clear: both;}
.comment_posted_by_and_who {color: #666;}
.comment_text {margin-top: 10px;}
table.comments_form_table{border: solid 1px #4c99d4; width: 100%} 
table.comments_form_table td {padding: 3px 5px;}
.comments_submitted {margin: 10px 0px; border: solid 1px red; padding: 10px; }  
.comment_reply_body {border: solid 1px #4c99d4; 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}