.cal_control {
	width: 14em;
	font-size: 80%;
	position: relative;
	}
.cal_control a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 2px 1px;
	}
.cal_control a:hover {
	background-color: #eee;
	color: #000;
	}
.cal_control .calendar_title {
	background-color: #eef;	
}
.cal_control th {
	background-color: #eef;
}
.cal_control td {
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.cal_control table td {
	border: 0;
	}
.cal_control a.othermonth {
	color: #999;
}
.msl_calendar_item{
    position:relative;
    z-index: 24;
	}

.msl_calendar_item:hover{
	border: 0;
    z-index: 25;
	/*You have to set something for hover to fire in IE it seems... */
	}

.msl_calendar_item span{
	display: none;
	}

.msl_calendar_item:hover span{
    display:block;
    position:absolute;
    top:1em; 
    left: 0em; 
    width:15em;
	text-decoration: none;
    padding: 5px;
    border:1px solid #999;
    background-color: #ccc;
    color: #000;
    text-align: left;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.msl_calendar_item dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.msl_calendar_item dd {
	margin: 0;
	padding: 0;
}
.calendar_title td {
	background-color: #ccc;
	font-size: 100%;
}