/* -------------------------- myreservation -------------- */
#myreservation.ui-page,
#confirmation.ui-page{
	background: #fff;
	background: url(../images/p.jpg) repeat;
	}
	#myreservation .ui-content,
	#confirmation .ui-content{
		/*background: url(../images/p.jpg) repeat;*/
		background: #fff;
		/*margin-top: 3px;*/
/*		-webkit-box-shadow: 0 0 35px rgba(0,0,0,.4);
	  	box-shadow: 0 0 35px rgba(0,0,0,.4);*/
		}

#myreservation .ui-controlgroup{
	margin:0 auto;
	margin-bottom:18px;
	padding-left:10px;
}

#myreservation a{
	text-decoration: none;
}

#myreservation #resDatesAndDetails{
	margin:0 auto;
	max-width:320px;
	}
	#myreservation #resDatesAndDetails table .ui-btn{
		background:rgba(111,172,104,.2);
		text-shadow:none;
		color: rgb(1,75,66);
	}
	#myreservation  #resDatesAndDetails fieldset{
		margin-top:3px;
		margin-bottom:3px;
	}
	#myreservation #resDatesAndDetails .ui-bar.ui-bar-a{
		background: rgb(1,75,66);
		color:white;
		text-shadow:none;
	}
	#myreservation .custom-corners .ui-bar {
		-webkit-border-top-left-radius: inherit;
		border-top-left-radius: inherit;
		-webkit-border-top-right-radius: inherit;
		border-top-right-radius: inherit;
		}
	#myreservation .custom-corners .ui-body {
		border-top-width: 0;
		-webkit-border-bottom-left-radius: inherit;
		border-bottom-left-radius: inherit;
		-webkit-border-bottom-right-radius: inherit;
		border-bottom-right-radius: inherit;
		}
		
		#myreservation .ui-btn-icon-left:after,
		#myreservation .ui-btn-icon-right:after,
		#myreservation .ui-btn-icon-top:after,
		#myreservation .ui-btn-icon-bottom:after,
		#myreservation .ui-btn-icon-notext:after{
			background-color: teal;
			border-radius: 0.3em;
		}
#myreservation .ui-popup.ui-content{
	max-width: 580px;
}

#myreservation label.ui-btn,
#PreferedRoomsHead .ui-btn{
	border-width: 0;
}

#resDates{
	text-align:center;
	margin:0 auto;
	margin-bottom:18px;
	margin-top:18px;
}

.resDatesTbl{
	margin:0 auto;
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	font-weight:bold;
	}
	.resDatesTbl td{
		border-width: 0 0 0 0;
		border-spacing: 0;
		border-color:#d2bd86;
		border-collapse: collapse;
		border-style: solid;
	}

.resPeakBalckOUtTbl{
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	.resPeakBalckOUtTbl td{
		border-width: 0 0 0 0;
		border-spacing: 0;
		border-color:#d2bd86;
		border-collapse: collapse;
		border-style: solid;
		padding:8px 8px 8px 13px;
		}
		.resPeakBalckOUtTbl td:nth-child(1){
			text-align:left;
		}
		.resPeakBalckOUtTbl td:nth-child(2){
			text-align:left;
			max-width:280px;
		}
		.resPeakBalckOUtTbl tr:nth-child(even){
			background-color:rgba(111,172,104,.1);
		}
	.resDatesTbl div.ui-select .ui-btn-icon-right:after{
		background-color: teal;
	}
.resRoomsAvailability{
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	.resRoomsAvailability td{
		border-width: 0 0 0 0;
		border-spacing: 0;
		border-color:#d2bd86;
		border-collapse: collapse;
		border-style: solid;
		padding:8px 8px 8px 13px;
	}

#prefRooms{
	font-weight:bold;
	list-style:square url('../pbayImages/bullet.png');
	/*background: url(pbayImages/bullet.png) no-repeat 0 10px;*/
}

#BfastPkage div.ui-checkbox label{
	color: teal;
}

/* Booknow.html */

#resRoomAvailability{
	margin:0 auto;
	max-width:650px
	}
	#resRoomAvailability .ui-bar.ui-bar-a{
		 background-color:rgb(1,75,66);
		 color:white;
		 text-shadow:none;"
	}	

#booknow  table .resNumReserveThis{
	text-align:center;
	font:bold 16px Arial;
}

#resAllRooms{
	margin: 0 auto;
	max-width:638px;
	border: none;
}


/*#resAllRooms div.ui-input-text,
#resAllRooms div.ui-select{
	box-shadow: none;
	margin-top: 0;
	background: rgba(111,172,104,.2);
    text-shadow: none;
    color: rgb(1,75,66);
}*/

#resAllRooms .ui-shadow{
	box-shadow: transparent !important;
}

#resAllRooms .ui-shadow:hover{
	/*background: transparent;*/
	/*border: transparent;*/
}

.ui-popup .popCloseRight{
	float: right;
	margin-right: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}

#resAllRooms .ui-popup.ui-content{
	padding-bottom: 0;
}
.resBookNowAvail{
	margin:0 auto;
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	.resBookNowAvail tr:nth-child(even){
		background-color:rgba(111,172,104,.1);
	}
	.resBookNowAvail tr:first-child{
		background-color:rgb(1,75,66);
		}
		.resBookNowAvail tr:first-child td{
			font:bold 14px Arial;
			text-align:right;
			padding-top:10px;
			padding-bottom:10px;
			color:#fff !important;
			text-shadow:none !important;
		}
		.resBookNowAvail tr:first-child td:first-child strong{
			padding-left: 5px;
		}
		.resBookNowAvail tr:first-child td:last-child{
			padding-right: 5px;
			text-align: center;
		}
		.resBookNowAvail tr:first-child td:first-child,
		.resBookNowAvail tr:first-child td:nth-child(2){
			text-align: center;
			vertical-align: top;
		}

	.resBookNowAvail tr:last-child{
		text-align:right;
		}
		.resBookNowAvail td{
			border-width: 0 0 0 0;
			border-spacing: 0;
			border-color:#d2bd86;
			border-collapse: collapse;
			border-style: solid;
			padding: 8px 5px 8px 5px;
			padding-top: 0;
			padding-bottom: 0;
			}
			.resBookNowAvail td:first-child{
				padding-left: 0;
			}
			.resBookNowAvail td:last-child{
				padding-right: 0;
				}
				.resBookNowAvail td:last-child div.ui-select{
					margin-right: 0;
				}
			.resBookNowAvail td:nth-child(2) a{
				color: teal;
			}
			.resBookNowAvail td:nth-child(3){
				text-align:right;
				max-width:280px;
				font-size:10px;
				color: rgb(1,75,66);
			}
			
			.resBookNowAvail div.ui-select .ui-btn-icon-left:after,
			.resBookNowAvail div.ui-select .ui-btn-icon-right:after,
			.resBookNowAvail div.ui-select .ui-btn-icon-top:after,
			.resBookNowAvail div.ui-select .ui-btn-icon-bottom:after,
			.resBookNowAvail div.ui-select .ui-btn-icon-notext:after{
				background-color: teal;
			}
			
			.resBookNowAvail div.ui-select .ui-btn>span:not(.ui-li-count){
				font-size: 16px;
				color: rgb(1,75,66);
			}
	.resBookNowAvail a.ui-btn-icon-notext{
		width: 1.3em;
		height: 1.3em;
	}	
	.resBookNowAvail a.ui-btn-icon-notext:after{
		background-color: teal;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		margin-left: -9px;
	}
#resBookNowAvailFirstRow div.ui-checkbox .ui-btn.ui-checkbox-off:after,
#resBookNowAvailFirstRow div.ui-checkbox .ui-btn.ui-checkbox-on:after{
	background-color: teal;
	margin-left: -5px;
}

#TRBookNowLast span div.ui-checkbox{
	margin-left: -5px;
	}

	#TRBookNowLast span div.ui-checkbox .ui-btn.ui-checkbox-off:after,
	#TRBookNowLast span div.ui-checkbox .ui-btn.ui-checkbox-on:after{
		background-color: teal;
	}

#resBookNowAvailFirstRow td label,
#TRBookNowLast td span label{
	color:teal;
	font:bold 12px Arial;
	text-shadow:none;
	border: none;
}

#resCheckAvailability,
#ReservedTheseRooms,
#reservationBack,
#bookNowContinue{
	background: teal;
	color: #fff;
	box-shadow: 3px 3px #E8DBB7;
	text-shadow:none;
	transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-webkit-transition: background-color 1s;
}

#resCheckAvailability:hover,
#ReservedTheseRooms:hover,
#reservationBack:hover,
#bookNowContinue:hover{
    background-color: #58FAAC;
    color: rgb(1,75,66);
}
#resCheckAvailability{
	float: right;
}
.resBookNowAddOn{
	margin:0 auto;
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	.resBookNowAddOn tr{
		height:50px;
		}
		.resBookNowAddOn tr:nth-child(odd){
			background-color:rgba(111,172,104,.1);
		}
		.resBookNowAddOn td{
			border-width: 0 0 0 0;
			border-spacing: 0;
			border-color:#d2bd86;
			border-collapse: collapse;
			border-style: solid;
			padding:5px 5px 5px 13px;
			}
			.resBookNowAddOn td:nth-child(1){
				text-align:right;
				min-width:20px;
				max-width:280px;
				font-size:12px;
				}
				.resBookNowAddOn td:nth-child(1) input{
					margin-top:-15px;
				}
			.resBookNowAddOn td:nth-child(2){
				text-align:left;
				font:bold 16px Arial;
				}
				.resBookNowAddOn td:nth-child(2) a{
					color: teal;
				}

			.resBookNowAddOn td:nth-child(3){
				text-align:right;
				color: rgb(1,75,66);
				min-width: 75px;
			}
		.resBookNowAddOn div.ui-checkbox{
			margin-left: -10px;
		}	

.resBookBfast{
	margin:0 auto;
	/*border-width: 1px 1px 1px 1px;*/
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	
	.resBookBfast td{
		/*border-width: 0 0 1px 1px;*/
		border-width: 0 0 0 0;
		border-spacing: 0;
		border-color:#d2bd86;
		border-collapse: collapse;
		border-style: solid;
		padding:8px 8px 8px 13px;
		}	

.resFreeTreats{
	margin:0 auto;
	/*border-width: 1px 1px 1px 1px;*/
	font:bold 12px Arial;
	border-spacing: 0;
	border-collapse: collapse;
	}
	.resFreeTreats tr:nth-child(even){
		background-color:rgba(111,172,104,.1);
		}	
		.resFreeTreats td{
			/*border-width: 0 0 1px 1px;*/
			border-width: 0 0 0 0;
			border-spacing: 0;
			border-color:#d2bd86;
			border-collapse: collapse;
			border-style: solid;
			padding:7px 7px 7px 13px;
			}			
			.resFreeTreats td:nth-child(1){
				width:10px;
				text-align:left;
			}

.resFreeTreats .ui-radio input{
	margin-left: -10px;
}
.resComputations{
	margin:0 auto;
	border-width: 1px 1px 1px 1px;
	/*border-width: 0 0 0 0;*/
	font:bold 12px Arial;
	border-spacing: 0;
	border-collapse: collapse;
	}
	.resComputations tr:nth-child(even){
		background-color:rgba(111,172,104,.1);
		}	
		.resComputations td{
			border-width: 1px 1px 1px 1px;
			/*border-width: 0 0 0 0;*/
			border-spacing: 0;
			border-color:#d2bd86;
			border-collapse: collapse;
			border-style: solid;
			padding:7px 7px 7px 5px;
			}			
			.resComputations td:last-child{
				min-width: 85px;
				text-align:right;
			}
			.resComputations td:nth-child(1){
				//width:10px;
				text-align:left;
			}			
.confComputations{
	margin:0 auto;
	/*float:right;*/
	min-width: 280px;
	/*border-width: 1px 1px 1px 1px;*/
	border-width: 0 0 0 0;
	font-size: 14px;
	border-spacing: 0;
	border-collapse: collapse;
	}/*
	.confComputations tr:nth-child(1) td{ 
		 background: rgba(111,172,104,.3);
		 text-align:center;
		 font:bold 16px Arial;
		}*/
	.confComputations tr:nth-child(odd){
		background-color:rgba(192,192,192,.2);
		}
		.confComputations td{
			/*border-width: 1px 1px 1px 1px;*/
			border-width: 0 0 0 0;
			border-spacing: 0;
			border-color:#d2bd86;
			border-collapse: collapse;
			border-style: solid;
			padding:7px 7px 7px 13px;
			}			
			.confComputations td:last-child{
				min-width:70px;
				text-align:right;
			}
			.confComputations td:nth-child(1){
				//width:10px;
				text-align:left;
			}			
#reservationDetails{
	margin:0 auto;
	max-width:800px;
}
	#reservationDetails .ui-bar.ui-bar-a{
		/*background-color:#6fac68; 
		color:white;
		*/
		background-color: rgb(1,75,66);
		color:white;
		text-shadow:none;
	}

#GResDetails div.ui-checkbox label{
	color: teal;
}

#GResDetails div.ui-checkbox .ui-btn.ui-checkbox-off:after,
#GResDetails div.ui-checkbox .ui-btn.ui-checkbox-on:after{
	background-color: teal;
}

.roomDetailsTbl{
	margin-left:10px;
	max-width:550px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	.roomDetailsTbl td{
		border-width: 0 0 1px 1px;
		border-spacing: 0;
		border-color:#d2bd86;
		border-collapse: collapse;
		border-style: solid;
		padding:8px 8px 8px 13px;
		}
		.roomDetailsTbl td:nth-child(1){
			text-align:left;
			color: rgb(1,75,66);
			font-weight:bold
		}
		.roomDetailsTbl td:nth-child(2){
			text-align:right;
			font-weight:bold;
			max-width:80px;
		}
#satisfactionGuarantee{
	color: teal;
	white-space: normal;
	border:none;
	background-color: transparent;
	text-shadow: none;
	text-decoration: underline;
	box-shadow: none;
}


.ui-datepicker table{
	background-color: #EBEAEA;
	}
	.ui-datepicker .ui-datepicker-header{
		background-color: #68A776;
	}
	.ui-datepicker thead{
		background-color: #99CB82;
		color: rgba(0,0,0,0.5);
	    text-shadow: none;
	    font-weight: normal;
	}

	#ui-datepicker-div{
		width: 15em;
		background-color: #68A776;
		border-radius: 0;
	    padding-right: 1px;
	    padding-left: 1px;
	}
	#ui-datepicker-div .ui-datepicker-title{
		margin: 0 1em;
	}
	.ui-datepicker td{
		height: 1em;
		}
		.ui-datepicker td a{
			color: teal;
			font: bold 14px Arial;
			padding: 0.4em;
			text-align: center;
			text-shadow: none;
		}
		.ui-datepicker td a:hover{
			/*background-color: rgba(1,75,66,0.1);*/
			background-color: #58FAAC;
    		color: rgb(1,75,66);
		}

.ui-datepicker-current{ /* hide "Today" button on calendar*/
	display: none;
}

#resDatesAndDetails input#dateArrival,
#resDatesAndDetails input#dateDeparture{
	display:inline-block;
	width: 97px;
}


#resDatesAndDetails div.ui-input-text,
#resDatesAndDetails div.ui-select{
	box-shadow: none;
	margin-top: 0;
	background: rgba(111,172,104,.2);
  text-shadow: none;
  color: rgb(1,75,66);
  border-style: hidden;
}
#slimming div.ui-select{
	margin-left: 0;
}

.ui-focus{
	 -moz-box-shadow: none !important;
	 -webkit-box-shadow: none !important;
	 box-shadow: none !important;
}

/*select:focus, div.ui-select:focus div.ui-btn:focus,
select:active, div.ui-select:active, div.ui-btn:active{
	outline-color: red !important;
	outline: 0;
	background-image: none;
}

*:focus {
	outline: none;
}*/

#resDatesAndDetails .tblCheckInOut{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0;
	border-color:#d2bd86;
	border-collapse: collapse;
	border-style: solid;
	}
	#resDatesAndDetails .tblCheckInOut td{
		border-width: 0 0 1px 1px;
		border-spacing: 0;
		border-color:#d2bd86;
		border-collapse: collapse;
		border-style: solid;
		}

/*.ui-shadow{
	box-shadow: none !important;
	border: none !important;
	background: transparent !important;
}*/

#testBtnDiv div.ui-btn.ui-input-btn {
	color: red;
}

#divCovidTestAdd div.ui-btn.ui-input-btn{
	color: teal;
}

/* Room Details */
/* Rooms images pop-up alignment */

.QuantumVillaRooms-slideshow,
.WatersEdgeRooms-slideshow,
.LagoonSideRooms-slideshow,
.LagoonViewRooms-slideshow,
.PoolsideRooms-slideshow,
.OneBedroomRooms-slideshow,
.TwoBedroomRooms-slideshow,
.SpaRooms-slideshow,
.FamilyRooms-slideshow,
.RiverboatRooms-slideshow {
    text-align: center;
}

.QuantumVillaRooms-slideshow img,
.WatersEdgeRooms-slideshow img,
.LagoonSideRooms-slideshow img,
.LagoonViewRooms-slideshow img,
.PoolsideRooms-slideshow img,
.OneBedroomRooms-slideshow img,
.TwoBedroomRooms-slideshow img,
.SpaRooms-slideshow img,
.FamilyRooms-slideshow img,
.RiverboatRooms-slideshow img {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}