body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; background-color: #3a375a; color: white; }

/*tk-proxima-nova*/

#contentwrapper {width: 100%;  }
.liner {width: 96%;  max-width: 1170px; margin: 0 auto;position: relative;  }

header {width: 100%; height: 838px; position: relative; color: white; }

header.inside {height: 180px; background: none #585395;}
header.inside .purplebar {background: none #585395;}

.purplebar {background: url(../images/TopSlice.png) repeat-x; height: 180px; width: 100%; position: absolute; top: 0px; right: 0px; z-index: 100}

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: 40px;}

.toplinks {text-align: right;  position: absolute; top: 40px; right: 200px;  }
.toplinks a, .toplinks a:visited { text-decoration: none; color: white; margin-left: 20px;}
.toplinks a:hover {text-decoration: underline; color: white;}
.pipe {font-weight: bold; margin: 0px 5px;}
.bottomlinks a, .toplinks a {white-space: nowrap;}
.tl2 {display: none;}

.search { position: absolute; top: 37px; right: 0px; width: 175px; height: 24px; background-color: white;}
.searchbox {width: 142px; height: 24px; border: 0; position: absolute; left: 10px; top: 0; color: #7c7c85;}
.searchbox::-webkit-input-placeholder {color: #7c7c85;}
.searchbox:-moz-placeholder {color: #7c7c85;}
.searchbox::-moz-placeholder {color: #7c7c85;}
.searchbox:-ms-input-placeholder {color: #7c7c85;}
.search button{position: absolute; right: 0px; top: 2px; border: 0; color: #7c7c85; background-color: transparent}
.searchbttn {display: none;}

.socmed {position: absolute; top: 90px; right: 0px;}
.socmed img {margin-left: 10px; border: solid 1px silver }


section { width: 100%; line-height: 1.5;}

section.plain {background-color: #585395;}

section.green {background-color: #859d38; color: white; text-align: left; padding: 40px 0;}
.blurb {position: relative; float: left; width: 33%;}
.blurb h1 {color: white; margin: 0;}
.ratebox {width: 13%; margin-left: 1.5%; position: relative; float: left; top: 20px;font-size: 17px; border: }
a.bttnlike, a.bttnlike:visited, a.bttnlike:hover {width: 15%; position: relative; float: right; display: block; padding: 5px 0; color: white; border: solid 2px white; text-decoration: none; text-align: center;top: 20px;}
section.green .liner .ratebox:nth-child(3){width: 19%;}

.whatbar {width: 100%; padding: 20px 0; background-color: white;}
.whatbar h1 {color: #7c7c85;}

section.prpl {background-color: #585395; color: white; text-align: left;  height: 480px; width: 100%;position: relative; overflow: hidden; }
.photo {position: absolute; top: 0px; right: 0px;  width: 55%; left: 0px; height: 480px; }
.whttext {width: 45%; position: relative; float: right; background-color: #585395; height: 480px; padding: 100px 0px 0 50px; }
section.prpl .liner {position: absolute; top: 0px; left: 50%; margin-left: -585px;}

section.white { height: 540px; width: 100%;}
section.white .liner {width: 100%;}
.greytext {background-color: white; color: #7c7c85; padding: 40px; position: relative; float: left; width: 45%; text-align: left }
section.white h1, section.white h2, section.white h3, section.white h4 {color: #7c7c85;}
.greytext a, .greytext a:visited, .greytext a:hover {color: #7c7c85; text-decoration: underline}

.contentimage {position: absolute; top: 0px; left: -160px;height: 640px; width: 490px; }
.contenttext {width: 67%; position: absolute; top: 0px; right: 0px; padding: 100px 0px 100px 40px;}

.L {width: 30%; position: relative; float: left; padding: 0 40px; border: solid 0px cyan}
.R {width: 67%; position: relative; float: right;  padding-left: 40px;border: solid 0px orange;}

section.prpl2 {background-color: #69479d; color: white; text-align: left;  height: 280px; width: 100%;position: relative; }
section.prpl2 .liner {width: 100%;}
.R1, .R2, .R3 {width: 33%; padding: 40px; position: absolute; top: 0px; left: 0px; height: 280px}
.R1 {padding-left: 0;}
.R2{left: 33%; background-color: #7859a5; }
.R3 {width:34%; right: 0; left: auto; padding: 0; height: 280px;}
.R3 img { height: 280px;}
.R1 ul, .R2 ul {margin: 0px; padding: 0px; list-style: none;}


section.content {background-color: white; color: white; text-align: left;   width: 100%;position: relative; }
section.content .liner {width: 100%; max-width: 1170px; margin: 0 auto;}

article {width: 70%; max-width: 1170px;margin: 0 auto;text-align: left; padding: 20px 2%; background-color: white; color: black; border-bottom: solid 2px silver; position: relative; float: right;}
section.content a, section.content a:visited {color: #68479c; font-weight: 600; text-decoration: none;}
section.content a:hover {color: #859d38; text-decoration: underline;}
section.content  h4, section.content h5, section.content h6 { color: #68479c;  font-size: 42px;}


aside {z-index: 99; overflow: hidden; width: 30%;  position: relative; float: left; overflow: hidden; padding: 20px 2%; min-height: 100px;}


.regionbox, .code_block_indiv_content {overflow: hidden; width: 100%;  text-align: left;}

.homebox {width: 50%; position: relative; float: left;  border-top: solid 2px silver;border-left: solid 2px silver;}
.homebox.one {border-left: 0;}
section.content .bannerbox , section.content .vidbox, section.content .regionbox, section.content .code_block_indiv_content {overflow: hidden; width: 100%;  text-align: left; padding: 20px 2%; }
section.content .regionbox h2 {font-size: 36px;  }



.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}

footer {width: 96%; max-width: 1170px; margin: 0 auto; padding: 100px 0;  }

footer .col4 { min-height: 100px;}
footer .col4 a {display: block; clear: both;}

.bottomlinks { text-align: left; color: white; width: 100%; padding-bottom: 50px; }
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: white;}

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

.mobi, footer .socmed {display: none;}

/*
Purple: #68479c
Light Purple: #7759a6
Dark Purple: #3a375a
Purple background: #585395 (inside)
Green #859d38
grey #7c7c85
*/

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

.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: white; font-weight: 600; text-decoration: none;}
a:hover {color: white; text-decoration: underline;}
button.modal_link{ border:0; background: transparent; padding: 0; margin: 0;color: #585395; font-weight: 600; text-decoration: none;}
button.modal_link:focus, button.modal_link:hover{color: #758A31; text-decoration: underline;}

.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}

input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;cursor: pointer; border: solid 2px #585395; color: #585395; background-color: white; font-weight: 600; text-transform: uppercase;}
input[type="submit"]:hover {border: solid 2px #859D38; color: #859D38; background-color: white; }

.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, h4 {margin: 0; font-weight: 400; font-family: "proxima-nova",sans-serif;}
h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header { font-size: 55px; color: #3a375a}
h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle  {color: #68479c; font-size: 48px; }
h3, .content_rates_table_title, .region_faq_header, .comment_title {color: #859d38; font-size: 42px; }
h4 { color: white; font-size: 36px;  }
h5 { color: white; font-size: 24px;  }
h6 { color: white; font-size: 14px; font-style: italic; font-weight: bold;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2  border-bottom: 1px solid white;  }
.regions_rates_table_effectivedate {font-size: 12px; background-color: #7c7c86}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { color: white;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #7c7c86; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #e1e1e1}
.content_rates_table_row_highlight {color: #0a6104;}
.sideslider {width: 100%;}

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


/* podcasts */
.stream_list_inside_header_border, .stream_list_inside_header_border_right, td.pod_text_bold {color: white; font-weight: 600;  border-bottom: solid 1px #00315D}
.pod_text_bold { border-bottom: 0; color: white; 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: white; 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 white; padding-right: 10px;}
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}


.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 white}


/* 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: white; 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: white; 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 white; 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 white; 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 white; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}


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




/* decision tree */

.CHboxedup{width: 100%; max-width: 968px; position: relative; height: 300px;} /* position must be set */
		.CHbox {border: solid 1px silver; border-radius: 10px; padding: 20px 10px 10px 10px; text-align: center; height: 300px; }

		.med {font-size: 24px;}
		.large {font-size: 32px;}
		.reallylarge {font-size: 50px;color: #EC1E26;}
		.iicons {font-size: 32px;}
		.iicons i {margin: 0 10px;}

		.CHbox a {font-size: 14px;}

		a.applybttn, a.applybttn:visited {text-decoration: none; color: white; background-color: #24458A; display: block; padding: 5px; border-radius: 5px; width: 100px; margin: 10px auto 0 auto;}
		a.applybttn:hover {text-decoration: none; color: white; background-color: #EC1E26;}

		.titled {font-size: 20px;  font-weight: 600; margin-bottom: 0px;  text-align: left;}
		.titled span {color: #ED1C24;}
		.CHQ {font-size: 16px;  font-weight: 400; margin-bottom: 10px; padding-bottom: 10px; text-align: left; border-bottom: solid 2px #333;}
		.CHAs { text-align: left; line-height: 1.5; font-size: 20px}
		.CHA {color: #24458A; margin-bottom: 10px;}
		.CHA:hover, #startover:hover {color: #EC1E26; cursor: pointer}

		#startover{color: #24458A; position: absolute; bottom: 10px; right: 10px; font-size: 14px; z-index: 99}

		.cardname{font-size: 18px; color: #24458A;}
		.card, .cardbennies {width: 40%; position: relative; float: left; font-size: 14px; padding: 0 10px;}
		.cardbennies {text-align: left; line-height: 1.5; width: 60%; font-size: 12px; }
		.cardbennies ul {margin: 0; padding: 0 0 0 15px;}
		.card img {max-width: 240px; width: 100%;}


		@media only screen and (max-width: 500px) {

			.med, .large, .reallylarge {font-size: 24px;}
			.titular {width: 100%; height: 40px; }
			.cardbennies, .card {width: 100%;}
			.card img {display: none;}

		}


	a.cta, a.cta:visited, button.modal_button{display: inline-block; text-decoration: none; border: none;cursor: pointer; line-height: 1; text-align: center; padding: 10px 20px; background-color: #585395; color: white !important; border-radius: 5px;}

	a.cta:hover, a.cta:focus, button.modal_button:hover, button.modal_button:focus{text-decoration: none !important; background-color: #758A31; color: white !important;}



/*
Purple: #68479c
Light Purple: #7759a6
Dark Purple: #3a375a
Purple background: #585395 (inside)
Green #859d38
grey #7c7c85
*/

.boxes{display: flex;  flex-wrap: wrap;  justify-content: center; margin-bottom: 50px;}

a.box, a.box:visited{flex: 1 1; margin: 10px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,.7);box-shadow:  1px 1px  5px 0 rgba(0,0,0,.7); TEXT-ALIGN: CENTER; min-width: 260px; max-width: 300px; height: 380px}

a.box:hover, a.box:focus{ -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.7);box-shadow: 2px 2px 10px 0 rgba(0,0,0,.7);color:#859d38; text-decoration: none !important; }

.boxpic{width: 100%; height: 220px; background-size: cover; background-position: center top; }
.boxname{font-family: "proxima-nova", sans-serif;font-size: 26px; font-weight: 500; color: #68479c; padding: 20px 10px; display: block;}
.boxtitle{font-family: "proxima-nova", sans-serif; font-size: 20px; font-weight: 500;color:#859d38; padding: 0 10px;}

.modal-body{color: black;}