@charset "utf-8";
.roombox { position:relative; width:43%; margin:auto; background-repeat:repeat-y; background-origin:padding-box; background-size:contain; margin:auto; border:2px solid rgb(115,0,0); border-radius:1.5em; box-shadow:0.5em 0.25em 1em #808080; text-align:center; }
.roomselbox { position:relative; width:95%; margin:auto; text-align:center; box-shadow:0.5em 0.25em 1em #808080; background-repeat:no-repeat; background-origin:padding-box; background-size:cover; border:2px solid rgb(115,0,0); border-radius:1.5em; }
.roomsel { width:43%; height:auto; overflow:hidden; margin:auto; }
.csi { background-color:black; background-image:url(img/csi-bg.png); }
.eff { background-color:black; background-image:url(img/escape-from-future-bg.png); }
.mi { background-color:black; background-image:url(img/mission-impossible-bg.png); }
.mole { background-color:black; background-image:url(img/the-mole-bg-800x600.jpg); }
.booknowbutt { width:11.23%; padding-top:3.13%; margin:auto; background-image:url(img/button-book-now.png); background-repeat:no-repeat; background-origin:padding-box; background-size:contain; }
.room-arrow-l, .room-arrow-l-dis, .room-arrow-r, .room-arrow-r-dis, .room-arrow-lb, .room-arrow-lb-dis, .room-arrow-rb, .room-arrow-rb-dis { width:5.64%; padding-top:10.85%; background-size:cover; background-repeat:no-repeat; background-origin:padding-box; display:inline-block; margin:2%; }
.room-arrow-l, .room-arrow-l-dis, .room-arrow-lb, .room-arrow-lb-dis { background-image:url(img/arrow-rooms-left-sprite.png); float:left; }
.room-arrow-r, .room-arrow-r-dis, .room-arrow-rb, .room-arrow-rb-dis { background-image:url(img/arrow-rooms-right-sprite.png); float:right; }
.room-arrow-l, .room-arrow-r, .room-arrow-lb, .room-arrow-rb { background-position:left top; }
.room-arrow-l-dis, .room-arrow-r-dis, .room-arrow-lb-dis, .room-arrow-rb-dis { background-position:left bottom; }
.room-arrow-lb, .room-arrow-lb-dis { position:absolute; left:0px; bottom:0px }
.room-arrow-rb, .room-arrow-rb-dis { position:absolute; right:0px; bottom:0px }
.calendar-arr-l, .calendar-arr-r, .calendar-arr-l-dis, .calendar-arr-r-dis { width:4.02%; padding-top:7.92%; background-size:contain; background-repeat:no-repeat; background-origin:padding-box; display:inline-block; }
.calendar-arr-l { float:left; background-image:url(img/arrow-left.png); }
.calendar-arr-l-dis { float:left; background-image:url(img/arrow-left-disabled.png); }
.calendar-arr-r { float:right; background-image:url(img/arrow-right.png); }
.calendar-arr-r-dis { float:right; background-image:url(img/arrow-right-disabled.png); }
#calendarwindow { width:40%; height:auto; padding-bottom:2em; overflow:hidden; margin:auto; }
#calendarcontainer { width:400%; margin-left:0%; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; }
.calendarboxcontainer { width:25%; display:inline-block; overflow:hidden; padding:2em 0; float:left; }
.calendarbox, .paybox, .mapbox { position:relative; width:95%; height:auto; background-image:url(img/calendarbox-bg.png); margin:auto; border:2px solid rgb(115,0,0); border-radius:1.5em; box-shadow:0.5em 0.25em 1em #808080; font-family:"Times New Roman", Times, serif; font-size:1em; padding:1%; text-align:center; display:inline-block; }
.paybox { width:40%; }
.mapbox { width:600px }
.calendar, .paydisplay { width:70%; height:auto; margin:1em auto 0 auto; border:1px solid rgb(115,0,0); border-radius:0.5em; background-image:url(img/calendar-bg.png); background-size:contain; background-repeat:repeat-y; }
.paydisplay { width:80%; background-image:none; background-color:white; }
.monthlabel { width:45%; height:auto; margin:auto; border:1px solid rgb(115,0,0); border-radius:0.5em; background-color:white; font-weight:bold; font-size:1.2em; display:inline-block; }
.daylabel { width:12%; display:inline-block; }
.calendarline { width:100%; height:2.5em; display:inline-block; }
.daybox, .todaybox { width:12%; padding:0.5em 0; border:1px solid grey; border-radius:0.25em; display:inline-block; }
.todaybox { border:2px solid rgb(115,0,0); }
.slotsbox { position:absolute; left:0px; top:0px; width:99.5%; padding:1em 0; background-image:url(img/calendarbox-bg.png); border:2px solid rgb(115,0,0); border-radius:1.5em; z-index:-1; opacity:0.0; transition:all 500ms; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; font-family:"Times New Roman", Times, serif; font-size:1em; }
.slots { width:90%; margin:auto; border:1px solid rgb(115,0,0); border-radius:0.5em; padding:0.5em; background:white; display:inline-block; }
.slotsline { position:relative; width:100%; }
.slottime {  width:30%; display:inline-block; font-weight:bold; padding:0.5em 1em; text-align:right; float:left; }
.slotstatus {  width:50%; display:inline-block; padding:0.5em 0; text-align:left; float:right; }
.slotstatus a:link, .slotstatus a:active, .slotstatus a:visited { color:green; text-decoration:underline; }
.slotstatus a:hover { color:lime; text-decoration:underline; text-shadow:2px 2px 2px #730000; }
.slotdismiss { width:100%; display:inline-block; color:rgb(115,0,0); text-decoration:underline; }
.continuecontainer { width:40%; margin:auto; text-align:center; }
.continuebutt, .cancelbutt { width:23.73%; padding-top:7.81%; display:inline-block; background-repeat:no-repeat; background-origin:padding-box; background-size:contain; }
.continuebutt { background-image:url(img/button-continue.png); float:left; }
.cancelbutt { background-image:url(img/button-cancel.png); float:right; margin:0 }
.wait-spinner { width:7.38%; padding-top:12.51%; background-size:contain; background-repeat:no-repeat; background-origin:padding-box; animation:wait; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear; background-image:url(img/padlock-paypal.png); display:inline-block; }
#applydisc a:link, #applydisc a:active, #applydisc a:visited { color:black; text-decoration:none; font-size:0.9em; }
#applydisc a:hover { color:orange; text-decoration:underline }
.giftslideron, .giftslideroff { width:400%; margin-left:0; }
.giftslideron { transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; }
.textinputlg, .textinputsm { width:80%; height:1.5em; border:2px solid rgb(115,0,0); border-radius:0.5em; background-image:url(img/input-bg.png); padding:0.1em; font-size:1em; font-family:Arial, Helvetica, sans-serif; }
.textinputsm { width:40%; }
.continuecontainer { width:40%; margin:auto; text-align:center; }
.continuebutt, .cancelbutt { width:23.73%; padding-top:7.81%; display:inline-block; background-repeat:no-repeat; background-origin:padding-box; background-size:contain; }
.continuebutt { background-image:url(img/button-continue.png); float:left; }
.cancelbutt { background-image:url(img/button-cancel.png); float:right; margin:0 }
.maplg { border:2px solid rgb(115,0,0); width:500px; height:400px }
.maplinks a:link, .maplinks a:active, .maplinks a:visited { color:rgb(51,102,187); text-decoration:none; background:white; }
.maplinks a:hover { color:blue; text-decoration:underline; }
#finduscontainer { text-align:center; color:white; }
@keyframes wait {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
@media screen and (max-width: 1680px){
	#calendarwindow { width:50%; }
	.paybox { width:50% }
	.roombox, .roomsel { width:45%; }
	.booknowbutt { width:13.48%; padding-top:3.76%; }
}
@media screen and (max-width: 1366px){
	.roomdetailscontainer { width:75%; }
	.roombox, .roomsel { width:60%; }
	.booknowbutt { width:14.6%; padding-top:4.07%; } 
	.blurbcontainer { width:90% } */
}
@media screen and (max-width: 1280px){
	#calendarwindow { width:65%; }
	.continuecontainer, .paybox { width:60%; }
	.roomdetailscontainer { width:85%; }
	.roombox, .roomsel { width:65%; }
	.booknowbutt { width:16.85%; padding-top:4.7%; }
	.blurbcontainer { width:100% }
}
@media screen and (max-width: 1024px){
	#calendarwindow { width:85%; }
	.continuecontainer, .paybox { width:70%; }
	.paydisplay { width:90%; }
	.roombox, .roomsel { width:80%; }
	.booknowbutt { width:22.46%; padding-top:6.26%; }
	.blurbcontainer { font-size:0.9em }
	.email { display:none }
	.emailbroken { display:inline }
	.roomselbox { padding-bottom:0.5em; }
}
@media screen and (max-width: 800px){
	#mainpage { width:99%; }
	#calendarwindow { width:100%; }
	.continuecontainer, .paybox { width:75%; }
	.roombox, .roomsel { width:84%; }
	.booknowbutt { width:28.08%; padding-top:7.83%; }
	.mapbox { width:400px }
	.maplg { border:2px solid rgb(115,0,0); width:325px; height:280px }
}
@media screen and (max-width: 600px){
	#mainpage { width:100%; }
	.calendar { width:80%; }
	.continuecontainer, .paybox { width:80%; }
	.roombox, .roomsel { width:90%; }
	.booknowbutt { width:29.2%; padding-top:8.14%; }
	#privacy { width:90%; margin-left:0 }
	#about { float:right }
}
@media screen and (max-width: 480px){
	.calendarbox { font-size:0.7em; }
	.calendar { width:95%; }
	.continuecontainer, .paybox { width:85%; }
	.continuebutt, .cancelbutt { width:35.60%; padding-top:11.72%; }
	.paybox { font-size:0.9em; }
	.roombox, .roomsel { width:95%; }
	.booknowbutt { width:37.06%; padding-top:10.33%; }
	.mapbox { width:300px; margin-left:-2% }
	.maplg { border:2px solid rgb(115,0,0); width:300px; height:280px }
}
@media screen and (max-width: 320px){
	.calendar { width:100%; }
	.calendarbox { font-size:0.6em; }
	.todaybox { border:1px solid rgb(115,0,0); }
	.continuecontainer, .paybox { width:90%; }
	.booknowbutt { width:39.31%; padding-top:10.96%; }
	#about { width:80%; float:left }
	.roomsel { width:100%; }
}