TABLE#calendar {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TABLE#calendar BODY {
	BACKGROUND-COLOR: #ffffff
}
TABLE#calendar CAPTION {
	FONT-WEIGHT: bold; FONT-SIZE: larger
}
TABLE#calendar A {
	FONT-WEIGHT: lighter; COLOR: #11568B; TEXT-DECORATION: none
}
TABLE#calendar TR#days TH {
	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #CCCCCC
}
TABLE#calendar TR#title TH {
	BORDER-RIGHT: #224 1px solid; BORDER-TOP: #224 1px solid; FONT-SIZE: 120%; BACKGROUND: #F0F0F0; BORDER-LEFT: #224 1px solid; COLOR: #000000; BORDER-BOTTOM: #224 1px solid
}
TABLE#calendar TD {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: top; BORDER-LEFT: #bbb 1px solid; WIDTH: 120px; COLOR: #000066; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 60px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
TABLE#calendar .day7 {
	BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: top; COLOR: #000066
}
TABLE#calendar TD A {
	DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 0px
}
TABLE#calendar TH A {
	FONT-WEIGHT: bold
}
TABLE#calendar A:link {
	
}
TABLE#calendar A:visited {
	
}
TABLE#calendar A:hover {
	COLOR: #000000
}
TABLE#calendar .day1 {
	FONT-WEIGHT: bold; VERTICAL-ALIGN: top
}
TABLE#calendar .day7 {
	FONT-WEIGHT: bold; VERTICAL-ALIGN: top
}
TABLE#calendar .blank {
	BORDER-RIGHT: #99a 1px solid; BORDER-TOP: #aab 1px solid; BACKGROUND: #ECEADD; BORDER-LEFT: #aab 1px solid; BORDER-BOTTOM: #aab 1px solid
}
TABLE#calendar .lastweek TD {
	BORDER-BOTTOM: #aab 2px solid
}
TABLE#calendar .today {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
TABLE#calendar P {
	BORDER-TOP: #666666 1px solid; FONT-SIZE: 70%; MARGIN: 0px; COLOR: #666666
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}