/*------------ Calendar ----------------*/
td.majorMonth
{
	border-top: 3px solid #ccc;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 22px Tahoma, sans-serif;
}

td.minorMonth
{
	background: #ccc;
	border: 0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: 16px Tahoma, sans-serif;
}

td.minorMonth a {
	color: #888;
	text-decoration: none;
}

th.dayName {
	padding-top: 10px;
	width: 125px;
	font-variant: small-caps;
}

tr.dateNum
{
	background: #ddd;
	color: #333;
	font-size: 10px;
	height: 15px;
	text-align: right;
	vertical-align: middle;
}

tr.eventList
{
	color: #333;
	font-size: 9px;
	height: 85px;
	vertical-align: top;
}

tr.eventList td {
	border-left: 1px solid #ddd;
	padding-left: 3px;
	text-align: left;
}

/*------------ Rich HTML Balloon Tooltip ----------------*/
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 10px "Arial Narrow";
line-height: 18px;
z-index: 100;
background-color: white;
width: 230px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}