
.calendar .loading
{
	position: absolute;
	display: none;
	background: #595959;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	margin: 60px 0px 0px 8px;
}

.calendar .controls
{
	height: 30px;
}

.calendar .controls .current
{
	text-align: center;
	font-size: 20px;
	color: #3e3e3e;
}

.calendar .controls .previous
{
	float: left;
	background: url( '../images/calendar/arrow-left.gif' ) no-repeat left 5px;
	padding-left: 12px;
	line-height: 20px;
	cursor: pointer;
	color: #3e3e3e;
}

.calendar .controls .next
{
	float: right;
	background: url( '../images/calendar/arrow-right.gif' ) no-repeat right 5px;
	padding-right: 14px;
	line-height: 20px;
	cursor: pointer;
	color: #3e3e3e;
}

.calendar .cal-monthselect
{
	padding-top: 5px;
	text-align: center;
}

.calendar .cal-monthselect .monthselect
{
	width: 100px;
}

.calendar .cal-monthselect .yearselect
{
	width: 75px;
}

.calendar .cal-table
{
	width: 100%;
}

.calendar .cal-table td
{
	padding: 2px;
	width: 14.3%;
	vertical-align: top;
}

.calendar .cal-table .day-name
{
	background: url( '../images/calendar/day-name-bg.jpg' ) repeat-x #132d9d;
	border: 1px solid #7e8aba;
	padding: 3px;
	color: #fff;
	text-align: center;
}

.calendar .cal-table .day
{
	background: url( '../images/calendar/day-bg.jpg' ) repeat-x #d5dbf2;
	border: 1px solid #9fa9d1;
	height: 100px;
}

.calendar .cal-table .empty
{
	border: 1px solid #d1d5e7;
	background-color: #ffffff;
}

.calendar .cal-table .today
{
	background: url( '../images/calendar/today-bg.jpg' ) repeat-x #9ca6d1;
	border: 1px solid #9fa9d1;
}


.calendar .cal-table .day-number
{
	text-align: right;
	color: #3b3b3b;
	font-size: 16px;
}

#content .calendar .cal-table ul.events
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.calendar .cal-table ul.events li
{
	margin-left: 3px;
	margin-bottom: 2px;
	line-height: 12px;
	font-size: 11px;
}

#content .calendar .cal-table ul.events li.allday
{
	background: url( '../images/calendar/event-left.jpg' ) repeat-y;
	padding-left: 5px;
}

.calendar .cal-table ul.events li.multiday
{
	border: 1px solid #7e8aba;
	background-color: #aab3d9;
	padding: 2px;
}

.calendar .cal-table ul.events li.multiday .title
{
	font-weight: bold;
}

.calendar .cal-table ul.events li.allday .title
{	
	font-weight: bold;
}

.calendar .cal-table ul.events li .time
{	
	font-weight: bold;
}

