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: #333;}

input, select, textarea, button {font-size: 14px; font-family: 'Open Sans', arial, sans-serif;}

#contentwrapper {width: 100%;  }

header {width: 100%; height: 175px; position: relative; background: url(../../COMMON_JS/images/veil_black_40.png); position: fixed; top: 0; z-index: 100}
.liner {width: 96%;  max-width: 1170px; margin: 0 auto;  position: relative;}
header .liner {height: 160px;}

::target::before, :target:before {content:"";display:block;height:160px; /* fixed header height*/
margin:-160px 0 0; /* negative fixed header height */}

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: #ffc72c; line-height: 1; font-size: 18px;}

a.homelink{position: absolute; left: 0px; top: 20px;}
a.homelink2{position: absolute; left: 0px; top: 20px; display: none; text-align: left;}

.toplinks {text-align: right;  position: absolute; top: 15px; right: 128px; color: white; }
.toplinks a, .toplinks a:visited  { text-decoration: none; color: white;}
.toplinks a:hover {text-decoration: underline; color: white;}
.pipe { margin: 0px 5px;}
.toplinks .pipe:last-child, .toplinks a .fa {display: none;}

a.cta.join {position: absolute; top: 10px; right: 0px; }


.tl {display: none; ; z-index: 100; position: relative; font-size: 28px; width: 150px; position: absolute; top: 50px; right: 40px;  border: solid 0px fuchsia}
.tl a, .tl a:visited {color: white; margin: 0 20px 0 0}
.tl a:hover, .tl a:focus {color: #ffc72c;}


section { width: 100%;  line-height: 1.5; background-color: white; padding: 40px 0;}
section.nopad, section.notifications{padding: 0; margin: 0;}

.icons a, .icons a:visited{width: 20%; display:block; position: relative; float: left;}
.icons a:hover, .icons a:focus{background: url(../images/IconShadow.png) no-repeat center 70px;}
.icons a img {margin-bottom: 20px;}


section.grey {background-color: #f2f2f2; z-index: 1; position: relative; }

.box1, .box2, .box3, .box4{background-color: white; overflow: hidden; position: relative; }

.box1{width: 65.3%; height: 790px; position: relative; float: left; background-size: cover; margin-bottom: 30px; z-index: 1; background-position: center center; }
.box1 .code_block {width: 100%; padding: 0; font-size: 18px; line-height: 2}
.box1 .code_block h2 {font-weight: 400; font-size: 60px; margin: 0 0 10px 0; color: white; line-height: 1}
.box1 .shadow {width: 100%; height: 790px; color: white; font-size: 18px;padding: 50% 40px 0 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.imgbox .fa {color: white; font-size: 100px;}
.box2 .code_block h2, .box3 .code_block h2, .box4 .code_block h2 {font-weight: 400; font-size: 30px;margin: 0 0 10px 0}

.box2{width: 32%; height: 790px;position: relative; float: right;   margin-bottom: 30px;z-index: 1; }
.box2 .code_block {width: 100%; padding: 40px 20px; color: #003087; font-size: 18px; line-height: 2}
.box2 .imgbox {width: 100%; height: 375px; background-size: cover;background-position: center center; position: relative; }
.box2 .imgbox .fa {position: absolute; bottom: -35px; right: 40px; }

.box3{width: 65.3%;height: 410px; position: relative; float: left;z-index: 1;}
.box3 .code_block {width: 46%;position: absolute; top: 0px; right: 0px;  padding: 40px 20px; color: #003087; font-size: 18px; line-height: 2;  }
.box3 .imgbox {width: 50%; height: 410px;background-size: cover; position: relative; float: left; background-position: center center; }
.box3 .imgbox .fa {position: absolute; right: -5px; top: 40px; }

.box4{width: 32%; height: 410px; position: relative; float: right;z-index: 1; }
.box4 .code_block {width: 100%; padding: 40px 20px; color: #003087; font-size: 18px; line-height: 2}


article, aside {  width: 96%; max-width: 1170px; overflow: hidden; margin: 0 auto; text-align: left; }

.home a, article a, aside a {font-weight: 600;}

aside {background-color: #f2f2f2; }

/*section.inside {width: 96%; max-width: 1170px; margin: 0 auto;}
article.frc {width: 68%; position: relative; float: left;}
.regionbox.frc {width: 24%; position: relative; float: right; border: solid 2px #001c59; border-radius: 5px; margin: 0;}*/

.regionbox, .code_block, .bannerbox {overflow: hidden; width: 31.33%;  text-align: left; padding: 20px; position: relative; float: left; margin: 0 1%}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox h2, .code_block h1, .code_block h2 {color: #001c59; font-size: 20px;}
.bannerbox {padding: 0;}
.bannerbox img {width: 100%; max-width: 367px}

aside .regionbox, aside .code_block { background-color: white; height: 371px}

#FRCmenu{ background: transparent; border: none; color: #003087; transform: rotate(-90deg); position: absolute; top: 120px; left: -65px; font-size: 22px; font-weight: 600; cursor: pointer; padding: 5px;}
#FRCmenu span.out {transform: rotate(180deg);}
.FRCmenu {width: 300px; position: fixed; top: 200px; right: -266px; border: solid 2px #001c59; padding: 20px 20px 20px 40px; border-radius: 10px 0 0 10px; background-color: white;-webkit-transition: right .5s; transition:  right .5s; z-index: 99; text-align: left;}
.FRCmenu.out{right: 0;}
.FRCmenu ul {list-style: none; padding: 0; margin: 0}



section.navy {background-color: #003087; min-height: 118px}

section.intbanner {width: 100%; height: 500px; background-size: cover; background-position: center bottom; position: relative;}
.intshadow{height: 325px;  width: 100%;  position: absolute; bottom: 0px; left: 0; border: solid 0px orange;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
	}
.inttext {width: 100%; max-width: 1170px; position: absolute; bottom: 60px; left: 50%; margin-left: -585px; width: 94%;   border: dashed 0px yellow; font-size: 18px; text-shadow: 0 0 7px #454545;  text-align: left; color: white;}
.inttext p {margin: 0;}
.inttext a.cta {text-shadow: none; margin-top: 20px; opacity: .8}
.inttexta.cta:hover, .thetext a.cta:focus {opacity: 1}

section.intbanner .code_block {width: 100%; padding: 0; margin: 0; float: none;}


/* Banner -500px tall on desktop. 325px below main navigation bar. Image will enlarge as screen resolution enlarges. Crop images from the top rather then the bottom. More of the image (from the top) will show on tablet.
 Banner shadow overlay - will be duplicated across the screen. No larger then 325x1300px, centered on the banner between the bottom of the navigation bar and the bottom of the banner.
 Banner Header - Nudista 700, around 60px, ALL CAPS
 Banner Copy - Open Sans 400, 18px
 CTA - 150x40, semi-rounded corners, #ffc72c, Nudista 400, 16px, #001c59
*/

#google_translate_element {position: absolute; top: 0px; right: 65px;  width: 154px; top: 7px}
.skiptranslate {width: 154px;}

.bottomlinks { text-align: right; color: white; position: absolute; top: 9px; right: 240px; }
.bottomlinks  a, .bottomlinks  a:visited { color: white;}
.bottomlinks  a:hover {color: white; text-decoration: underline;}
.bottomlinks .pipe:last-child {display: none;}

.socmed {width: 50px; height: 38px; position: absolute; top: 0px; right: 0px; }

footer {width: 100%; padding: 40px 0 100px 0;}
.footnote { text-align: left; font-size: 12px; width: 100%; max-width: 1170px; margin: 0 auto;}

.mobi, .wordiness {display: none;}


/****************
 Colors & Fonts:
 Colors:
 Blu - #003087
 Dark Blu - #001c59
 Rd - #f73c1d
 Yello - #ffc72c
 Light Gray -#f2f2f2


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

.mjsinfo {color: fuchsia; font-family: 'Lucida Console', sans-serif; font-size: 18px; padding: 2px 5px; background-color: black; position: fixed; top: 0; left: 0; z-index: 10000000}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a, a:visited{color: #003087;text-decoration: none; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s;}
a:hover, a:focus {color: #001c59; text-decoration: none;}
.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}

hr { border: 0; height: 0; border-top: 1px solid silver }


a.cta, a.cta:visited, input[type="submit"], a.clear, a.clear:visited, button#exedout, button.clear, input.go {display: inline-block; background-color: #ffc72c; color: #003087; padding: 5px 20px; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; text-decoration: none; border: 0; border-radius: 5px; font-weight: 400; line-height: 1; height: 26px}
a.cta:hover, a.cta:focus, input[type="submit"]:hover, a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus  { background-color: #003087; color: #ffc72c;  text-decoration: none;}
 input[type="submit"] {padding-top: 0; padding-bottom: 0; }

a.ctaB, a.ctaB:visited, .modal_button, .modal-footer>button{display: inline-block; background-color: #003087; color: white; padding: 5px 20px; text-decoration: none; border: 0; border-radius: 5px; border: solid 1px #003087}
a.ctaB:hover, a.ctaB:focus, .modal_button:hover, .modal-footer>button:hover { color: #003087; background-color: #ffc72c;  text-decoration: none;}


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

.Mheader {font-size: 30px; color: #003087; position: relative; top: -4px}
a.LMlink, a.LMlink:visited{color: #003087;}
a.LMlink:hover, a.LMlink:focus {color: #f73c1d}

table.bluetable {border-collapse: collapse; border: solid 1px #103b89}
table.bluetable th {background-color: #103b89; color: white;}
table.bluetable tr:nth-child(even) td {background-color: #f2f2f2}

/*
 Rate Name - Nudista 300, 24px, #001c59
 Rate - Nudista 700, 24px, #003087
*/

.col2, .col3, .col4, .col5, .col6{padding: 10px 20px; position: relative; float: left; overflow: hidden; margin: 0;}
.col6 {width: 16.6%; padding: 10px; }
.col5 {width: 20%; padding: 10px;}
.col4 {width: 25%;}
.col3 {width: 33.33%;}
.col2 {width: 50%;}

.Bheader {color: white; font-size: 60px; font-weight: 700;}
.rate {font-weight: 700; color: #003087; font-size: 24px;}
.rate sup {font-size: 12px;}
.Rname {font-size: 24px; color: #001c59; font-weight: 300;}



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

h2, .code_block h1, .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, .cms_form_header
{color:#003087; font-size: 24px; font-weight: 400}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{color: #003087; font-size: 16px; font-weight: 400}

h4, .forum_thread_date, .forum_mischeader_title {color: #003087; 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: 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: #003087;}
.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: #003087; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #ae0000;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: #f73c1d; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited {color: white; text-decoration: underline;}
.alert a:hover {color: #ffc72c; text-decoration: underline;}
#exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; color: white;}
#exed:hover{color: black}

/* new locator */
.boxedsearch, .legend {BACKGROUND-COLOR: #F2F2F2; }
button#exedout {display: none;}
input.go{ padding: 4px 10px; font-size: 14px; margin-left: 5px;}
/*
form#locator label, form#locator input, form#locator select, form#locator textarea, form#locator fieldset legend{font-family: 'Open Sans', arial, sans-serif;font-size: 16px;}
*/

#map-canvas { width: 100%; height: 520px; float:none; }
.boxedsearch {height: auto;width: 100%; float: none; margin: 0; z-index: 80;}
.boxedsearch fieldset {width: 33%;position: relative; float: right; top: -160px; margin-bottom: -100px }
.legend { top: -50px; margin: 0 0 -30px 0; z-index: 90; position: relative;}

/* 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, .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: 33%;}
.taft_formElement-wrapper {width: 66%; }
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}
.fb_required_fields{padding-bottom: 20px; color: silver; font-style: italic;}
.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%;}

/* forms 2017 */
/*form.cms_form_obj {max-width: 500px }*/
.cms_form_item, .cms_form_content_block {clear: both; padding: 5px 0; }
.cms_form_label {width: 33%; position: relative; float: left;  margin: 0 1% 2px 0;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
.cms_form_required_block {color: silver; font-style: italic; border-bottom: 1px solid silver;}
fieldset, legend {white-space: normal; width: 100%;}
.cms_form_ssn1 {width: 50px;}
.cms_form_ssn2 { width: 40px;}
.cms_form_ssn3 { width: 70px;}
.cms_form_cc_exp {width: 50px;}
.cms_form_cc_cvv {width: 50px;}

.cms_form_required_block { color: #333;  font-style: italic; border-bottom: 1px solid silver;}

.cms_form_collapsible {margin-bottom: 10px;}
.cms_form_collapsible_header A {display: block; background-color: #dddddd; padding: 5px; font-size: 18px; font-weight: bold; color: Black;}
.cms_form_collapsible_header A:before { content: '+ ';}
.cms_form_collapsible_header.open A:before {content: '- ';}

.cms_form_submitted {color: #001c59; font-weight: bold;}

.cms_form_error, .cms_form_errors {color: red; font-weight: bold;}

.cms_form_wrapper .required:before,#existing_elements_column .required:before { content: '* ';}
.cms_form_item_backend .required:after { content: '';}



/* 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: #003087; 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: #003087; 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}

/** ACCORDION - FAQS, FORMS, & DIVS ************************************************************/
.faq_featured_block{ margin: 20px 0 0 0 !important; display: block}
.faq_header{ display: block}
.faq_question_block_slide{padding: 10px 0;border-bottom: 0;}
.faq_question_block_slide_question{padding: 0; border: solid 0px red}
.faq_question_block_slide_answer{padding: 0 20px 10px 20px;}

.cms_form_collapsible_header{background: none; border-bottom: 0; }

button.divheader, .cms_form_collapsible_header a, .cms_form_collapsible_header a:visited, .faq_question_block_slide_question_closed a, .faq_question_block_slide_question_closed a:visited {background-color: #0E3987; color: WHITE; display: block; padding: 5px 10px; border-radius: 5px;}


button.divheader:hover, button.divheader:focus, .cms_form_collapsible_header a:hover, .cms_form_collapsible_header a:focus, .faq_question_block_slide_question_closed a:hover, .faq_question_block_slide_question_closed a:focus {background-color: #0E3987; color: #FFC72C;}

.cms_form_collapsible_header.open a, .faq_question_block_slide_question_open a {background-color: #FFC72C; color: #0E3987; display: block;padding: 5px 10px; border-radius: 5px;}

.cms_form_collapsible_header a:before, .faq_question_block_slide_question_closed a:before{content: '';}
button.divheader:after, .cms_form_collapsible_header a:after, .faq_question_block_slide_question_closed a:after{content: '\f067'; font-family: 'FontAwesome';  position: relative;float: right}

button.divheader.open, .cms_form_collapsible_header.open a:before, .faq_question_block_slide_question_open a:before{content: ''; }
button.divheader.open:after, .cms_form_collapsible_header.open a:after, .faq_question_block_slide_question_open a:after{content: '\f068'; font-family: 'FontAwesome'; position: relative;float: right}

.divcontent {width: 100%; padding: 0px 50px 20px 50px; display: none;}


/* blog styles */
.blog_posted_date {display: block; color: gray;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #003087; 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 #003087; 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 #003087; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}
span.blog_tags_tag a{display: inline-block;}
.blog_share {position: relative; float: right; }
.blog_share a {position: relative; float: right; margin-left: 5px;}
.blog_share ul {list-style: none}
.blog_share ul li{ display: inline-block;}
.blog_share ul li .fa {font-size: 20px; position: relative; top: 7px;}


/* for sidebar content */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}
/*.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}*/

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

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

/* forum */

.forum_catheader_block {background-color: #7b8259;}
.forum_thread_firstpost {border: 1px solid #272727; background-color: #edf1dc; }

button.posh_search{position: fixed; bottom: 50px; right: 20px; z-index: 1000; background-color: #ffc72c; color: #003087; padding: 10px 30px; font-size: 18px; font-family: 'Open Sans', arial, sans-serif; text-decoration: none; border: 0; border-radius: 5px; font-weight: 400; line-height: 1; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,.4); box-shadow:1px 1px  5px 0 rgba(0,0,0,.4); font-weight: 700; border: solid 1px #003087}
button.posh_search:hover, button.posh_search:focus { background-color: #003087; color: #ffc72c;  text-decoration: none;border: solid 1px #ffc72c}