/* -----------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 {
    background-color: #FFFFFF;
    border: medium none;
    color: #000000;
    font-size: 18px;
    padding: 5px;
}


/* ------------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:#ffffff; background:#035903;} /* 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:#035903 !important;}


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

.msl-eventcal-default .msl-cal-hoverbox {padding:0px; border: 1px solid #000000; text-align:left; background: #ffffff; color:#000000;}
.msl-eventcal-default td:hover .msl-cal-hoverbox {top:1em; left:-11em;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 10px 10px 10px; display:block;text-decoration:none;} /* links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox a dd {padding-left:30px; color:#000000;}
.msl-eventcal-default .msl-cal-hoverbox a:hover {text-decoration:none;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 */