/* 
JWB: This is mainly a copy of Calendar.css but with 'cal_control' 
changed to 'msl_event_calendar', probably could be sorted. 
*/ /*

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



a.msl_event_calendar_item{
    position:relative;
    z-index: 24;
	}

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

.msl_event_calendar td span{
	display: none;
	}

.msl_event_calendar td:hover span{
    display:block;
    position:absolute;
    top:1em; 
    left: 0em; */ /* this is set as -12 in calendar.css but doesn't work in FF */ /*
    width:25em;
	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;
}
a.msl_event_calendar_item dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
a.msl_event_calendar_item dl dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
a.msl_event_calendar_item dd {
	margin: 0;
	padding: 0;
}
.msl_event_calendar_title td {
	background-color: #ccc; 
	font-size: 100%;
} */

/*

// Bug in asp calendar means that you need the 
// '!important' so that the default inline style
// gets overridden...

 td.msl_event_calendar_selected_day {
    background-color: green !important;
    }
*/

/* -----------Functional styles – do not change these they are needed for the widget to function----------------- */

.msl_event_calendar .msl-cal-wrapper {position:relative; top:0; left:0;}
.msl_event_calendar .msl-cal-hoverbox {position:absolute; top:0; left:-6000px;}
.msl_event_calendar td:hover .msl-cal-wrapper {z-index:200;} /* need to specify base z-index too perhaps */
.msl_event_calendar table, .msl_event_calendar tr, .msl_event_calendar td, .msl_event_calendar .msl-cal-hoverbox dd, .msl_event_calendar .msl-cal-hoverbox dl, .msl_event_calendar .msl-cal-hoverbox dt  {margin:0;padding:0;text-indent:0;}  /* zero all elements used in calendar styles*/

/* -----------Dimensions of calendar----------- */

.msl-eventcal-default {width:300px;}
.msl-eventcal-default td {height:30px;}

/*---- Whole calendar styling ----- */

.msl-eventcal-default {border-color: #d7d7d7;} /* border of outside of table */
.msl-eventcal-default td {border: 1px solid #d7d7d7;} /* border of cells */

/* ----------Month title--------------- */

.msl-eventcal-default .msl_event_calendar_title td {border:none; background-color:#e9e9e9; color:#000000;}

/* ----------Day headers----------------- */
.msl-eventcal-default th {border: 1px solid #d7d7d7; height:30px; text-align:center;}

/* ------------Inactive dates--------------- */

.msl-eventcal-default td.month {background-color:#ffffff !important; color: #000000 !important;}
.msl-eventcal-default td.othermonth {color:#e9e9e9 !important; background-color:#ffffff !important;}


/* ---------------Date with event attached--------------- */

.msl-eventcal-default td.msl_event_calendar_selected_day {background-color: #e9e9e9 !important;}


/*a.msl_event_calendar_item {color: #ccc !important;} date colour and clickable area*/

.msl-eventcal-default td.msl_event_calendar_selected_day:hover .msl-cal-wrapper{color:green; background:yellow;} /* colour of text when hovered over - you need to specify background so that z-index works in IE */ 
.msl-eventcal-default td.msl_event_calendar_selected_day:hover {background-color:yellow !important;}


/* ---------------Eventlist box that appears----------------- */

.msl-eventcal-default .msl-cal-hoverbox {padding:20px; border: 1px solid #000000; text-align:left; background: green; color:#000000;}
.msl-eventcal-default td:hover .msl-cal-hoverbox {top:1em; left:0em;width:12em;}  /* -------------- size and positioning of the hoverbox relative to the date ------------*/
/* add some opacity here */


/* ------------Events list ---------------- */

.msl-eventcal-default .msl-cal-hoverbox a {padding:10px 0 10px 10px; display:block;} /* links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox a dd {padding-left:30px;}
.msl-eventcal-default .msl-cal-hoverbox a:hover {background: #e9e9e9;} /* hoverover colour for links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox dt {font-weight:bold;color: #000000;} /* colour and styles for event times */