/* CSS Document */

#calendars {
	margin-left: -10px;
	line-height: normal;
}
.calendarSummaryTable, .calendarDetailTable {
	width: 553px;
	font-family: arial;
	font-size: 0.7em;
	text-align:center;
	border:1px solid green;
	background-color: #EFF8EF;
}
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 6px;
	background-color: #ffffff;
	visibility: hidden;
	z-index: 100;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.monthSummaryHdr, .monthDetailHdr {
	background-color:#c0ebbf;
	border:none;
	text-align:center;
	color: #126B10;
}
.days td {
	width:3%; 
	background-color: #ACD8AB;
	color:#333;
	font-weight: normal;
	text-align: right;
}
.studyWeek {background-color: #1e8288;}
.weekend {background-color:#10156b;}
.film {background-color:#6b1032;}
.reading {background-color: #9320AB;}
.nineDay {background-color: #7E413E;}
.conversation {background-color: #0c4db7;}
.event {background-color: #07903a;}
.fortnight {background-color: #F50B31;}
.advanced {background-color:#CC6600;}
.studyWeekDetail {color: #1e8288;}
.weekendDetail {color:#10156b;}
.filmDetail {color:#6b1032;}
.readingDetail {color: #9320AB;}
.nineDayDetail {color: #7E413E;}
.conversationDetail {color: #0c4db7;}
.eventDetail {color: #07903a;}
.fortnightDetail {color: #F50B31;}
.advancedDetail {color: #CC6600;}
.course {font-weight:bold;}
#month1Detail {display:none;}
#month2Detail {display:none;}
#month3Detail {display:none;}
#month4Detail {display:none;}
#month5Detail {display:none;}

.detail {
	font-size:0.8em; 
	font-weight:normal;
	color:#333;
	line-height: 1em;
}

table.calendarDetailTable {
	text-align: left;
	border-collapse:collapse;
	font-size:0.7em;
}
.day {
	font-weight:bold;
	color:#194917;
	text-align:right;
	font-size: 1em;
}
.dayOfWeek {
	width: 14%;
	border:1px solid green;
	vertical-align:text-top;
	font-weight:normal;
	color:#194917;
	text-align:center;
}
table.calendarDetailTable td {
	border:1px solid green;
	vertical-align:text-top;
	background-image: 
}
.legendText {
	text-align: left;
	color: #000;
	font-weight: normal;
}
.legendColor {
	width: 3%;
}