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

.customcal {border-color: #e9e9e9;} /* border of outside of table */
.customcal td {border: 1px solid #e9e9e9;font-size:1.3em;color:#d7d7d7;} /* border of cells */

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

.customcal .msl_event_calendar_title td {border:none; background-color:#ffffff; color:#000000;font-size:1em;}


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

.customcal td.month {background-color:#ffffff !important; color: #000000 !important;}
.customcal td.othermonth {color:#808080 !important; background-color:#ffffff !important;}


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

.customcal .msl-cal-hoverbox {padding:0px; border: 1px solid #e9e9e9; text-align:left; background: white; color:#000000;}
.customcal td:hover .msl-cal-hoverbox {top:1em; left:0em;width:15em;}  
/* -------------- size and positioning of the hoverbox relative to the date ------------*/
/* add some opacity here */
.customcal td{text-align:center;vertical-align:middle;}
.customcal table .msl_event_calendar_title a{display:block;}

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

.customcal .msl-cal-hoverbox a {padding:10px 0 10px 10px; display:block;text-decoration:none;background:url("/stylesheet/NUSSL/dotted.gif") repeat-x bottom left;} /* links in hoverbox */
.customcal .msl-cal-hoverbox a dd {padding-left:15px;}
.customcal .msl-cal-hoverbox a:hover {text-decoration:underline;} /* hoverover colour for links in hoverbox */
.customcal .msl-cal-hoverbox dt {font-weight:bold;color: #000000;} /* colour and styles for event times */
.customcal td.msl_event_calendar_selected_day {background-color: #19a690 !important; color: #ffffff !important;}
.customcal td.msl_event_calendar_selected_day:hover .msl-cal-wrapper{color:#ffffff; background:#0b7b6a;} /* colour of text when hovered over - you need to specify background so that z-index works in IE */ 
.customcal td.msl_event_calendar_selected_day:hover {background-color:#0b7b6a !important;}