@charset "utf-8";
/* CSS Document */

#calendar-header {
	margin: 			10px;
	font-size: 			18px;
	font-weight: 		bold;
	line-height: 		18px;
}

#calendar-link {
	float: 				right;
	margin-right: 		5px;
	font-size: 			12px;
	font-weight: 		normal;
}

.calendar-date {
	background-color: 	#000000;
	padding:    		5px;
	border: 			1px solid #000000;
	font-size:			16px;
	font-weight: 		bold;
}
	
.calendar-day {
	background-color: 	#1b1b1b;
	padding:    		5px;
	border: 			1px solid #000000;
}

.calendar-day-past {
	background-color: 	#474747;
	padding:    		5px;
	border: 			1px solid #000000;
}

/* --- SMALL CALENDAR --- */
.cl_month {
	width: 				300px;
	background-color: 	#000000;
	padding:    		0px;
	border: 			1px solid #1b1b1b;
	border-collapse:	collapse;
}

.cl_month th {
	padding-top: 		1px;
	width:				42px;
	background-color:	#000000;
	border: 			1px solid #000000;
	font:				bold 10px Arial,Verdana,sans-serif;
	color:				#ffffff;
}

.cl_month td {
	width:				128px;
	height:				40px;
	padding: 			2px;
	vertical-align:		top;
	border: 			1px solid #000000;
	font:				normal 10px Arial,Verdana,sans-serif;
}

.display_header {
	text-align: 		center;
	font:				normal 24px Arial, Verdana, sans-serif;
	color:				#ffffff;
}

.display_day {
	margin: 			3px 3px 8px 3px;
	text-align: 		left;
	font:				normal 12px Arial,Verdana,sans-serif;
	color: 				#ffffff;
	
}

.display_event {
	padding: 			2px;
	text-align: 		left;
	font:				normal 10px Arial, Verdana,sans-serif;
	line-height: 		12px;
}

.previous, .next {
	font:				18px Arial,Verdana,sans-serif;
	text-decoration:	none;
	color:				#ffffff;
}

.previous:hover, .next:hover  {
	text-decoration:	underline;
}

.display_event a {
	text-decoration: 	none;
	color: 				#FF0000;
}

.display_event a:hover {
	color: 				#FF0000;
	text-decoration: 	underline;
}