/*==============================================================================
	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: 0;
	z-index: 99;
	background: #e6e6e6;
	color: #fff;
	/* safer to use fixed font sizes */
	font: 11px Arial, Helvetica, sans-serif;
	border: 4px solid #dfe7ec;
	margin-top: -170px;
	margin-left: -60px;
	border: 1px solid #dbdbdb;
	padding: 6px;
}
#EZcalendar form {
	margin: 0;
	padding: 0;
}
#EZcalendar table {
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#EZcalendar table td, #EZcalendar table th {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding: 1px;
	background: #fff2f2;	
	
}
#EZcalendar table th {
	font-weight: normal;
	color: #007cc3;
}

/*tds*/

#EZcalendar table td {
	background: #fff;
}

#EZcalendar table td a.outsideMonth {
	background: #fff;
	color: #c0c0c0;
	
}
#EZcalendar table td a.today{
	background: #007cc3;
	color: #fff;
	
}
#EZcalendar table td a {
	background: #ffffff;
	color: #333;
	display: block;
	color: #333;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	
}
#EZcalendar table td a:hover {
	color: #333;
	background: #ffc4c4;
}

#EZcalendar table td#EZcalendar_text {
	background: #007cc3;
	text-align: center;
	width: 64px;
	padding: 0;
	margin: 0;	
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	
}

#EZcalendar input {
	border: none;
	background: #007cc3;
	color: #fff;
	cursor: pointer;
	width: 16px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

#EZcalendar input.left {
	float: left;
}
#EZcalendar input.right {
	float: right;
}
#EZcalendar_table {
	clear: both;
}