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

#CalendarControl table.month td{
	border:none;
	vertical-align:middle;
	font:bold 17px georgia,serif;
	}

#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:#ecead9;
	}

/* 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:normal 11px tahoma,verdana,sans-serif;
	text-transform:none;
	}

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

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

/* CALENDAR MENU (Sub Menu) */

#calendar-menu{
	display:none;
	margin-bottom:5px;
	}

#choose-calendars{
	margin:0px;
	padding:0px 0px 8px 0px;
	list-style:none;
	background:#fff url(/images/layout/bg-sub-ul.gif) no-repeat bottom left;
	width:185px;
	color:#3E3C30;
	}

/* Mozilla Only */
#choose-calendars:after{
    content:"."; 
    display:block; 
    height:0px; 
    clear:both; 
    visibility:hidden;
	}

#choose-calendars li{
	background:url(/images/layout/bg-sub-li.gif) repeat-y top left;
	padding:6px 8px 6px 12px;
	width:165px;
	position:relative;
	float:left;
	}

#choose-calendars li:first-child{

	}

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

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