
/* Property Calendar */
#propertyCalendarSidebar {
	text-align:center;
}

#propertyCalendarSidebar .label {
	width: 65px;
}

#propertyCalendarSidebar .button {
	float:none;
	width:150px;
	margin:0 auto;
	background-color: #199CE3;
}

#propertyCalendarSidebar .button span {
	float:none;
	background-color: #199CE3;
}

#propertyCalendarSidebar p{text-align:left;margin:3px 0}

#pricingSummary.altered table {
	background: #ffb;
}

#pricingSummary table {
	margin: 5px 0;
	padding: 5px 5px;
	background: #fff;
	width: 293px;
	color: black;
}

#pricingSummary table {border-collapse:collapse}
#pricingSummary table tr td{line-height:18px}

#clearLink a{color:#54A120;float:right;margin-right:3px;margin-top:-20px}
#reservationSummary small{line-height:12px;display:block;margin-top:5px}

#propertyCalendar {
	width: 273px;
	height: 211px;
	background: white;
	margin-top: 5px;
}

#monthSelector {
	background: #fff;
	padding:2px;
}

#days {
	background: #ccc;
	list-style-type: none;
	padding: 0;
	color: black;
	border-bottom:1px solid #ccc;
	font-size:11px;
	display:block;
	float:left
}

#days li {
	display: inline;
	padding: 0px;
	float:left;
	width:39px
}

.day {
	cursor: pointer;
}

#calendarCells {
	background: white;
	list-style-type: none;
	padding: 0;
	color: black;
}

#calendarCells li {
	display: block;
	float: left;
	width: 38px;
	height: 28px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-right:1px solid #ccc;
	background: #fff;
}

#calendarCells li.day:hover{background:#ffb}

#calendarCells .day.selected, #calendarCells .day.selected:hover  {color:#fff;background:#54A120;cursor:default}
#calendarCells .day.selected .date{color:#fff}

#calendarCells li .date {
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	display: block;
	padding: 0px;
	color: #000000;
	margin-bottom:3px;
	padding-right:3px;
}

#calendarCells li .date.prev, #calendarCells li .date.next{color:#777}

#calendarCells .past {
	background: #FFF;
}

#calendarCells .past span {
	color: #CCC;
}

#calendarCells .sold {
	color: #600;
	font-size:10px
}

#calendarCells .day.na, #calendarCells .day.na:hover{
	/*background-color:#aaa*/
	background: transparent url(../../../images/cross.png) center center no-repeat;
}

#calendarCells .day.na:hover{
	cursor:default
}

#calendarCells .hoverDay {
	background: #F0F8EB;
}

#key {
	width:269px;
	background: white;
	padding: 2px;
	color: black;
	font-size:10px
}
.corner {
	display: none;
}

.ph .corner {
	display: block;
	width: 10px;
	background: transparent url(../images/calendarCorners.gif) no-repeat right;
	background-position: 0 0;
	float: left;
}

.sh .corner {
	width: 10px;
	display: block;
	background: transparent url(../images/calendarCorners.gif) no-repeat;
	background-position: -10px 0;
	float: left;
}

#ph, #sh{font-size:10px;float:left;margin:2px 5px 0 0}

#ph .swatch, #sh .swatch{background:transparent url(../images/calendarCorners.gif) no-repeat scroll 0 0;margin:0 3px 0 0;border:none;padding:1px 0;font-size:7px}
#sh .swatch{background-position:-10px 0}

#hoverInfo, #clickInfo {
	position: absolute;
	background: #ffb;
	padding:0;
	z-index: 999999;
	color: black;
	border:1px solid #999
}

*html #key label{line-height:18px;display:block;float:left}
#clickInfo{width:200px}
#clickInfo table{border-collapse:collapse}

#hoverInfo{width:150px;background:#e7f3f9;font-size:11px;text-align:center; margin-left:-25px;}
#hoverInfo table{border-collapse:collapse}
#hoverInfo td{text-align:center}

#clickInfo a.close{background:transparent url(../images/icons-sprite.png) no-repeat -20px 0px;display:block;text-indent:-9000px;width:14px;height:14px;float:right;color:#333;text-decoration:none;margin:3px 3px 0 0;outline:none}

#clickInfo .arrow-bottom{margin:0px 0 0 166px;position:absolute;background:transparent url(../images/icons-sprite.png) no-repeat 0 0;width:9px;height:6px;position:absolute;display:block}
*+html #clickInfo .arrow-bottom{margin-left:66px;}
*html #clickInfo .arrow-bottom{margin-left:66px}

#hoverInfo .arrow-bottom{margin:0px 0 0 116px;position:absolute;background:transparent url(../images/icons-sprite.png) no-repeat -10px 0;width:9px;height:6px;position:absolute;display:block;}
*+html #hoverInfo .arrow-bottom{margin-left:41px;}
*html #hoverInfo .arrow-bottom{margin-left:41px;}

#holidaySelect{font-size:11px;height:18px;border:1px inset #666; }

#prevCalLink a {
	float: left;
	padding: 0;
	color:#000;
	font-weight:bold;
	line-height:1.7em;
	text-align:left;
	margin:0 0 0 5px;
}

#nextCalLink a {
	float: right;
	padding: 0;
	color:#000;
	font-weight:bold;
	line-height:1.7em;
	margin:0 5px 0 0;
}

#monthSelect {
	float: left;
}

#monthSelect select {
	font-size:11px;width:110px;margin-left:40px;border:1px inset #666;height:18px
}

#clickInfo #calDays {
	width: 100px;
}

#disabledNotice {
	text-align: left;
	padding: 5px 5px 5px 5px;
	margin: 5px 0;
	background: #FFFFBB;
	color: #000000;
	width:264px;
}

#disabledNotice .info-icon {
	height: 65px;
}

#disabledNotice ul {
	padding: 0;
}

