/* h3 {margin:40px 0 10px 0;line-height:auto;padding:0;clear:both;}

.legend { background-color: #ffffff;width:500px;margin:0 0 10px 10px;}
.legend td { font-size: 9px; color: black; }

.calendar_area1 { float: left; width: 23%; margin: 3px;}
.calendar { font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid black; 
	background-color:#f2f0f0;margin-top:-3px !important;margin-top:0px;
	!important;height:198px !important;height:196px;}
.calendar th { font-size: 13px; font-weight: bold; color: black; text-align: center; 
	background-color: #dfdfdf !important; padding: 3px; }
.calendar td { font-size: 11px; line-height:18px;text-align: right; color: black; background-color:#dfdfdf;}

.days { background-color: #0166CB !important;width: 14%; color: white !important; 
	text-align: center !important; font-size: 9px;}
.day_9-10 { background-color: #F49BC1 !important; }
.day_9-9 { background-color: #38B549 !important; }
.day_9-6 { background-color: #FEF468 !important; }
.day_4-9 { background-color: #1C85B7 !important; }
.day_9-8 { background-color: #FF6633 !important; }
.day_10-10 { background-color: #F49BC1 !important; }
.day_10-9 { background-color: #660066 !important; }
.day_closed { background-color: #DFDFDF !important; }
.none {
	background-color:#f2f0f0 !important;
} */

#calendar { float: left; width: 60%; }
#legend { float: left; width: 35%; margin-left: 4%; }

.day_popup { visibility: hidden; position: absolute;	margin: 0px 0px 0px 5px; 
	background: url(/_includes/images/bg_calendar_popup_arrow.gif) no-repeat #FFFFFF left top;
	border-left: 1px solid black; border-top: 1px solid black; border-right: 3px solid black; border-bottom: 3px solid black;
	padding: 5px; z-index: 5; width: 250px; }
.day_event { font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px; border-bottom: 1px dotted gray; }

.calendar, .calendar tr { background-color: transparent !important;  }
.calendarMonth, .calendarMonthBlank { border: 0 none !important; vertical-align: top; width: 48%; }
.calendarMonth table {  border: 1px solid #000; margin: 3px; background-color: #f2f0f0; }
.calendarHeader { font-size: 13px !important; font-weight: bold; 
	border: 0 none !important;  background-color: #dfdfdf; text-align: center; }
.calendarDayRow td { border: 0 none !important; background-color: #0166cb; color: #fff; }
.calendarBlankDayStart, .calendarBlankDayEnd, .calendarDay, .calendarHeader, .calendarDayRow td {
	border: 1px solid white !important; padding: 4px !important; text-align: center; }
.calendarLegend { width: auto !important; }
.calendarLegendBox div { width: 20px; height: 20px; border: 1px solid black; }
.calendarLegendText { text-align: left !important; padding: 5px 10px !important; 
	border-bottom: 1px dotted #ccc !important; }