/* Calendar */

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

/* Months */

.month {
	float: left;
	width: 126px;
	height: 148px;
	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: 100;
}

/* Day of Week */

.dayofweek {

}

/* 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;
}

/* 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;
}