/* @override 
	http://lesgrandesvignes/css/calendar.css
*/

/* Calendar */
.calendar {
	margin: 0 auto;
	padding: 0 0 1em 0px;
	width: 438px;
	clear: both;
	float: left;
}

/* Months */

.month_row {
	clear: both;
	overflow: hidden;
}

.month {
	float: left;
	width: 126px;
	/*height: 162px;*/
	margin: 10px 10px 0px 10px;
	display: inline;
}

.month p {
	margin: 0;
	text-align: center;
	line-height: 22px;
	font-weight: bold;
}

/* Days */

.day,
.day .label, 
.day .bg,
.dayofweek, 
.emptyday {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	font-size: 1em;
	text-align: center;
	line-height: 18px;
}

.day, .dayofweek, .emptyday {
	margin-bottom: 2px;
}

.day {
	overflow: hidden;
	position: relative;
}

/* Day border background */

.day .bg {
	position: absolute;
	top: -18px;
	left: -0px;
	border-left: 18px solid;
	border-bottom: 18px solid;
}

.day .label {
	position: absolute;
	top:  0;
	left: 0;
	z-index: 10;
}

/* Day of Week */

.dayofweek {
	background-color: #d7e8c8;
}

/* Colours */
.day .left_available { border-left-color: #fff; }
.day .right_available { border-bottom-color: #fff; }
.day .left_unavailable { border-left-color: #d2d2d2; }
.day .right_unavailable { border-bottom-color: #d2d2d2; }
.day .left_booked { border-left-color: #ff9e96; }
.day .right_booked { border-bottom-color: #ff9e96; }
.day .left_reserved { border-left-color: #f9d49c; }
.day .right_reserved { border-bottom-color: #f9d49c; }
.day .left_expired { border-left-color: #d7e8c8; }
.day .right_expired { border-bottom-color: #d7e8c8; }

/* Event Change */

.day .event_change {
	background: url(../images/calendar/calendar_change.png) no-repeat center center;
}

/* Legend */

.calendar_legend {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

.calendar_legend .key {
	float: left;
	padding-left: 1.5em;
	margin-right: 20px
}

.calendar_legend .key span {
	display: block;
	padding-left: 0.5em;
	background: #fff;
	line-height: 1.5em;
}

#unavailable_key { background: #d2d2d2; }
#booked_key { background: #ff9e96; }
#reserved_key { background: #f9d49c; }
#expired_key { background: #d7e8c8; }

/* Calendar Buttons */

#calendar_up, #calendar_down {
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

#calendar_up {
	padding-top: 13px;
	background: url(../image/layout/calendar_arrow_up.gif) no-repeat center top;
}

#calendar_down {
	padding-bottom: 13px;
	background: url(../image/layout/calendar_arrow_down.gif) no-repeat center bottom;
}