html 			{width: 100%;  height: 100%;}

body 			{margin:0; padding: 0; font-size:22px; width: 100%;  height: 100%; box-sizing: border-box; font-family: "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;}

input			{width:100%; max-width: 100%;padding: 4px 8px;font-size: 1em;margin: 4px 0px; box-sizing: border-box;}
select			{max-width: 100%;}

.alert			{position:relative;font-size:1em;box-sizing:border-box; margin: 20px 0 20px 0;padding: 20px 30px 20px 12px;width: 100%;background-color: #ffea99;border-radius: 6px;border: 2px solid #ce6f09;text-align: left;color: #040404;}

#nightsTable		{width: 100%;position:absolute;top:10px;left:10px;}
td			{text-align:center;}

.space30		{height:30px;}

a			{color:#977739; text-decoration:none;}
.fa-chevron-right	{color:#977739;}
.fa-chevron-left	{color:#977739;}

.HomePageNewSearch	{display:inline-block;font-size:1em;box-sizing:border-box; margin: 0 0 0 20px;padding: 10px 20px;background-color: #f2f2f2;border-radius: 6px;border: 1px solid #959595;text-align: center;cursor: pointer;}
.HomePageNewSearch:hover	{background-color: #e2e2e2;}

.menubar		{display:none;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td	{font-size:18px !important;}

.header 		{padding: 0 0px 0px 20px;    background-color: #977739;   color: #efefef;    height: 80px;    box-sizing: border-box;}
.lmenuDiv:hover		{background-color:#ccd2c9;}

#footer			{position:relative;font-size:.7em; line-height:44px; padding:0 20px;  background-color: #000000;   color: #efefef96; box-sizing: border-box;}

#headerUser		{display:inline-block; float:right; padding: 0 30px; font-size:1.6em;line-height:80px; }
#headerCompany		{display:inline-block;font-family: 'Rancho', cursive;font-size:2.6em; line-height:80px;}
#headerCompany a	{color:#ffffff; text-decoration:none;}

#tabs			{display:inline-block;z-index:1;text-align;center; width:150px; height: 100%; background-color: #1e391c; padding:12px; position:absolute; box-sizing: border-box;}
#tabs a 		{text-decoration:none; color:white; font-size:.84em; font-face:arial;}

.menuTab		{margin:0 0 0 0; padding:14px 0px 14px 0px; text-align:center;}
.menuTab:hover		{color:#efefef;}
.menuTab_active		{}
.menuTab a:hover	{text-decoration:none;}

#hamburg		{margin:0 10px 0 0; font-size:1.1em;cursor:pointer;display:none;}

.leftside		{width:50%; float:left;padding:0 0 0 16px;box-sizing: border-box;}
.rightside		{width:50%; float:right;padding:0 0 0 16px;box-sizing: border-box;}

#timezone		{margin:8px 0 0 0 ;padding: 4px 12px;font-size: 1em;background-color: white;}

.micon			{display:block;margin:8px 0 0 0; color:#cbe9cdbb;}

.inactiveRequest	{margin:0 0 0 12px;color:#c1b0b3;}

#accessCodeMsg		{color:red;font-size:.7em;}
#resend			{color:black;cursor:pointer;}
#resend:hover		{text-decoration:underline;}
#emailMsg		{padding:0 0 0 12px;color:red;font-size:.7em;}

#bigDiv			{position:relative; min-height:100%;}

#content		{margin: 0 0 0 150px; box-sizing: border-box; padding:12px; position:relative;}

#home_content		{margin: 0 0 0 150px; box-sizing: border-box; padding:12px; position:absolute; background-image: url('/images/campsite_nearly_impossible_2_get.jpg');  height:100%;  background-size: cover;  background-position: 100% 100%;}

#home_content2		{margin: 0 0 0 150px; box-sizing: border-box; padding:12px; position:absolute; background-image: url('/images/lakeside_campsite_nearly_impossible_2_get.jpg');  height:100%;  background-size: cover;  background-position: 100% 100%;}

#home_message		{margin:100px 0 0 50px; padding:20px;max-width:65%;background-color:#f8f8f890;border-radius:8px;}
#home_message2		{margin:100px 0 0 50px; padding:20px;max-width:65%;background-color:#ffffffba;;border-radius:8px;}

.homeMsgTxt		{margin:0 0 30px 0;color:black;}

.bcap			{font-size:1.1em;}
.com			{font-size:.64em;font-weight:200;}

.areq			{margin: 0 0 20px 0;padding: 4px 6px;border-bottom: 1px solid #999999;}
.areq:hover		{background-color: #f9f9f9;}

.arriveDates		{width:160px; display:none;}
#dateRange		{display:inline-block;}
#datepicker		{margin:6px 0 0 0;}
.lengthofStay		{  width: 100%;  background-color: white;  padding: 6px 12px;  font-size: 1em;}

.ui-datepicker 		{max-width: 100%;box-sizing: border-box;}

#signonBox		{max-width:600px;}

.loginBtn		{margin:12px 0 0 0 ;    background-color: #4267B2;    border: 0;    padding: 6px 12px;    color: white;    font-size: 1em;    font-family: sans-serif;}

#loginInstructions	{font-size:.84em; color: #04bf0a;}

.sitetypeOption		{display:inline-block;padding:4px 10px;border:1px solid #99999990;    background-color: #efefef;    border-radius: 6px;    margin: 0 6px 4px 0; cursor:pointer;}
.sitetypeOptionOn	{display:inline-block;padding:4px 10px;border:1px solid #99999990;    background-color: #9777395c;    border-radius: 6px;    margin: 0 6px 4px 0; cursor:pointer;}

.onePark		{  margin: 6px 0 16px 0;  padding: 4px 6px;  background-colorX: #efefef;  min-height: 50px;  cursor: pointer; border-bottom:1px solid #efefef;}
.onePark1		{}
.onePark2		{  padding: 0 0 0 10px;  color: #00000090;  font-size: .84em;}
.circleArray		{float:right; margin: 14px 6px 0 0;}

.onePark:hover		{background-color:#f9f9f9;}

#headerTitle		{font-size:1.1em;margin:20px 0 20px 0;font-weight:600;color:#977739;font-family:times new roman;}

#contentTitle		{font-size:1.1em;margin:20px 0 0 0;font-weight:600;color:#977739;font-family:times new roman;}
.contentHeader		{font-size:.84em;font-weight:600;color:#999999;font-family:times new roman;}
.contentData		{padding:4px 0 0 8px;}
#contentsubTitle	{font-size:.84em;margin:4px 12px;font-weight:500;font-family:times new roman;}
#contentSteps		{font-size:1em;margin:20px 0;}
#contentInstructions	{font-size:1em;margin:20px 0;font-style:italic;    color: #04bf0a;    font-weight: 600;}
#contentInfo		{margin:20px 0 0 0;}
.contentInfo		{margin:20px 0 0 0;}
.contentCancel		{font-size:1em;box-sizing:border-box; margin: 20px 0 0 0;padding: 10px 20px;width: 100%;background-color: #f2f2f2;border-radius: 6px;border: 1px solid #959595;text-align: center;cursor: pointer;}
.contentCancel:hover	{background-color: #e2e2e2;}
.contentResume		{font-size:1em;box-sizing:border-box; margin: 20px 0 0 0;padding: 10px 20px;width: 100%;background-color: #f2f2f2;border-radius: 6px;border: 1px solid #959595;text-align: center;cursor: pointer;}
.contentResume:hover	{background-color: #e2e2e2;}
.contentAlert		{margin:0 0 0 12px;display:inline-block; font-size:.76em; color:#88000090;}
.contentAlert a		{color:#cf0606; text-decoration:underline;}
.contentAnswer		{font-size:.9em;color:#999999;padding:12px 0 0 12px;}

#zeye			{margin: 6px 0 0 0;}

.leftMessage		{margin:0 0 20px 0;padding:12px;border:1px solid #999999;font-size:.84em;}

#vrboH			{padding:0;margin:12px 0 4px 0;border-bottom: 2px solid #977739;font-size: .76em;}

.word-divider		{  border-bottom: solid 1px #977739;  padding: 0 0 4px 0;}
.nodiv			{ white-space: nowrap;}


.switch {  position: relative;  display: inline-block;  width: 60px;  height: 34px; float:left;}
.switch input {   opacity: 0;  width: 0;  height: 0;}
.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.slider:before {  position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider {  background-color: #2196F3;}
input:focus + .slider {  box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;}

#flexArrive		{line-height:20px;margin:6px 0 0 0;display:none;}
#flexArrival		{  line-height: 34px;  float: left;  padding: 0 0 0 10px;  position: absolute;  left: 60px;  top: 0;  width: 300px;}

.payboxX		{min-height:100px;margin: 20px 0 0 0;width: 100%;}

.paybox			{min-height:100px;font-size:1em;box-sizing:border-box; margin: 20px 0 0 0;padding: 10px 20px;width: 100%;background-color: #f2f2f2;border-radius: 6px;border: 1px solid #959595;text-align: left;cursor: pointer;}

.paybox:hover		{background-color: #fefefe;}

#payDiv			{border:2px solid green; padding:16px; background-color:#fefefe;margin:0 0 50px 0;}
.payTitle		{text-align:center;font-weight: 600;padding: 0 0 16px 0;}
.payexplain		{font-size:.76em; margin:0 0 6px 0;}
.payoption		{font-weight:500;font-size:.84em;padding:0 0 6px 0;text-transform: uppercase;}
.paylevel		{font-weight:500;font-size:.84em;padding:0 0 6px 0;text-transform: uppercase;position:absolute;top:12px;}
.payAmount		{font-size: .84em;position: absolute;top: 60px;}
.payBullet		{font-size:.76em;margin:0 0 0 120px;}
.payCheckmark		{font-size:4em;position:absolute;top:10px;right:20px;color:green;}
.payCheckmarkon		{font-size:4em;position:absolute;top:10px;right:20px;color:green;}
.payCheckmarkNA		{font-size:4em;position:absolute;top:10px;right:20px;color:#efefef90;}

.payRate		{position:relative;min-height:100px;font-size:1em;box-sizing:border-box; margin: 20px 0 0 0;padding: 10px 20px;width: 100%;background-color: #f2f2f2;border-radius: 6px;border: 1px solid #959595;text-align: left;cursor: pointer;}

#serviceLevel1		{display:none;}
#serviceLevel2		{display:none;}
#serviceLevel3		{display:none;}

.bronze			{background-image: linear-gradient(to bottom, #cd7f32cc, #cd7f3290);}
.silver			{background-image: linear-gradient(to bottom, #C0C0C0cc, #C0C0C090);}
.gold			{background-image: linear-gradient(to bottom, #FFD700aa, #FFD70050);}

#pickservicelevel	{display:none;}
#pickservicelevel1	{display:none;}
#pickservicelevel2	{display:none;}
#pickservicelevel3	{display:none;}
#payCheckmark1		{display:none;}
#payCheckmark2		{display:none;}
#payCheckmark3		{display:none;}

#contactInfo		{display:none;margin: 26px 0 0 0;}
#ccInfo			{display:none;margin: 26px 0 0 0;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1023px) {
#tabs 			{ display:inline-block;  width: 140px;  position: absolute;}
.leftside		{width:100%; float:left;padding:0 40px 0 16px;}
.rightside		{width:100%; float:right;padding:0 40px 0 16px;}
.rightside		{padding: 0;}

#content		{margin: 0 0 0 140px; padding:12px; position:relative;}
#home_content		{width:100% !important;margin: 0 0 0 140px; padding:12px; position:absolute;}
#home_content2		{margin: 0 0 0 140px; padding:12px; position:absolute;}
#home_message		{margin:50px 16px 16px 16px; padding:20px;}
#home_message2		{margin:50px 16px 16px 16px; padding:20px;}

}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) {
#tabs 			{ display:inline-block; width: 120px;  position: absolute;}
#content		{margin: 0 0 0 120px; padding:12px; position:relative;}
#home_content		{width:100% !important;margin: 0 0 0 120px; padding:12px; position:absolute;}
#home_content2		{margin: 0 0 0 120px; padding:12px; position:absolute;}
#home_message		{margin:50px 16px 16px 16px; padding:20px;}
#home_message2		{margin:50px 16px 16px 16px; padding:20px;}
#headerCompany 		{font-size: 2em;}
.payCheckmark 		{top: -3px; right: 0px; font-size: 3em;}

}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:600px) {
body 			{font-size:20px;}
input			{width:100%;}
#tabs 			{display:none; width: 120px; position: absolute;}
#hamburg		{display:inline-block;}
#content		{margin: 0 0 0 0px; padding:12px; position:relative;}
#home_content		{width:100% !important;margin: 0 0 0 0px; padding:12px; position:absolute;}
#home_content2		{max-width:100%; margin: 0 0 0 0px; padding:12px; position:absolute;}
#home_message		{margin:30px 16px 16px 16px; padding:20px;max-width:100%;}
#home_message2		{margin:30px 16px 16px 16px; padding:20px;max-width:100%;}
#headerCompany 		{font-size: 1.5em;}
.menubar		{display:unset;}
.leftside		{padding: 0 0px 0 0px;}
.rightside		{padding: 0 0px 0 0px;}
.paybox			{padding: 10px 10px;}
#payDiv			{padding:6px;}
.payCheckmark 		{top: -3px; right: 0px; font-size: 2em;}

}