button.calendar {
	background: url(../images/date_select.gif);
	border: 0;
	height: 20px;
	width: 20px;
	top: -4px;
	position: relative;
}

.calendar {
	width: 100px;
}

.calendar div {
	width: 200px;
	padding: 2px;
	border: 2px solid #99a4bd;
	background-color: #FFF;
	margin-left: 10px;
}

.calendar table {
	width: 100%;
	font-size: 0.9em;
	border-left: 2px solid #e4e9f4;
	border-top: 2px solid #e4e9f4;
	border-collapse: collapse;
}

.calendar caption {
	width: 100%;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
}

.calendar caption .month {
	padding: 0 0.4em 0 0 ;
}

.calendar caption .prev {
	padding: 0 10px 0 0;
}

.calendar caption .next {
	padding: 0 0 0 10px;
}

.calendar thead th {
	background-color: #e4e9f4;
}

.calendar th, .calendar td {
	width: 25px;
	text-align: center;
	padding: 0.2em;
	border-right: 2px solid #e4e9f4;
	border-bottom: 2px solid #e4e9f4;
}

.calendar .valid {
	background-color: #FFF;
	color: #000;
}

.calendar .today {
	text-decoration: underline;
}

.calendar .active {
	color: #C00;
	background-color: #FFF;
	font-weight: bold;
}

.calendar .active:hover, .calendar .valid:hover {
	background-color: #FEE;
}