/*------------------------------------------------------------------------------------------------------------------------------------------------------
DO NOT CHANGE ANYTHING IN THIS STYLESHEET - CREATE ANOTHER INSTEAD.

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 for the calendar included in another php page.
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

#calendarContainer {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.calendar {	/* calendar frame */
	width:13em;
	text-align:center;
	border:1px solid #aaa;
	margin:1em 0;
	padding:0;
}
.calendar a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
.calendar .lastMonth {	/* last month */
	color:#edd;
}
.calendar .nextMonth {	/* next month */
	color:#edd;
}
.calendar .weekend {	/* weekend */
	color:#CF1919;
}
.calendar .today {	/* today */
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.calendar .event {	/* day with event */
	font-weight:bold;
	color:#0000FF;
}
.calendar .title1 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}
.calendar .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 {
	background-color:#eee;
}
.calendar ul.thisMonth li:hover > ul {
	display:block;
}
.calendar ul.eventList {	/* tooltip / eventbox */
	display:none;
	position:absolute;
	width:17em;
	border:1px solid #808080;
	margin:0;	/*eventbox displayed on right-hand-side*/
	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;
	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{
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin:1px 0;
}
#calendarForm form textarea {
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin:1px 0;
}
#calendarForm form select {
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin:1px 0;
}