
/* Style sheet for the silver calendar (default) */
/* 	Cal1 = Work - blue
   	Cal2 = Birthdays - green
	Cal3 = Home / Google - red
	Cal4 = Bank Holidays - brown
*/
table, td {font: 11px Verdana, Arial, sans-serif; color: #000;}
#calendar { margin: 0 auto; text-align: center; }

/* Month View */

.monthback		{ background-color: #A1A5A9; }
.monthreg		{ background-color: #fff; height: 105px; width: 105px; _width:150px; text-align: left; vertical-align: top; }
.monthoff		{ background-color: #F2F2F2; height: 105px; width: 105px; _width:150px; text-align: left;  vertical-align: top; }

/* Highlight Today */
.monthon		{ background-color: #FFFFC2; height: 105px; width: 105px; _width:150px; text-align: left;  vertical-align: top; }

/* Background of days at top of table */
.dateback		{ background-color: #eee; }

span.psf			{ color: #aa0000; font-weight: bold; font-size: 12px;}
.monthoff span.psf  { color: #999; font-weight: bold; font-size: 12px; text-align: right;}

/* CSS definitions for fonts */

.V9BOLD, .V9-1, .V9-2, .V9-3, .V9-4 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.V9BOLD         { font-size: 9px; font-weight: 900; }

/* Full day backgrounds */
.V10-1, .V10-2, .V10-3, .V10-4 { padding: 2px 0; text-align: center; color: #fff; }
.V10-1 { background-color: #3366CC; }
.V10-2 { background-color: #53A062; }
.V10-3 { background-color: #D42020; }
.V10-4 { background-color: #B08B59; }

/* events */
.V9-1  { color: #3366CC; }
.V9-2  { color: #53A062; }
.V9-3  { color: #D42020; }
.V9-4  { color: #B08B59; }

/* Setting opacity of monthoff elements of the above 2 sections */
.monthoff .V10-1, .monthoff .V10-2, .monthoff .V10-3, .monthoff .V10-4,
.monthoff .V9-1, .monthoff .V9-2, .monthoff .V9-3, .monthoff .V9-4 { opacity: 0.5; filter: alpha(opacity=50); }

/* Event times */
span.evt-time { color: #0000AA; }

/* Event Description */
span.evt-desc { display: block; font-size: 9px; }

/* Format the legend */
#legend span  { font-weight: bold; }
#legend ul 	  { display: inline; padding-left: 5px; }
#legend ul li, ul#months li { display: inline; padding: 0 5px; }
#legend img   { vertical-align: bottom; margin-right: 5px; }
#img-1 { background-color: #3366CC; }
#img-2 { background-color: #53A062; }
#img-3 { background-color: #D42020; }
#img-4 { background-color: #B08B59; }

/* Categories */
.Vacation { background: #990099 url(images/color_swatch.gif) no-repeat scroll 12% 50%; }
.Calls { background: transparent url(images/telephone.gif) no-repeat scroll 95% 50%; } 

