.responsive-calendar {padding-top:55px; }
.responsive-calendar .controls { text-align:center;  height: 53px;  margin: 0; /*border-bottom:solid 1px #e4e4e5;*/ }
.responsive-calendar .controls a {  cursor: pointer;}
.responsive-calendar .controls a.pull-left {margin:0 0 0 0; background:url(/images/Button-Calendar_Left.png) no-repeat scroll 0 0; background-size:100% 100%; width:16%; height:84px; }
.responsive-calendar .controls a.pull-right {margin:0 0 0 0 ; background:url(/images/Button-Calendar_Right.png) no-repeat scroll 0 0; background-size:100% 100%;  width:16%; height:84px;}

.responsive-calendar .controls h4 {  color: #ffffff; background:#58595b; font-size: 32px; font-weight: normal;  margin: 0 0 0 0; text-align: center; text-transform: capitalize;     display:inline-block;  width: 67.5%; height:82px; line-height: 82px; font-family: "helvetica-neue-light"; font-style:italic;}
.responsive-calendar .controls h4 span { display:inline; margin:0 5px 0 0; color: #ffffff;}
.pull-right { float: right;}

.day-headers { /* border-bottom: 1px solid #e4e4e5; */   display: inline-block;    text-align: center;    width: 100%; background:#000000; float:left;}
.responsive-calendar .day.header { color: #ffffff; font-size: 14px; font-weight: normal; margin: 0 0 0 0;   width: 14.28%;  display: inline-block; height:27px;  border-right: medium none; position:relative; width:14.2%; line-height:27px; /*border-right:solid 1px #56565a;*/ }

.responsive-calendar .day {   float: left;  height: 52px;  vertical-align: top;  width: 14.28%; border:solid 1px #000; }
.responsive-calendar .day a { color: #000; display: block; font-size: 18px; font-weight: bold; height: 50px; padding: 9px 4px 0 0;
 text-align: right; width: 100%; font-family: "helvetica-neue-light"; text-decoration:none; }
.responsive-calendar .day.not-current a {  color: #ddd;}
.responsive-calendar .header { padding:0 0 4px 0;}
.responsive-calendar .day.active a { background-color: #58595b;  color: #ffffff; height: 50px;   padding: 6px;   width: 100%; }
.responsive-calendar .day.active .not-current {  background-color: #8fcaef;  color: #ffffff;}
.responsive-calendar .day.active .not-current:hover {  background-color: #bcdff5;}
.responsive-calendar .day.not-current a {  color: #000;}

.days { }
div.calWrapper  div.responsive-calendar div.days div.day.past a{ color: #000000;  }
div.calWrapper  div.responsive-calendar div.days div.day.today a{/*color: #FF2F2F;font-weight:bold;*/}
.responsive-calendar .day .badge {  position: absolute;  top: 2px;  right: 2px;  z-index: 1;}
.icon-calendar {}
.btn-primary { }


/*********** INDEX CALENDER ***********/
.responsive-calendar-index {}
.responsive-calendar-index .controls { text-align:center;  height: 53px;  margin: 0; /*border-bottom:solid 1px #e4e4e5;*/ }
.responsive-calendar-index .controls a {  cursor: pointer;}
.responsive-calendar-index .controls a.pull-left {margin:0 0 0 0; background:url(/images/Button-Calendar_Left.png) no-repeat scroll 0 0; background-size:100% 100%; width:16%; height:84px; }
.responsive-calendar-index .controls a.pull-right {margin:0 0 0 0 ; background:url(/images/Button-Calendar_Right.png) no-repeat scroll 0 0; background-size:100% 100%;  width:16%; height:84px;}
.pull-right { float:right;}
.pull-left {  float: left; }
.btn:first-child {}
.btn-inverse {   background-color: #363636;  background-image: linear-gradient(to bottom, #444444, #222222);   background-repeat: repeat-x;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    color: #ffffff;    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

.responsive-calendar-index .controls h4 {  color: #ffffff; background:#58595b; font-size: 32px; font-weight: normal;  margin: 0 0 0 0; text-align: center; text-transform: capitalize;     display:inline-block;  width: 67.5%; height:82px; line-height: 82px; font-family: "helvetica-neue-light"; font-style:italic;}
.responsive-calendar-index .controls h4 span { display:inline; margin:0 5px 0 0; color: #ffffff; line-height: 30px;}
.pull-right { float: right;}

.day-headers { /* border-bottom: 1px solid #e4e4e5; */   display: inline-block;    text-align: center;    width: 100%; background:#000000; float:left;}
.responsive-calendar-index .day.header { color: #ffffff; font-size: 14px; font-weight: normal; margin: 0 0 0 0;   width: 14.28%;  display: inline-block; height:27px;  border-right: medium none; position:relative; width:14.2%; line-height:27px; /*border-right:solid 1px #56565a;*/ }

.responsive-calendar-index .day {   float: left;  height: 52px;  vertical-align: top;  width: 14.28%; border:solid 1px #56565a; }
.responsive-calendar-index .day a { color: #56565a; display: block; font-size: 18px; font-weight: bold; height: 50px; padding: 9px 4px 0 0;
 text-align: right; width: 100%; font-family: "helvetica-neue-light"; text-decoration:none; }
.responsive-calendar-index .day.not-current a {  color: #ddd;}
.responsive-calendar-index .header { padding:0 0 4px 0;}
.responsive-calendar-index .day.active a { background-color: #58595b;  color: #ffffff; height: 50px;   padding: 6px;   width: 100%; }
.responsive-calendar-index .day.active .not-current {  background-color: #8fcaef;  color: #ffffff;}
.responsive-calendar-index .day.active .not-current:hover {  background-color: #bcdff5;}
.responsive-calendar-index .day.not-current a {  color: #696969;}

div.calWrapper  div.responsive-calendar-index div.days div.day.past a{ color: #000000;  }
div.calWrapper  div.responsive-calendar-index div.days div.day.today a{/*color: #FF2F2F;font-weight:bold;*/}
.responsive-calendar-index .day .badge {  position: absolute;  top: 2px;  right: 2px;  z-index: 1;}

@media (max-width: 625px)
{
.responsive-calendar .day a{ text-align:center; padding:0px; line-height:50px;}
}
@media (max-width: 420px)
{
.responsive-calendar .controls a.pull-left { background:url(/images/Mobile-Button-Calendar_Left.png) no-repeat scroll 0 0; width:11.9% ; height:63px; background-size:100% 100%;}
.responsive-calendar .controls a.pull-right { background:url(/images/Mobile-Button-Calendar_Right.png) no-repeat scroll 0 0; width:11.9%; height:63px; background-size:100% 100%;}
.responsive-calendar .controls h4 { width:76.2%; height:62px; line-height:63px;  font-size: 27px;}
.responsive-calendar .day a { font-size: 12px; padding: 3px 4px 0 0;}
.responsive-calendar .day.header { font-size:12px;}

/*********** INDEX CALENDER ***********/
.responsive-calendar-index .controls a.pull-left { background:url(/images/Mobile-Button-Calendar_Left.png) no-repeat scroll 0 0; width:11.9% ; height:63px; background-size:100% 100%;}
.responsive-calendar-index .controls a.pull-right { background:url(/images/Mobile-Button-Calendar_Right.png) no-repeat scroll 0 0; width:11.9%; height:63px; background-size:100% 100%;}
.responsive-calendar-index .controls h4 { width:76.2%; height:62px; line-height:63px;  font-size: 27px;}
.responsive-calendar-index .day a { font-size: 12px; padding: 3px 4px 0 0;}
.responsive-calendar-index .day.header { font-size:12px;}

}



/*** NON CAL SPECIC ***/


/******************* CALENDAR LISTING ********************/
section#catPage { max-width:1200px; width:100%; height:auto; position:relative; margin:0 auto;}

.container { width:100%;}
.span3 { width: 40%;  margin-top: 0; margin-left:0; float:left;}
.span9 { margin: 0 0 0 2%; width: 56.8%; float:left;}
.span2 {}
input.span2,
textarea.span2,
.uneditable-input.span2 {
 
}

section.loginBanner { float:left; width:100%; height:auto; position:relative; }
section.loginBanner img { width:100%; height:auto;}
#forgotEmailAddress{height:30px;}
a.backSite { float:left; font-size:14px; color:#58595b; text-transform:uppercase; width:100%; margin:25px 0 26px 0; font-family: "helvetica-neue-bold"; font-style:italic;}
/*section.loginBanner span { position:absolute; top:45%; left:7%; font-size:40px; color:#ffffff; font-weight:bold;}*/
section#rangePage { max-width:1148px; width:100%; height:auto; position:relative; margin:0 auto;}
div.resourceTitle,div.calendarpageTitle { float:left; font-size: 30px; line-height: 75px; text-align: left; font-weight: 300; color:#ad162e; text-indent:0; width:85%; margin:0 0 0 7%; }
div.pageCopy {background:none repeat scroll 0 0; padding: 0; width: 83%; /* border-bottom: 1px solid #e4e4e5; */  padding: 0 0 20px 0; color:#323231; font-size:20px; margin:0 0 0 7%; line-height:23px; float:left;}
div.pageCopy a { color:#ad162e; text-decoration:underline;}
div.pageCopy a.main-top-banner{background:url(/images/cat_banner.jpg) no-repeat scroll 0 0; color: #ffffff; float: left; font-family: Roboto Slab; font-size: 18px; height: 320px; margin: 20px 0 0; padding: 134px 0 0;text-align: center; width: 100%;}
div.pageCopy a.main-top-banner{text-decoration:none;}
div.pageCopy p{color: #59595b; float: left;font-family: oswald; font-size: 14px; margin: 20px 0 0 1%; text-align: left; width: 98%;}

section.rangeType { padding: 20px 0; text-align: center; }
div.rangeTypeHolder {background: #f2f2f2; box-sizing: border-box; float: left; height: 190px; margin: 20px 1%; padding: 0px; text-align: left; width: 31% !important;}
div.rangeTypeHolder:hover { background: 2px solid #F2F2F2; }
div.rangeTypeHolder  a { display: block; width: 100%; }
div.rangeTypeHolder  a:hover { text-decoration: none; } 
div.rangeTypeHolder  a img{ padding:25px 0 0 4%; width:30%; height:100%}
div.rangeTypeHolder  a  span.rangeTypeName {color: #ad1d3e; display: block; float: right; font-family: roboto slab; font-size: 20px; line-height: 32px; padding: 40px 0 0 3%; text-align:center; width: 100%;}
div.rangeTypeHolder  a  span.rangeTypeAvailable {background: #e6e7e9; color: #232021; float: right; font-family: oswald; font-size: 17px; height: 40px; margin: 24px 0 0; padding: 9px; text-align: center; width: 100%;}

div.calWrapper { padding: 0; }
/*div.calWrapper h4 span { color: #ffffff; line-height: 30px; font-size: 16px; }*/
div.calWrapper a div .btn { padding: 4px 6px; }
div.sideMemberHolder { float:left; width:100%; text-align:center;}
div.sideMemberHolder h3 { font-weight: normal; font-size: 18px; color:#000000; text-align:center; font-family: "helvetica-neue-bold"; margin:10px 0 0 0; }
div.sideMemberHolder a { margin: 25px 5% 10px 0; width: 90%; padding: 4px 0; background:url(/images/Button-SignIn.png) no-repeat scroll 0 0; width:221px; height:40px; display:inline-block; }
/*div.sideMemberHolder a:hover {background:url(/images/Button-SignIn.png) no-repeat scroll 0 0 !important; width:221px; height:40px;}*/
section.dayBookings { padding: 20px 0 0; }


div.rangeDate { font-size: 24px; padding: 20px 0; float: left; width: 100%; margin:10px 0 0 0; font-family: "helvetica-neue-bold"; color: #000000; }
div.rangeDate strong { font-weight:normal; }

div.rangeSpots { font-size: 18px; padding: 1.3% 1%; float: left; width: 100%; background: #ffffff; margin: 0 0 40px 0; color:#000000; height:auto; font-family: "helvetica-neue-light";}
div.rangeSpots strong { font-weight:normal; color: #ac1c24; }

article.rangeSpot { float: left; width: 100%; margin: 0 0 30px; padding: 0 0 20px;/* border-bottom: 1px dashed #56565a;*/ /*display: inline-flex;*/}
article.rangeSpot ul { float: left; width: 16%; margin: 7px 0 0 0; padding:0; }
article.rangeSpot ul li { float: left; width: 100%; list-style: none; margin: 0 0 10px; font-family: "helvetica-neue-light"; }
article.rangeSpot ul li.booknow { float:right;}
article.rangeSpot ul li span { padding: 10px 0; width: 100%; text-align:center; display: inline-block; margin: 0; font-size: 14px; }

article.rangeSpot div.rangeSpotText {   float: left;   margin: 0 0 0 3%;   width: 65%;}
article.rangeSpot div.rangeSpotText p { margin: 0; color: #000000; font-size: 20px; line-height: 15px; font-family: "helvetica-neue-light";}

article.rangeSpot div.rangeSpotText p.title { line-height: 26px; }
article.rangeSpot div.rangeSpotText p.title span {/* font-size: 20px; color: #000000;  font-family: "helvetica-neue-light";*/ }
article.rangeSpot div.rangeSpotText p.refund { line-height: 26px; }
article.rangeSpot div.rangeSpotText p.price {  line-height: 26px; }
article.rangeSpot div.rangeSpotText p.price strong {font-weight:normal; /*font-size: 20px; color: #000000; font-weight:normal;  font-family: "helvetica-neue-light";*/ }

article.rangeSpot div.rangeSpotImg { float: left; width: 35%; margin: 0; }
article.activeSpot { }

article.activeSpot  .alert-success{ background:#ec1c24;}

.alert-success h4 {
  color: #468847;
}

article.activeSpot  .btn-primary { background:#6d6e70; opacity:0.3; color:#ffffff;}

div.bookingDetail { float:left; width:100%; height:80px; background:#58595b; font-family: "helvetica-neue-55-roman-bold"; color:#ffffff; font-size:18px; text-align:center; text-transform:uppercase;}
div.bookingDetail  span {   display: inline-block; padding: 2% 0 0;  width: 80%;}


div.bookingDate { float:left; width:100%; height:80px; background:#58595b; font-family: "helvetica-neue-55-roman-bold"; color:#ffffff; font-size:18px; text-align:center; margin:15px 0 0 0;}
div.bookingDate  span {   display: inline-block; padding: 2% 0 0;  width: 63%;}


div.bookingTime { float:left; width:100%; height:80px; background:#58595b; font-family: "helvetica-neue-55-roman-bold"; color:#ffffff; font-size:18px; text-align:center; margin:15px 0 0 0;}
div.bookingTime  span {   display: inline-block; padding: 4% 0 0;  width: 80%;}


div.bookingMember { float:left; width:100%; height:80px; background:#58595b; font-family: "helvetica-neue-55-roman-bold"; color:#ffffff; font-size:18px; text-align:center; margin:15px 0 30px 0; }
div.bookingMember  span {   display: inline-block; padding: 2% 0 0;  width: 80%;}

a.cancel { float:left; color:#ec1c24; font-size:18px; font-family: "helvetica-neue-55-roman-bold"; text-decoration:underline; width:100%; text-transform:capitalize;}

/******************* CALENDAR LISTING ********************/




/*********************************************Start Calander******************************************************************/

.webCalendar{display:block;}
.mobileCalendar{display:none;}
.monthHolder{width:450px; margin:auto;}
h2.diffMonth{padding: 10px;font-size: 18px;/* font-family: helvetica-neue-light; */color: #000;text-transform: uppercase; float:left;}
h2.diffMonth a{    padding: 10px;
    font-size: 18px;
    /* font-family: helvetica-neue-light; */
    color: #000;
    text-transform: uppercase;
    float: left;}
	h2.diffMonth.col.text-left a {
		float: right;
	}
h2.currMonth{    
	padding:18px 10px 10px;
    font-size: 24px;
    font-family: "eavesBd";
    color: #000;
    text-transform: uppercase;
    float: left;}
h2.currMonth a{color:#000;}
.calendarContainer table.rebelCalendar th{width:15%; height: 30px;background-color: #d1d2d4;text-align: center;color: #221f1f;font-size: 14px;font-family: "eavesBd";border: 1px solid #000;}
.calendarContainer table.rebelCalendar{    table-layout: fixed;}
.calendarContainer table.rebelCalendar td{   height: 200px;    vertical-align: top;
    background-color: #fff;
    color: #221f1f;
    font-size: 14px;
    font-family: "eavesBd";
    border: 1px solid #000;}
.calendarContainer table.rebelCalendar td span.dayNum{width: 100%;float: left;background-color: #221f1f;color: #fff;text-align: center;font-size: 12px;font-family: "eavesBd";    padding: 0px;}
.calendarContainer table.rebelCalendar td ul{width:auto;margin:0;}
.calendarContainer table.rebelCalendar td span{width: 100%;float: left;color: #000;text-align: left;font-size: 14px;/* font-family: helvetica-neue-light; */    padding: 1px 5px;}	
.calendarContainer table.rebelCalendar td .className{width: 100%;float: left;color: #000;text-align: left;font-size: 14px;text-transform:uppercase;/* font-family: helvetica-neue-light; */}
.calendarContainer table.rebelCalendar td .registerbtn{margin: 5px;  width:95%; max-width: 100px;float: left;height:20px;background-image:url('/images/Button-RegisterNow.png');background-repeat:no-repeat;background-size:100%;}


/*********************************************End Calander******************************************************************/



/*********************************************Start Membership******************************************************************/
#membershipContent{width: 100%;float: left;padding: 15px 0;}
#membershipContent #breadCrumb{width: 100%;float: left;padding: 10px;}
#membershipContent #breadCrumb a{font-size: 14px;color: #59595b; text-transform:uppercase;    font-family: helvetica-neue-bold;}
#topLine{width: 100%;float: left;padding: 15px 0;}
#topLine p{width: 100%;float: left;padding: 15px 0;}
#topLine #memberships{width:100%;float:left;font-size: 24px;font-family: helvetica-neue-bold;color: #ea2227;}
#topLine #membershipAvailable{font-family:HelveticaNeueLTStd-Roman;color:#000;font-size:16px;width:100%;float:left;}
#tabolicContent{}
#tabolicContent .title{background-color:#323232;width:100%;float:left;height:55px;text-align:center;text-transform:uppercase; padding-top:12px; color:#fff;font-size: 24px;font-family: helvetica-neue-bold;}
#tabolicContent .rows{width:100%;float:left;}
#tabolicContent #rows .row{width: 100%;float: left;}
#tabolicContent #rows .row:nth-child(even){background-color:#b9b9b9;}
#tabolicContent #rows .row:nth-child(odd){background-color:#fff;}
#tabolicContent #rows .row:first-of-type{background-color:#000;}
#tabolicContent #rows .row .th{text-transform:uppercase;display:table; width: 14.2858%;float: left;height: 90px;background-color: #000;text-align: center;padding-top: 7px;color: #fff;font-size: 14px;font-family: helvetica-neue-bold;border: 1px solid #404041;border-right:none;}
#tabolicContent #rows .row .th span{display:table-cell; vertical-align:middle;}
#tabolicContent #rows .row .th:first-of-type{background-color:#000;}
#tabolicContent #rows .row .td{text-align:center; width: 14.2858%;float: left;height: 55px;display:table;color: #221f1f;font-size: 14px;font-family: helvetica-neue-light;    border: 1px solid #404041;border-right:none; border-top:none;}
#tabolicContent #rows .row .td span{display:table-cell; vertical-align:middle;}
#tabolicContent #rows .row .td:first-of-type{background-color:#000; color:#fff;}
/*#tabolicContent #rows .row .td a.btnBuyNow{margin: 5px;  width:95%; max-width: 145px;float: left;height:35px;background-image:url('/images/Button-RegisterNow.png');background-repeat:no-repeat;background-size:100%;}*/
#tabolicContent #rows .row .td a.btnBuyNow{float: left;
width: 95%;background: #b71f25; background-color: ;color: white;font-weight:bold;height: 35px;line-height: 34px;font-size: 16px;border: none;text-align: center;cursor: pointer;text-decoration: none;margin:0 0 0 2.5%;}

#membershipContent table#memberShipDetails {height:auto;width:100%;}
#membershipContent table#memberShipDetails th.title {background-color:#323232;width:100%;height:55px;text-align:center;text-transform:uppercase;color:#fff;font-size: 24px;font-family: helvetica-neue-bold;}
#membershipContent table#memberShipDetails td {border:1px solid #404041;}
#membershipContent table#memberShipDetails td.headerDsp {text-transform:uppercase;text-align:center;font-weight:bold;color:white;background:black;width:14.2858%;height:90px;}
#membershipContent table#memberShipDetails td.firstCol {text-align:center;color:white;background:black;width:14.2858%;height:55px;}
#membershipContent table#memberShipDetails td.grayCell {text-align:center;color:black;background:#b9b9b9;width:14.2858%;height:55px;}
#membershipContent table#memberShipDetails td.whiteCell {text-align:center;color:black;background:white;width:14.2858%;height:55px;}

a.btnBuyNow{float: left;
width: 95%;background: #b71f25; background-color: ;color: white;font-weight:bold;height: 35px;line-height: 34px;font-size: 16px;border: none;text-align: center;cursor: pointer;text-decoration: none;margin:0 0 0 2.5%;}

/*********************************************End Membership******************************************************************/ 

div.day.past{background:#dadada;cursor:not-allowed;}
div.day.today{background:#ebfbf7}
div.day.today,div.day.future{cursor:pointer;}

@media (max-width: 767px) {
	div#getBooking {
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	
	div#getBooking article.rangeSpot {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin: 0;
	}
	
	div#getBooking article.rangeSpot div.rangeSpotText {
		width: 95%;
	}
	
	div#getBooking article.rangeSpot ul {
		width: 35%;
	}
	
	.responsive-calendar .controls a.pull-left {
		height: 0;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent #000000 transparent transparent;
		margin-top: 15px;
	}
	
	.responsive-calendar .controls a.pull-right {
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #000000;
		margin-top: 15px;
	}
	
	.responsive-calendar .controls h4 {
		background: none;
	}
	
	.responsive-calendar .controls h4 span {
		color: #000;
	}
}