BODY {
text-align: left;
padding: 0px;
margin: 0px;
font-family: Arial;
font-size: 10pt;
color: #000;
line-height:1;
margin: 0px;
height: 100%;
width: 100%;
}

a:link    {
text-decoration: none;
color: #ffffff;
font-size:12px; font-family: Arial;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #ffffcc;
font-size:12px; font-family: Arial;
font-weight: bold;
}
a:hover   {
text-decoration: underline;
color: #F8EF61;
font-size:12px; font-family: Arial;
font-weight: bold;
}
a:active  {
text-decoration: underline;
color: #ffff00;
font-size:12px; font-family: Arial;
font-weight: bold;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------
DO NOT CHANGE ANYTHING IN THIS STYLESHEET

Calendar stylesheet, created by winged.info
This stylesheet 'style.css' is used by the stand-alone version.
You should use it as a template to create a different stylesheet to include the calendar in a current php page.
You should change the value of  properties which have comments only.
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

.calendar {	/* calendar frame */
	width:15em;	/* width */
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;	/* font */
	border:1px solid #aaa;	/* border */
	margin:1em 0;	/* margin */
	padding:0;
}
.calendar a {
	text-decoration:none;
	color:#000;
}
.calendar .lastMonth {	/* last month */
	color:#edd;
}
.calendar .nextMonth {	/* next month */
	color:#edd;
}
.calendar .weekend {	/* weekend */
	color:#CF1919;
}
.calendar .today {	/* today */
	font-weight:bold;
	color:#6FBF47;
	text-decoration:underline;
}
.calendar .event {	/* day with event */
	font-weight:bold;
	color:#3FBBFF;
}
.calendar .title1 {	/* title1 */
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}
.calendar .title {	/* title */
	clear:both;
	margin:0 5px 5px 0;
	font-weight:bold;
	text-align:right;
	font-size:10px;
}
.calendar .arrowLeft {	
	display:block;
	float:left;
	width:10%;
}
.calendar .arrowRight {
	display:block;
	float:right;
	width:10%;
}
.calendar ul.thisMonth {
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:1.5em;	/* cell's height */
}
.calendar ul.thisMonth li {
	display:block;
	float:left;
	width:14%;
}
.calendar ul.thisMonth li:hover {	/* when hovering a cell */
	background-color:#eee;	/* cell's background */
}
.calendar ul.thisMonth li:hover > ul {
	display:block;
}
.calendar ul.eventList {	/* tooltip */
	display:none;
	position:absolute;
	width:17em;	/* width */
	border:1px solid #ccc;
	border-right-width:2px;
	border-bottom-width:2px;
	margin:0;
	background-color:#fff;
	text-align:left;
	padding:5px;
	font-weight:normal;
	color:#000;
}
.calendar ul.eventList li {
	float:none;
	width:100%;
	border-bottom:1px dashed #aaa;
	margin:0 0 1em 0;
}
.calendar ul.eventList li:hover {
	background-color:#fff;
}

/* the form */
#calendarForm {
	margin:20px 0;
	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #aaa;
	width:35em;
}
#calendarForm .title2 {
	background-color:#eee;
	text-align:center;
	padding:2px;
}
#calendarForm form {
	margin:0;
	padding:5px;
}
#calendarForm form input, textarea, select {
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin:1px 0;
}