/* divs */

.calendar-container {
	width: 40%;
	float: right;
}
.calendar_events {
	width: 50%;
	float: left;
	margin: 0px auto 12px;
	min-height: 32px;
}

.calendar_loader {
	background-image: url(/library/images/ajax-loader.gif);
	width: 32px;
	height: 32px;
	margin: 32px;
}

/* calendar */

.calendar * {
	font-size: 12px;
}

.calendar {
	margin: 12px 0px 0px;
	width: 100%;
	border-collapse: collapse;
	border: none;
}
.calendar td {
	border: 1px solid #999;
	width: 14%;
	text-align: center;
	cursor: default;
	margin: 0px;
	padding: 0px;
}
.calendar td,
.calendar a {
	height: 32px;
	line-height: 32px;
}
.calendar a,
.calendar span {
	display: block;
}
.calendar a,
.calendar a:hover {
	text-decoration: none;
	cursor: pointer;
}
.calendar span,
.calendar span a {
	height: 28px;
	line-height: 28px;
}
.calendar .month_row td,
.calendar .month_row td:hover {
	border: none;
}
.calendar .month_row td:hover {
	background-color: #eb2c22;
}
.calendar .month a {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}
.calendar .prev a,
.calendar .next a {
	background-position: center;
	background-repeat: no-repeat;
}
.calendar .prev a {
	background-image: url(/library/images/arrow_prev.gif);
}
.calendar .next a {
	background-image: url(/library/images/arrow_next.gif);
}
.calendar .prev a:hover,
.calendar .next a:hover {
	background-color: #137DC2;
}
.calendar .day_row {
	border: 1px solid #999;
}
.calendar .day_row td,
.calendar .day_row td:hover {
	border: none;
}
.calendar .day_row td {
	font-size: 10px;
	height: 15px;
	line-height: 15px;	
}
.calendar .event a,
.calendar .selected a {
	font-weight: bold;
}

/* legend */

.calendar_legend {
	margin: 6px 0px 0px;
	float: left;
}

.calendar_legend div {
	float: left;
	margin: 0px 12px 0px 0px;
}

.calendar_legend span {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	overflow: hidden;
	margin: 5px 5px 0px;
}

.calendar_legend p {
	float: left;
	margin: 0px 0px 12px;
}

.calendar_legend span.today {
	width: 6px;
	height: 6px;
}

/* colours */

.calendar span {
	border: 2px solid #dd9b2e;
}
.calendar .month_row {
	border: 1px solid #dd9b2e;
}

.calendar .month_row td,
.calendar .month_row td:hover {
	background-color: #dd9b2e;
	background-image: url(/library/images/calendar_back.gif);
	background-repeat: repeat-x;
}

.calendar .month_row td.prev:hover,
.calendar .month_row td.next:hover {
	background-position: left bottom;
}

.calendar .prev a:hover,
.calendar .next a:hover {
background-color: #dd9b2e;
}

.calendar .day_row td,
.calendar .day_row td:hover {
	background-color: #eee;
}

.calendar td,
.calendar_legend span {
	background-color: #fff;
}

.calendar td:hover,
.calendar_legend span.today:hover {
	background-color: #f2f2f2;
}

.calendar .event a,
.calendar_legend span.event {
	background-color: #DE9B12;
	color: #fff;
}

.calendar .event a:hover,
.calendar_legend span.event:hover {
	background-color: #F7BB3F;
	color: #ffffff;
}

.calendar .selected a,
.calendar_legend span.selected {
	background-color: #407962;
	color: #ffffff;
}

.calendar span,
.calendar_legend span.today {
	border: 2px solid #DE9B12;
}