body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: arial, sans-serif; } #contentwrapper {width: 100%; max-width: 970px; margin: 0 auto; } header {width: 100%; position: relative; background: url(../images/top.jpg) no-repeat left; height: 138px} 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: 20px; top: 10px;} .search { position: relative; float: right; width: 175px; height: 22px; background-color: white; display: inline-block; top: 7px; margin-right: 10px; } .searchbox {width: 142px; border: 0; position: absolute; left: 5px; top: 2px;font-size: 12px;} .searchbutton{ position: absolute; right: 2px; top: 2px;} .searchbttn {display: none;} .toplinks {text-align: right; position: relative; float: right; top: 10px; margin-right: 10px; color: #1b4792; font-size: 12px;} .toplinks a, .toplinks a:visited { text-decoration: none; color: #1b4792;} .toplinks a:hover {text-decoration: underline; color: #1b4792;} .pipe {font-weight: bold; margin: 0px 5px;} .bottomlinks a, .toplinks a {white-space: nowrap;} .blubox {width: 100%; max-width: 970px; margin: 0 auto; height: 260px; border-radius: 0 0 10px 10px; background-color: #eaf8ff; position: relative; } .bigbanner {width: 605px; height: 219px; position: absolute; top: 10px; right: 20px;border-radius: 10px;} .bigbanner img {width: 100%;border-radius: 10px;} .bluline {width: 100%; border-top: solid 2px white;border-bottom: solid 2px white; height: 6px; background-color: #1b4792; clear: both;} section { width: 100%; line-height: 1.5; position: relative; padding: 0px 0px;} article {width: 605px; position: relative; float: right; text-align: left; margin: 0px; padding-bottom: 20px;} .homebox {width: 100%; padding:0px; position: relative; float: left; } article .homebox:first-child {padding-left: 0;} article .homebox:last-child {padding-right: 0;} .homebox h1 {background: url(../images/arrow.png) no-repeat left center; padding-left: 20px; border-bottom: solid 2px #1b4792; font-size: 16px; text-transform: uppercase;} aside {z-index: 99; overflow: hidden; width: 289px; position: relative; float: left; } aside.home {top: -250px; z-index: 99; margin: 0 20px -250px 0; } .button {width: 100%; margin-bottom: 10px;} .button a, .button a:visited {display: block; width: 100%; height: 39px; border-radius: 10px; color: white; text-shadow: 1px 1px 3px #424242; margin-top: 5px; text-decoration: none; padding-top: 10px; font-size: 15px; min-width: 289px; font-family: Lato, arial, sans-serif; background: rgb(62,114,187); /* Old browsers */ background: -moz-linear-gradient(top, rgba(62,114,187,1) 0%, rgba(80,161,217,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,114,187,1)), color-stop(100%,rgba(80,161,217,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(62,114,187,1) 0%,rgba(80,161,217,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(62,114,187,1) 0%,rgba(80,161,217,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(62,114,187,1) 0%,rgba(80,161,217,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(62,114,187,1) 0%,rgba(80,161,217,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e72bb', endColorstr='#50a1d9',GradientType=0 ); /* IE6-9 */ } .button a:hover {color: white;text-decoration: none;} .button a span {text-transform: uppercase; font-weight: bold; padding-right: 10px;} aside.home .bannerbox {margin-top: 40px;} .bannerbox { margin-bottom: 10px;} .bannerbox img {border-radius: 10px;} .vidbox { margin-bottom: 10px;} .regionbox, .code_block_indiv_content {overflow: hidden; width: 100%; text-align: left; background-color: #f7c528; border-radius: 10px; margin-bottom: 10px; -webkit-box-shadow:inset 0px -3px 5px 0 #bc721b; box-shadow:inset 0px -3px 5px 0 #bc721b; padding: 20px; } .regionbox ul {margin: 0px; padding: 0px; list-style: none;} .boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;} .regionbox h2 {background: url(../images/arrow.png) no-repeat left center; padding-left: 10px; } .regionbox a, .regionbox a:visited {color: black; text-decoration: none;} .regionbox a:hover {color: black; text-decoration: underline;} footer {width: 100%; padding: 10px 0; background: url(../images/Bottom.jpg) no-repeat left top; clear: both;} .bottomlinks { text-align: right; color: white; width: 100%; font-size: 12px; margin-bottom: 40px; font-size: 12px; padding: 0 10px;} .bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;} .bottomlinks a:hover {text-decoration: underline; color: white;} .footnote {font-size: 12px; width: 55%; 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: 65%} .socmed {width: 100%; height: 31px; margin: 10px 0; text-align: right;} .socmed img {margin-left: 10px;} .phone {color: #1b4792; width: 45%; text-align: right; position: relative; float: right; clear: right;font-size: 12px;} .phone a, .phone a:visited {color: #1b4792; text-decoration: none;} .phone a:hover {color: #f49524; text-decoration: none;} .tl {display: none;} .mobi {display: none;} /* Bright #1b4792: #4fa0d7 Dark #1b4792: #1b4792 Light #1b4792: #eaf8ff Yellow: #f7c528 Orange: #f49524 */ /*****************************************/ .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: #1b4792;} a:hover {color:#f49524;} .breaker {clear: both;} .border {border: solid 1px red;} img {border: 0px;} .print {display: none;} .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 {color: #1b4792; font-size: 18px;font-family: Lato, arial, sans-serif;} h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle {color: #1b4792; font-size: 16px; font-weight:bold;font-family: Lato, arial, sans-serif;} h3, .content_rates_table_title, .region_faq_header, .comment_title {color: #1b4792; font-size: 14px; font-weight:bold;font-family: Lato, arial, sans-serif;} h4 {color: #1b4792; 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;} /* podcasts */ .stream_list_inside_header_border, .stream_list_inside_header_border_right, td.pod_text_bold {color: #1b4792; font-weight: 600; border-bottom: solid 1px #00315D} .pod_text_bold { border-bottom: 0; color: #1b4792; font-weight: 600;} table.stream_list_border {background-color: #EEEEEE; margin-bottom: 20px;} table.stream_list_border td {padding: 2px 5px;} tr.podcast_stream_list {} tr.podcast_stream_list_bg td{min-width: 150px;border-top: solid 1px #00315D; border-bottom: solid 1px #00315D} a.sm2_button, a.sm2_button:visited{font-size: 10px; color: white; background-color: #1b4792; text-decoration: none; width: 65px; display: block; text-align: center; padding: 2px 0;} a.sm2_button:hover{background-color: silver; color: white; text-decoration: none;} /* old forms */ .captcha_warning {font-size: 14px; color: red; 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 {clear: both; width: 20%; position: relative; float: left; min-height: 30px; border: solid 0px red; padding-right: 10px;} .taft_formElement-wrapper {width: 80%; position: relative; float: left; min-height: 30px; border: solid 0px #1b4792; padding-right: 10px;} input.fbPhoneprt{ width:50px;} .captcha {clear: both;} .taft_formElement-wrapper label {margin-left: 5px;} /* forms */ .cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important;} .cms_form_textinput, .cms_form_dropdown {width: 100%;} .cms_form_textarea {width: 100%; height: 100px;} fieldset, legend {white-space: normal; width: 100%; } .cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;} .cms_form_label {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, legend {white-space: normal; width: 100%; border: none;} .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 #1b4792} /* rates page */ .content_rates_table {margin-bottom: 20px; width: 100%;} .content_rates_table_fields {background-color: #1b4792; color: white; font-weight: bold; } .content_rates_table_row2 {background-color: #dfe5ef;} .content_rates_table_row_highlight {color: #0a6104;} .sideslider {width: 100%;} /* 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: #1b4792;} .aprnote {font-size: 12px; width: 180px;} td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;} /* 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: #1b4792; 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} /* polls */ .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 {} .poll input[type=radio] {position: relative; top: 3px;} /* faqs page */ .faq_toolbar {padding-bottom: 15px;} .faq_viewed {color: #1b4792; 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;} .blog_main_post a {display: block; margin-bottom: 20px;} .comments_sortbox {position: relative; float: right; background-color: white; top: -20px; } .comment_item {border: solid 1px #1b4792; 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 #1b4792; 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 #1b4792; 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;} /** ALERTS 2.0 ****************************************************/ .alertholder{width: 100%; } .alertbar {padding: 10px 0; width: 100%; } .alertbar.regular{} .alertbar.high{} .alert {width: 96%; max-width: 970px; 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'; }