body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: arial, sans-serif;  -webkit-text-size-adjust: 100%; background: url(../images/background.png) center top repeat-x #DED5C1; }

#contentwrapper {width: 100%;  }

.headerbar {padding: 0 20px;}
header {max-width: 960px; height: 186px; width: 100%; margin: 0 auto; position: relative; }
.headerbg {background: url(../images/header_bg.png) repeat-x;  height: 136px; width: 100%;position: absolute; bottom: 5px; right: 0px; z-index: 1;  border-radius: 20px;  }


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: 15px; bottom: -4px; z-index: 99}

.BStab{position: absolute; z-index: 99; top: 60px; right: -8px}

.toplinks {text-align: right;  position: absolute; top: 15px; right: 0; font-size: 12px; color: #0055a5;  z-index: 99}
.toplinks a, .toplinks a:visited { text-decoration: none; color: #0055a5;}
.toplinks a:hover {text-decoration: underline; color: #e51937;}
.pipe {font-weight: bold; margin: 0px 3px;}
.toplinks .pipe:last-child {display: none;}
footer .toplinks {display: none;}

section { width: 100%;  max-width: 960px; margin: 15px auto; line-height: 1.5;}

article {width: 100%; max-width: 714px;  position: relative; text-align: left; float: left; background-color: white; border: solid 1px #dedddb; border-radius: 10px; padding: 20px;}
aside {  width: 235px; overflow: hidden; position: relative; float: right;}

a.printer { margin: 0 0 10px 20px; text-decoration: none; display: block; text-align: right;}

.bannerbox, .vidbox { margin-bottom: 15px;}

.regionbox, .code_block_indiv_content {overflow: hidden; width: 235px;  text-align: left; padding: 15px; background-color: #dedede; border: solid 1px #c1c0be; 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 h2, .code_block_indiv_content h1{color: #0055a5 ; font-size: 18px; line-height: 1; font-weight: normal; margin-top: 0}
.regionbox ul li a, .regionbox ul li a:visited {color: #333;}
.regionbox ul li a:hover {color: #002950}


.footerbar {padding: 0 20px;}
footer {width: 100%;  max-width: 960px; margin: 0 auto; padding: 10px 0;  }

.bottomlinks {position: relative; float: right; text-align: right; color: #0055a5; width: 25%; font-size: 12px;}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: #0055a5;}
.bottomlinks a:hover {text-decoration: underline; color: #002950;}
.numbers {position: relative; float: right; text-align: right; color: #0055a5; width: 40%; font-size: 12px; clear: right; margin-top: 10px;}

.footnote {font-size: 12px; width: 75%; text-align: left; position: relative; float: left;  }
.images { position: relative; float: left;}
.images img {margin-right: 5px;}
.text{ position: relative; float: left; padding: 0 10px; width: 70%;}

.disclaim {font-size: 10px; line-height: 1.15 !important;}

.mobi{display: none;}


/****************
dk #0055a5 - #002950
#0055a5: #0055a5
lt #0055a5 #6598c7
Red: #e51937
Text gray: #333333
pakle grey #ececec

-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);

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


.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: #0055a5;}
a:hover {color: #e51937;}
.breaker {clear: both; }
.border {border: solid 1px #e51937;}
img {border: 0px;}
.print {display: none;}

.ctafull a, .ctafull a:visited, .ctamobi a, .ctamobi a:visited, a.ctafull, a.ctafull:visited, a.ctamobi, a.ctamobi:visited   {display: inline-block; text-align: center; padding: 5px 20px; background-color: #e51937; border-radius: 10px;  -webkit-box-shadow:inset -2px -2px 7px 0 rgba(0,0,0,.4); box-shadow:inset -2px -2px 7px 0 rgba(0,0,0,.4); color: white; font-weight: bold; margin-bottom: 10px; text-decoration: none;}
.ctafull a:hover, .ctamobi a:hover, a.ctafull:hover, a.ctamobi:hover  {color: white; text-decoration: none; background-color:  #0055a5}
.ctamobi a, a.ctamobi {display: 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; font-weight:600;}

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header
{color: #002950; font-size: 24px;}

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: #002950; font-size: 18px; font-weight:bold;}

h3,  .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom
{color: #002950; font-size: 14px; font-weight:bold; text-transform: uppercase; }

h4, .content_rates_table_title {color: #002950; font-size: 16px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; 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: #0055a5;}
.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: #002950; color: white; font-weight: bold; }
.content_rates_table_row2, .content_rates_table_row1 {line-height: 1.15;}
.content_rates_table_row2 {background-color:#cde2f3;}
.content_rates_table_row_highlight {color: #0a6104;}
.content_rates_table_postfix {line-height: 1;}
.sideslider {width: 100%;}
.content_rates_table_title {text-transform: uppercase;}


/* old forms */
.captcha_warning {font-size: 14px; color: #e51937; 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 #e51937; padding: 0 10px 10px 0;}
.taft_label-wrapper {clear: both; width: 30%;}
.taft_formElement-wrapper {width: 70%; }
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 #e51937}
.col2  li.fb_element .taft_formElement-wrapper {width: 60%;  padding-right: 10px; border: solid 1px #0055a5}


/* 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; font-size: 12px;}
td.content_calendar_table_headercell {background-color: #0055a5; color: white; text-align: center; font-weight: bold; font-size: 12px;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none; font-size: 12px;}
td.content_calendar_table_headercell a:hover { color: silver; text-decoration: none; font-size: 12px;}
td.content_calendar_table_cell { border: solid 1px black; font-size: 12px;}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver; font-size: 12px;}


/* 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: #0055a5; 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;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #0055a5; 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 #0055a5; width: 100%}
table.comments_form_table td {padding: 3px 5px;}
.comments_submitted {margin: 10px 0px; border: solid 1px #e51937; padding: 10px; }
.comment_reply_body {border: solid 1px #0055a5; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}


/* 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}

#bigtable#0055a5footer A, #bigtable#0055a5footer A:link, #bigtable#0055a5footer A:active, #bigtable#0055a5footer A:visited {
    color: white;
}

/*PODCASTS*/
img.podlogo {position: relative; float: left; margin: 0 20px 20px 0; }
#pod h2 {clear: both;}
.pod_head {font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pod_row {clear: both; border-bottom: solid 1px #3C67B0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pod_row h3 {display: inline;}
.podfo {font-size: 11px; color: gray;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.prow, .pod_head {padding: 5px 10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.pod_row a, .pod_row a:visited, .pod_row a:link, .pod_row a:link:active, .pod_row a:visited:active{color: white;text-decoration: none; background-color:#3C67B0;  display: inline-block; width: 50%; max-width: 120px; padding: 5px 0; text-align: center; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s; border-radius: 5px; margin: 0 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pod_row a:hover{background-color: #749B4F;color: white;text-decoration: none;}
.pod_row span {padding: 0 10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
@media only screen and (max-width: 700px) {
	.pod_row h3 {display: block;}

}