.calendar {
	font-size: 87%;
	width: 100%;
	margin-bottom: 1em;
	border-left: 1px solid #cccccc;
	border-top:  1px solid #cccccc;
}

.calendar th,
.calendar td {
	border-right:  1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
	width: 14%;
	padding-left:   0.4em;
	padding-right:  0.4em;
	padding-top:    0.2em;
	padding-bottom: 0.2em;
}

.calendar th {
	background: #f7f7f7;
}

.calendar td {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 110%;
}

.calendar .month-name {
	font-size: 130%;
}

.calendar .null-day {
	background: #e7e7e7;
}

.calender .booked-day {
	background: #ffffff;
}

.calendar .booked-day .day-number {
	color: #333333;
}

.calendar .booked-day .booking {
	color: #000000;
}

.calendar .unbooked-day {
	background: #efefef;
	color: #bbbbbb;
}

.calendar .day-number {
	color: #999999;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 150%;
}

.calendar .booking {
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
	padding-bottom: 0.2em;
	padding-right: 0.2em;
}