/* Main table */
table.calendar  				{	padding:0px; margin:0px; 	} 

/* Table headers (top two rows) */
table.calendar th				{	padding:0px; margin:0px; border-collapse:collapse;
									text-align:left; font-size:14px; vertical-align:top;}

/* Table cells - all the individual days */
table.calendar td				{	padding:0px; margin:0px; border:solid 1px #999999;  
									font-size:11px; vertical-align:top; width:120px; height:100px;}

/* The month/Year title box */
table.calendar th.calTitle		{	background-color:#000066; color:#FFFFFF;  
									padding:2px 2px 2px 5px; width:72% }
									
/* Blank boxes with no day numbers */									
table.calendar td.clear			{	border:solid 1px #CCCCCC; background-color:#F0F0F0;}  

/* The day names row */
table.calendar tr.topRow th		{	padding:2px; border:solid 1px #CCCCCC; background-color:#666666;  
									color:#FFFFFF; text-align:center; border-collapse:collapse; 
									width:116px;  font-size:11px;}

/* The month navigation buttons */
table.calendar th a				{	display:block; padding:2px 8px 2px 8px; background-color:#FFFFFF; 
									border:solid 1px #000066; color:#000066; text-decoration:none; text-align:center;}
table.calendar th a:hover		{	background-color:#000066; border:solid 1px #CCCCCC; color:#FFFFFF;}

/* Used for inactive This Month button */
table.calendar th span			{	display:block; padding:2px 8px 2px 8px; background-color:#FFFFFF; 
									border:solid 1px #CCCCCC; color:#CCCCCC; text-align:center;} 

/* Use if you want to style the today box differently */
table.calendar .today 			{	background-color:#DEDEFA;}

/* Individual day numbers div */
table.calendar div.dayNumber	{	font-size:10px; text-align:right; padding:2px 3px 2px 0px; 
									background-color:#DDDDDD; font-weight:normal; color:#666666; 
									border-bottom:solid 1px #999999;}
									
/* Day number for the today box */
table.calendar 
.today div.dayNumber			{	font-size:10px; text-align:right; padding:2px 3px 2px 0px; 
									background-color:#5E7CFE; font-weight:bold; color:#FFFFFF; 
									border-bottom:solid 1px #999999;}
									
/* Generic style used for all the events */
table.calendar div				{	font-size:10px; text-align:left; font-weight:normal; color:#666666; 
									border-bottom:solid 1px #CCCCCC;}
/* Any day with no event */
table.calendar div.none			{	font-size:10px; text-align:center; font-weight:normal; color:#CCCCCC; 
									border-bottom:none; padding-top:10px;}

/* Alternate colours for events */
table.calendar a.col0			{	background-color:#F9F9FD; display:block; padding:2px 2px 4px 2px;}
table.calendar a.col0:hover		{	background-color:#333333; color:#FFFFFF}
table.calendar a.col0:hover strong	{ text-decoration:none;}
table.calendar a.col1			{	background-color:#F0F0FA; display:block; padding:2px 2px 4px 2px;}
table.calendar a.col1:hover		{	background-color:#333333; color:#FFFFFF}
table.calendar a.col1:hover strong	{ text-decoration:none;}