/*==============================================================================
	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;
	z-index: 999;
	background-color: #C2C2C2;
	color: #fff;
	border: 5px solid #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -3px;
	font-family: "texgyreadventor regular";
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
}
#EZcalendar form {
	margin: 0;
	padding: 0;
}
#EZcalendar table {
	background-color: #C2C2C2;
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#EZcalendar table td, #EZcalendar table th {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 1px;
}



/*tds*/
#EZcalendar table td a.outsideMonth {
	color: #797676;
	background-color: #C2C2C2;
}
#EZcalendar table td a.today{
	color: #FFF;
	background-color: #F42427;
	padding: 0px;
	margin: 0px;
}
#EZcalendar table td a {
	color: #333;
	display: block;
	color: #FFF;
	margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	background-color: #A6A6A6;
}
#EZcalendar table td a:hover {
	color: #222222;
	background: white;
}

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

#EZcalendar input {
	border: none;
	background-color: #C2C2C2;
	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;
}