@charset "utf-8";
/* Visionary Services Calendar CSS - Copyright 2012*/

#calendar {width:631px; overflow:hidden; position:relative; z-index:1;}
#calendar div {float:left; margin:0; padding:0;}
#calendar .topper {width:630px; height:25px; position:relative; z-index:50;}
#calendar .topper span {width:120px; height:15px; padding-top:10px; line-height:15px; display:block; float:left; text-align:left;}
#calendar .topper span.next {text-align:right;}
#calendar .topper span a {text-decoration:none;}
#calendar .topper div {width:390px; height:25px; line-height:25px; float:left; text-align:center; font-weight:normal; font-size:18px; color:#000;}
#calendar .header {width:630px; height:26px; border-top:1px solid #000; border-left:1px solid #000;}
#calendar .header div {width:89px; height:25px; border-bottom:1px solid #000; border-right:1px solid #000; text-align:center; line-height:25px; color:#fff; background-color:#82857e; font-weight:bold; font-size:11px;}
#calendar .selector {width:100%; height:100%; position:absolute; top:0; left:0; z-index:40;}

#calendar .legend {width:630px; height:25px; position:relative; z-index:50; margin-top:10px;}
#calendar .legend div {height:18px; line-height:18px; padding:0 0 0 12px; background-image:url(/images/calendar/event_legend.png); background-repeat:no-repeat; background-position:0 0; float:right; margin:0 0 0 20px; color:#000 !important;}

#calendar .days {width:630px; border-left:1px solid #000;}
#calendar .day {width:89px; height:89px; border-bottom:1px solid #000; border-right:1px solid #000; position:relative; text-align:left;}
#calendar .day span {width:87px; height:12px; padding-left:2px; display:block; line-height:11px; font-weight:bold; font-size:10px; position:absolute; top:0; left:0;}
#calendar .day .event {width:84px; height:18px; padding:0 3px; display:block; line-height:18px; font-weight:normal; font-size:10px; position:absolute; top:15px; left:0; background-color:#000; color:transparent; text-align:left; z-index:100; overflow:hidden; text-decoration:none;}
#calendar .day .show_title, #calendar .start_week div {color:#fff !important;}
#calendar .end_week .event {background-image:url(/images/calendar/event_end_week.png); background-position:100% 0; background-repeat:no-repeat;}
#calendar .day .one_day {background-image:url(/images/calendar/event_one_day.png); background-position:0 0; background-repeat:no-repeat;}
#calendar .day .start_day {background-image:url(/images/calendar/event_start_day.png); background-position:0 0; background-repeat:no-repeat;}
#calendar .day .end_day {background-image:url(/images/calendar/event_end_day.png); background-position:100% 0; background-repeat:no-repeat;}

#calendar .nonday {background:url(/images/calendar/stripes.png) repeat #aaa;}
#calendar .nonday span {font-weight:normal;}
#calendar .today {background:url(/images/calendar/stripes.png) repeat #ddd;}

#calendar .day .edmsdm-event {background-color:#0096d6; color:#ffffff;}
#calendar .legend .edmsdm-event {background-color:#0096d6; color:#ffffff;}
#calendar .day .partnership-event {background-color:#8F8C4A; color:#ffffff;}
#calendar .legend .partnership-event {background-color:#8F8C4A; color:#ffffff;}

#event_detail {width:220px; height:175px; background-color:#fff; border:1px solid #000; position:absolute; top:0; left:0; z-index:120; display:none;}