/*==============================================================================
	Usercalendar : Display Calendar When user hits on button.
	Created By: Nishid Nanavati
	Date: 09-feb-2009
==============================================================================*/

#Usercalendar {
	display: none;
	position: absolute;
	margin: 0;
	z-index: 99;
	background: #005083;
	color: #fff;
	/* safer to use fixed font sizes */
	font: 11px Arial, Helvetica, sans-serif;
	border: 5px solid #044771;
}
#Usercalendar form {
	margin: 0;
	padding: 0;
}
#Usercalendar table {
	background: #005083;
	border: none;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	width:10px;
	margin-top:0px;
}
#Usercalendar table td, #Usercalendar table th {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding:0px;
	font: 11px Arial, Helvetica, sans-serif;
}
/*tds*/
#Usercalendar table td a.outsideMonth {
	background: gray;
	color: #fff;
}
#Usercalendar table td a.today{
	background: #aaa;
	color: #fff;
}
#Usercalendar table td a.today{
	background: #aaa;
	color: Blue;
	font-weight :bold;
}
#Usercalendar table td a.selectedDate{
	background:#0E649B ;
	color: #fff;
}
#Usercalendar 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;
}
#Usercalendar table td a:hover {
	color: #fff;
	background: blue;
}

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

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