/*==============================================================================
	EZCalendar v1.1 Created by Stewart Orr Feb 2007. 

	Usage:
		- Expects dates in the UK format DD/MM/YYYY.
		- Uses JS and CSS file to determine appearance
		- CSS File should have all necessary styles to ensure it appears
		correctly in YOUR page.
		
	To Do:
		- Position the calendar differently if it spills over the viewable space.
		- Improve Code
	
==============================================================================*/

#EZcalendar {
	display:none;
	position:absolute;
	margin-left:170px;
	z-index:99; 
	background:yellow;
	color: #fff;
	/* safer to use fixed font sizes */
	font:11px Arial, Helvetica, sans-serif;
	border:5px solid #044771;
}
#EZcalendar form {
	margin:0;
	padding:0;
}
#EZcalendar table {
	background:#005083;
	border:none;
	font-size:100%;
	margin:0;
	padding:0;
}
#EZcalendar table td, #EZcalendar table th {
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}
/*tds*/
#EZcalendar table td a.outsideMonth {
	background: gray;
	color:#fff;
}
#EZcalendar table td a.today{
	background:#aaa;
	color:#fff;
}
#EZcalendar table td a {
	background: silver;
	color:#333;
	display: block;
	color: #333;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	line-height:20px;
	text-decoration:none;
}
#EZcalendar table td a:hover {
	color: #fff;
	background:red;
}

#EZcalendar table td#EZcalendar_text {
	background:#0E649B;
	text-align:center;
	width:80px;
	height:20px;
}

#EZcalendar input {
	border: none;
	background:#1C78B2;
	color: #fff;
	cursor:pointer;
	width: 20px;
	height: 20px;
	padding:0;
	margin:0;
	text-align:center;
}
#EZcalendar input.left {
	float:left;
}
#EZcalendar input.right {
	float:right;
}
#EZcalendar_table {
	clear: both;
}