/*==============================================================================
	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: #ffffff;
	color: #222222;
	/* safer to use fixed font sizes */
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #909090;
}
#EZcalendar form {
	margin: 0;
	padding: 0;
}
#EZcalendar table {
	background: #ffffff;
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#EZcalendar table td {
	width: 22px;
	height: 15px;
	line-height: 15px;
	text-align: center;
}
#EZcalendar table th {
	width: 22px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-weight: 600;
}
/*tds*/
#EZcalendar table td a.outsideMonth {
	background: #EEEEEE;
	color: #9C9C9C;
}
#EZcalendar table td a.weekend {
	background: #D3D3D3;
	color: #222222;
}
#EZcalendar table td a.weekendout {
	background: #D3D3D3;
	color: #9C9C9C;
}
#EZcalendar table td a.today{
	background: #F6A017;
	color: #FFFFFF;
}
#EZcalendar table td a {
	background: #EEEEEE;
	color: #222222;
	display: block;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 15px;
	line-height: 15px;
	text-decoration: none;
}
#EZcalendar table td a:hover {
	color: #FFFFFF;
	background: #F6A017;
}
#EZcalendar table table a {
	background: #FFFFFF;
	margin-left:10px;
	margin-right: 10px;
	font-weight: 600;
	color: #F6A017;
	text-decoration: none;
	display:inline-block; 
	background-image:url(img/arrow_right.gif); 
	padding-left:12px; 
	background-repeat:no-repeat;
	background-position:center left; 
	border:0px;
}
#EZcalendar table table a:hover {
	background: #FFFFFF;
	margin-left:10px;
	margin-right: 10px;
	font-weight: 600;
	color: #F6A017;
	text-decoration: none;
	display:inline-block; 
	background-image:url(img/arrow_right.gif); 
	padding-left:12px; 
	background-repeat:no-repeat;
	background-position:center left; 
	border:0px;
}
#EZcalendar table td#EZcalendar_text {
	background: #FFFFFF;
	text-align: center;
	width: 80px;
	height: 15px;
}
#EZcalendar input {
	border: solid 1px #FFFFFF;
	background: #909090;
	color: #FFFFFF;
	cursor: pointer;
	width: 22px;
	height: 18px;
	padding: 0;
	margin: 0;
	font-size:0.9 em; 

}
#EZcalendar input.left {
	float: left;
}
#EZcalendar input.right {
	float: right;
}
#EZcalendar_table {
	clear: both;
}
