/* HTML EXAMPLE */

/*
<table id="CalendarControl" cellspacing="0" cellpadding="4" rules="all" border="0" border="0" style="border-width:0px;width:100%;border-collapse:collapse;">
	<tr>
		<td colspan="7" style="background-color:#F3F3EA;">
			<table class="month" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;">
				<tr>
					<td class="nav" style="width:15%;"><a href="javascript:__doPostBack('_ctl2$CalendarControl','V3257')" style="color:Black">December</a></td>
					<td align="Center" style="width:70%;">January 2009</td>
					<td class="nav" align="Right" style="width:15%;"><a href="javascript:__doPostBack('_ctl2$CalendarControl','V3319')" style="color:Black">February</a></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td class="day" align="Center">Sun</td>
		<td class="day" align="Center">Mon</td>
		<td class="day" align="Center">Tue</td>
		<td class="day" align="Center">Wed</td>
		<td class="day" align="Center">Thu</td>
		<td class="day" align="Center">Fri</td>
		<td class="day" align="Center">Sat</td>
	</tr>
	<tr>
		<td class="blur" align="Center" style="width:14%;"><h2>28</h2></td>
		<td class="blur" align="Center" style="width:14%;"><h2>29</h2></td>
		<td class="blur" align="Center" style="width:14%;"><h2>30</h2></td>
		<td class="blur" align="Center" style="width:14%;"><h2>31</h2></td>
		<td class="date" align="Center" style="width:14%;"><h2><a href="javascript:eventDetails('1.1.2009')">1</a></h2></td>
		<td class="date" align="Center" style="width:14%;"><h2><a href="javascript:eventDetails('1.2.2009')">2</a></h2></td>
		<td class="date" align="Center" style="width:14%;"><h2><a href="javascript:eventDetails('1.3.2009')">3</a></h2></td>
	</tr>
</table>
*/

#CalendarControl{
	background-color:#fff;
	font:normal 11px tahoma,sans-serif !important;
	}

#CalendarControl a{
	border-bottom:none !important;
	}

#CalendarControl td{
	width:14%;
	vertical-align:top;
	padding:4px;
	}

/* MONTH, AND MONTH SELECTION */

#CalendarControl table.month{
	border:none;
	background-color:#f3f3ea;
	}

#CalendarControl table.month td{
	border:none;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	}

#CalendarControl table.month td.nav{
	vertical-align:middle;
	text-align:center;
	font:normal 11px tahoma,verdana,sans-serif;
	}

#CalendarControl table.month td.nav a{
	text-decoration:underline;
	}

#CalendarControl table.month td.nav a:hover{
	background:none;
	}

/* DAYS OF THE WEEK */

#CalendarControl td.day{
	border:none !important;
	text-align:center;
	font-weight:bold;
	height:auto;
	background-color:#f3f3ea;
	}

/* CURRENT DAYS OF THE MONTH */

#CalendarControl td.date, #CalendarControl td.blur, #CalendarControl td.today{
	border:1px solid #ccc;
	border-collapse:collapse;
	height:93px;
	}

/* PAST OR FUTURE DAYS (NOT IN CURRENT MONTH) */

#CalendarControl td.blur{
	color:#aaa;
	background-image:url(/images/calendar/blur.gif);
	}

/* THE CURRENT DAY */

#CalendarControl td.today{
	background-color:#FEFFDE;
	}

/* DAY NUMBER */

#CalendarControl h2{
	margin:0px;
	font-weight:normal;
	font-size:11px;
	text-align:right;
	}

#CalendarControl h2 a{
	color:#000;
	text-decoration:none;
	}

#CalendarControl h2 a:hover{
	text-decoration:underline;
	background:none;
	}

#CalendarControl td.blur h2{
	color:#aaa;
	}

/* EVENT */

#CalendarControl div{
	padding:4px;
	margin-top:4px;
	background-color:#eee;
	}

/* EVENT TITLE */

#CalendarControl h3{
	margin:0px;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	}

#CalendarControl h3 a{
	color:#000;
	text-decoration:none;
	}

#CalendarControl h3 a:hover{
	text-decoration:underline;
	background:none;
	}

/* Calendar Menu */

#calendar-menu{
	display:none;
	}

#calendar-menu h2{
	margin-bottom:.8em !important;
	}

#choose-calendars{
	list-style:none;
	margin:0px;
	padding:0px !important;
	}

#choose-calendars li{
	margin:4px 0px 0px 0px;
	padding:0px;
	}

#choose-calendars li:first-child{
	margin-top:0px;
	}

#choose-calendars li img{
	vertical-align:middle;
	width:12px;
	height:13px;
	cursor:pointer;
	}

#choose-calendars li span{
	vertical-align:middle;
	padding-left:4px;
	}