/* CALENDAR STYLES */

.calendar {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

.calendarblankdays {
	background-color: #EEEEEE;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

.calendardays {
	background-color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

/* .calendartoday defined in global.css or global2.css */

th.calendar {
	font: 14px/30px bold Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

td.calendar {
	font: 12px/30px bold Arial, Helvetica, sans-serif;
}

.calendartext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.calendartext a{
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #001E51;
}

.calendartext a:hover{
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:  #001E51;
}

.calendardate {
	font: 10px Arial, Helvetica, sans-serif;
}

.calendardetailtext {
	font: 10px bold Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.calinfo
{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

a.calinfo:hover
{
	z-index:25;
	text-decoration: none;
}

a.calinfo span
{
	display: none;
}

/* THESE ARE BROWSER SPECIFIC CSS FOR a.calinfo:hover span */
.ie a.calinfo:hover span
{
    top: 0px; left: 50px;
}

.gecko a.calinfo:hover span
{
    top: -50px; left: 50px;
}

.safari a.calinfo:hover span
{
    top: -50px; left: 50px;
}

.opera a.calinfo:hover span
{
    top: -50px; left: 50px;
}


/* END BROWSER SPECIFIC CSS */

a.calinfo:hover span
{ /*the span will display just on :hover state*/
    display:block;
    width: 280px;
    padding: 5px;
    text-align: left;
    position: absolute;
    border: 1px solid #aba000;
    background-color:#fff799;
	color:#000;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	
}