#jMonthCalendar { position:absolute; }
.MonthlyCalendar .MonthNavigation { border:solid 0px #ddd; height:20px; padding:0px 0px 0px 0px; }

.MonthlyCalendar .MonthNavPrev { width:17px; height: 20px; position: absolute; left: 7px; z-index: 100; }
.MonthlyCalendar .MonthNavNext { width:17px; height: 20px; position: absolute; left: 188px; z-index: 100; }

.MonthlyCalendar .MonthNavPrev a {
	text-decoration: none;
	padding-bottom: 2px;
	background-image: url(kuvat/oikea_nuoli_harmaa.png); background-repeat: no-repeat;
}

.MonthlyCalendar .MonthNavNext a {
	text-decoration: none;
	padding-bottom: 2px;
	background-image: url(kuvat/vasen_nuoli_harmaa.png); background-repeat: no-repeat;
}

.MonthlyCalendar .MonthNavPrev a:hover {
	text-decoration: none;
	background-image: url(kuvat/oikea_nuoli_punainen.png); background-repeat: no-repeat;
}

.MonthlyCalendar .MonthNavNext a:hover {
	text-decoration: none;
	background-image: url(kuvat/vasen_nuoli_punainen.png); background-repeat: no-repeat;
}

.MonthlyCalendar .MonthName { width:210px; text-align:center; font: normal 16px Arial, Verdana; position:absolute; }


.MonthlyCalendar { height:150px; width:210px; border:solid 0px #ddd; }
.MonthlyCalendar #CalendarHead { background:#ffffff none repeat scroll 0 0; position: absolute; }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; display: none; }

.MonthlyCalendar #CalendarBody { position: absolute; top: 27px; border-collapse: separate; border-spacing: 4px; }
.DateBox { vertical-align:top; border:solid 1px #646566; height: 23px; width: 24px; }
.DateLabel { width:24px; text-align:left; }
.DateLabel a { cursor:pointer; padding: 3px 3px 0px; text-decoration:none; line-height:16px; position: absolute; color: #000000; }
.DateLabel span { padding: 0px 0px 0px; text-decoration:none; font-size: 12px; line-height:12px; position: absolute; color: #000000; }

#CalendarBody .Inactive { background:#ffffff none repeat scroll 0 0; border: solid 1px #d3d4d5; }
#CalendarBody .Weekend { background:#ffffff none repeat scroll 0 0; }

#jMonthCalendar .Event { 
	font-size:12px; 
	padding:0px; 
	background-color:#c4c5c7; 
	border:solid 0px #646566; 
	cursor:pointer; 
	display:block;
	color: #ffffff;
	height: 23px;
	width: 24px;
}

.Event a { text-decoration:none; color:#c4c5c7; display:block;  }
.Event a:hover { text-decoration:none; }

.Today { background:#981c36 none repeat scroll 0 0; }