.mod-cal-outer {
	position: relative;
	padding: 4px;
}

.mod-cal-inner {
	position: relative;
	padding: 10px 0 0 15px;
	width: 550px;
	height: 222px;
}

.mod-cal {
	position: relative;
}

.mod-cal .datepick-month {
	float: left;
	display: inline;
	width: 250px;
}
.rtl .mod-cal .datepick-month {
	float: right;
}

.mod-cal .datepick-month-header {
	*width: 240px;
	height: 27px;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.2em;
}

.mod-cal .datepick-month.first .datepick-month-header {
	padding-left: 35px;
}
.rtl .mod-cal .datepick-month.first .datepick-month-header {
	padding-left: 0px;
	padding-right: 35px;
}

.mod-cal .datepick-month-row {
	width: 545px;
	overflow: hidden;
}

.rtl .mod-cal .datepick-month-row .first{
	float: right;
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px;
	margin-left: 5px;
	padding-left: 15px;
	border-left: 1px solid #CCC;
}

.mod-cal .datepick-month-row .first {
	margin-right: 5px;
	padding-right: 15px;
	border-right: 1px solid #CCC;
}

.mod-cal .datepick-nav {

}

/* BEGIN NEW BUTTON STYLES */

.mod-cal .datepick-nav {
	position: absolute;
	width: 515px;
	top: -10px;
}


a.datepick-cmd::-moz-focus-inner {
	padding: 0px;
	border: 0px;
}


.rtl .caw-wrap a.datepick-cmd-next {
	float: left;
	background: url("/etc/designs/fourseasons/img/buttons/global/btn-keyline-arrow-left.png") no-repeat center 7px;
	background-color: #666;
}

.rtl .caw-wrap a.datepick-cmd-prev {
	float: right;
	margin-left: 0px !important;
	margin-right: 20px;
	background: url("/etc/designs/fourseasons/img/buttons/global/btn-keyline-arrow-right.png") no-repeat center 7px;
	background-color: #666;
}


.caw-wrap a.datepick-cmd-next {
	float: right;
	background: url("/etc/designs/fourseasons/img/buttons/global/btn-keyline-arrow-right.png") no-repeat center 7px;
}

.caw-wrap a.datepick-cmd-prev {
	float: left;
	background: url("/etc/designs/fourseasons/img/buttons/global/btn-keyline-arrow-left.png") no-repeat center 7px;
}

.caw-wrap a.datepick-cmd-next, .caw-wrap a.datepick-cmd-prev {
	display: inline-block;
	cursor: pointer;
	padding: 2px;
	background-color: #666;
	height: 25px;
	width: 24px;
	margin: 0px;
	text-align: center;
	text-indent:-9999px;
}
.caw-wrap a.datepick-cmd-prev {
	margin-left: 20px !important;
}

.caw-wrap a.datepick-cmd-next:hover, .caw-wrap a.datepick-cmd-prev:hover {
	background-color: #999;
}

a.datepick-cmd.datepick-disabled {
	background-color: #CCC !important;
}

.arrow-container img {
	margin-top: 5px;
}

.datepick-cmd:hover .arrow-container {
	background: none;
}

.datepick-cmd .arrow-container {
	position: relative;
	background-color: #666;
	height: 25px;
	width: 24px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.datepick-cmd:hover .arrow-container{
	background-color: #999;
}

/* END NEW BUTTON STYLES */

.mod-cal table {
	margin-left: 20px;
}
.rtl .mod-cal table {
	margin-left: 0px;
	margin-right: 20px;
}

.mod-cal thead th,
.mod-cal tbody td *{
	padding: 6px 5px;
	text-align: center;
	font-size: 12px;
}

.mod-cal thead th {
	padding: 0;
}
.mod-cal thead th span {
	border: 1px solid #CCC;
	border-width: 1px 0;
	display: block;
	margin-bottom: 3px;
	line-height: 27px;
	color: #000;
	font-size: 12px;
}

.mod-cal tbody td * {
	display: block;
	line-height: 14px;
	padding: 3px 7px 3px;
}

.mod-cal tbody td span {
	color: #999;
	line-height: 14px;
	padding: 4px 8px 4px;
	display: block;
	margin: 1px 1px;
}

.mod-cal tbody td a {
	background-color: #FFF;
	border: solid 1px #C7C9C9;
	color: #333;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 1px 1px;
}

.mod-cal .datepick-selected {
	background-color: #FF8313;
	border: solid 1px #FF8313;
	color: #FFF;
	font-weight: 700;
	margin: 1px 0px;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* date picker */
.calendar-picker {
	background:#fff url("/etc/designs/fourseasons/img/buttons/global/forms-ui.png") no-repeat 158px center;
}

.calendar-picker-wrap {
	position: absolute;
	display: none;
	z-index: 100;
}

.calendar-picker-wrap iframe {
	display: none;
}

.calendar-picker-wrap .datepick-popup {
	top: 0 !important;
	left: 0 !important;
	position: relative !important;
}

.calendar-picker-wrap .datepick-ctrl {
	display: none !important;
}

.calendar-error {
	color: #FF3333;
}

/*** new styles ***/

.mod-cal .datepick-highlight-avail {
	background-color: #E5E5E5;
	color: #666;
	font-weight: normal;
	border: solid 1px #C7C9C9;
}

.mod-cal .datepick-selected.datepick-highlight-avail {
	border: solid 1px #FF8313;
}

.mod-cal .datepick-restricted {
	border: solid 2px #F73F30;
	padding: 2px 6px;
}

.datepick-cmd.datepick-disabled .arrow-container{
	background-image: none;
	background-color: #CCC !important;
}
.caw-message {
	display: none;
	width: 495px;
	line-height: 17px;
	padding-bottom: 10px;
	font-size: 13px;
	color: #333;
}
.ltr .caw-message {
	margin-top: -10px;
	margin-left: 39px;
}
.rtl .caw-message {
	margin-top: -5px;
	margin-right: 39px;
}
.ltr .mod-booker-booking-flow .caw-message {
	margin-top: -18px;
	margin-left: 71px;
}
.rtl .mod-booker-booking-flow .caw-message {
	margin-top: -13px;
	margin-right: 71px;
}
.ltr #edit-booking-date-content .mod-booker-booking-flow .caw-message {
	margin-top: 5px;
	margin-left: 51px;
}
.rtl #edit-booking-date-content .mod-booker-booking-flow .caw-message {
	margin-top: 0px;
	margin-right: 51px;
}
.booking-key {
	display: none;
}
.booking-avail-failed {
	display: none;
	line-height: 15px;
	font-size: 11px;
	color: #333;
}
.booking-avail-error {
	font-size: 11px;
	color: #C00;
}
.ltr .booking-key,
.ltr .booking-avail-failed,
.ltr .booking-avail-error{
	margin-left: 39px;
}
.rtl .booking-key,
.rtl .booking-avail-failed,
.rtl .booking-avail-error{
	margin-right: 39px;
}
.ltr .mod-booker-booking-flow .booking-key,
.ltr .mod-booker-booking-flow .booking-avail-failed,
.ltr .mod-booker-booking-flow .booking-avail-error{
	margin-left: 71px;
}

.ltr #edit-booking-date-content .mod-booker-booking-flow .booking-key,
.ltr #edit-booking-date-content .mod-booker-booking-flow .booking-avail-failed,
.ltr #edit-booking-date-content .mod-booker-booking-flow .booking-avail-error{
	margin-left: 51px;
}
.rtl #edit-booking-date-content .mod-booker-booking-flow .booking-key,
.rtl #edit-booking-date-content .mod-booker-booking-flow .booking-avail-failed,
.rtl #edit-booking-date-content .mod-booker-booking-flow .booking-avail-error{
	margin-right: 51px;
}
.rtl .mod-booker-booking-flow .booking-key,
.rtl .mod-booker-booking-flow .booking-avail-failed,
.rtl .mod-booker-booking-flow .booking-avail-error{
	margin-right: 71px;
}
.ltr .room-available,
.ltr .room-not-available {
	float: left;
	padding-left: 23px;
	margin: 5px 20px 5px 0px;
}

.ltr .room-restricted {
	float: left;
	padding-left: 25px;
	margin: 5px 20px 5px 0px;
}

.rtl .room-available,
.rtl .room-not-available {
	float: right;
	padding-right: 23px;
	margin: 5px 0px 5px 20px;
	padding-left: 25px;
	background-position-x: 100%;
}

.rtl .room-restricted {
	float: right;
	padding-right: 25px;
	padding-left: 25px;
	margin: 5px 0px 5px 20px;
	background-position-x: 100%;
}

.room-available,
.room-not-available,
.room-restricted {
	display: inline-block;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	color: #000;
}
.room-available {
	background: url("/etc/designs/fourseasons/img/icons/global/ico-room-available.png") no-repeat left top;
}

.room-not-available {
	background: url("/etc/designs/fourseasons/img/icons/global/ico-room-unavailable.png") no-repeat left top;
}

.room-restricted {
	background: url("/etc/designs/fourseasons/img/icons/global/ico-room-restricted.png") no-repeat left top;
}

.rtl .room-available {
	background: url("/etc/designs/fourseasons/img/icons/global/ico-room-available.png") no-repeat right top;
}

.rtl .room-not-available {
	background: url("/etc/designs/fourseasons/img/icons/global/ico-room-unavailable.png") no-repeat right top;
}

.rtl .room-restricted {
	background: url("/etc/designs/fourseasons/img/icons/global/ico-room-restricted.png") no-repeat right top;
}

.booking-avail-cache-wrap {
	width: 495px;
}
.booking-avail-cache-time {
	font-size: 10px;
	color: #666;
	height: 15px;
}
.ltr .booking-avail-cache-wrap {
	clear: left;
}
.rtl .booking-avail-cache-wrap {
	clear: right;
}
.ltr .booking-avail-cache-time {
	float: right;
}
.rtl .booking-avail-cache-time {
	float: left;
}

/* test */



@media screen and (max-width: 825px) {
	.mod-cal .datepick-month-row {
		width: 505px;
	}
	.mod-cal .datepick-nav {
		width: 505px;
		top: -10px;
	}
	.mod-cal-inner {
		padding: 10px 0 0 0px;
		width: 500px;
	}
	.mod-cal table {
		margin-left: 10px;
	}
	.caw-wrap a.datepick-cmd.datepick-cmd-next {
		margin-right: 15px;
	}
	.caw-wrap a.datepick-cmd-prev {
		margin-left: 10px !important;
	}
	.mod-cal .datepick-month.first .datepick-month-header {
		padding-left: 25px;
	}
}