.calendar
{
	font-size: 11px;
}

div.calendar
{
	background-color: #f8f8ff;
	border: solid 1px #ccc;
	color: #4d5562;
	position: absolute;
}

div.calendar table
{
	width: 150px;
}

.calendar td a
{
	text-decoration: none;
}

td.active, td.inactive, td.today {
	width: 24px;
	height: 18px;
	background-color: #fff;
}
td.active
{
	border: solid 1px #eee;
}
td.active a
{
	color: #000020;	
}
td.active:hover
{
	background-color: #4d5562;
}
td.active:hover a
{
	color: #fff;
}
td.inactive
{
	background-color: #f5f5f5;
}
td.inactive a
{
	color: #808080;
}
td.today {
	border: solid 1px #900;
}
td.today a {
	color: #900;
	font-weight: bold;
}
td.selected {
	background-color: #ffcc99;
}
td.selected a {
	font-weight: bold;
}


tr.year th
{
	padding-top: 2px;
}

td.cancel
{
	text-align: right;
	padding: 2px 4px 2px 4px;
}

a.cancel
{
	border: none;
	color: #900;
	font-size: 9px;	
	text-decoration: none;
}

a.cancel:hover
{
	text-decoration: underline;
	color: #900;
}

tr.cancel, tr.year, tr.days
{
	background-color: #dcdcdc;
	background-repeat: repeat-x;
}

tr.year
{
	background-image: url(Images/calendar/grad.gif);
}

tr.cancel, tr.days
{
	background-image: url(Images/calendar/grad_top.gif);
}

tr.month
{
	background-color: #dcdcdc;
}

tr.days th
{
	color: #900;
	padding: 2px;
}

a.cal_nav
{
	display: block;
}

a.cal_nav div {
	height: 16px;
	width: 16px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: Transparent;
	cursor: pointer;
}

a.cal_nav div.prev {
	background-image: url(Images/calendar/prev.gif);
}

a.cal_nav div.next {
	background-image: url(Images/calendar/next.gif);
}

fieldset.calendar
{
	border: none;
	display: inline;
	padding: 0;
}

a.calendar_button
{
	float: left;
}

a.calendar_button div {
	background-image: url(Images/calendar/calendar.gif);
	border: none;
	height: 16px;
	width: 16px;
	background-position: 0px -16px;
	background-repeat: no-repeat;
	background-color: Transparent;
	margin: 2px;	
}

a.calendar_button:hover div {
	background-position: 0px 0px;
	cursor: pointer;
}

a.calendar_button:hover div.disabled {
	background-position: 0px -16px;
	cursor: default;
}