.datePicker {
	width: 16em;
	border: 1px solid #BBB;
	background-color: #FFF;
}

.datePicker table {
	border-collapse: collapse;
	width: 100%;
}

.datePicker tr th {
	background-color: #628CB2;
	color: #FFF;
	font-weight: normal;
	text-align: right;
	width: 14.9%;
	padding: 2px;
}

.datePicker tr td {
	text-align: right;
	width: 14.9%;
	padding: 2px 6px 2px 2px;
	cursor: pointer;
}

.datePicker .otherMonth {
	color: #888;
}

.datePicker .selected {
	background-color: #628CB2;
	color: #FFF;
}

.datePicker .today {
	font-weight: bold;
	padding-bottom: 0px;
}

.datePicker .monthDisplay {
	text-align: center;
	padding-bottom: 2px;
	background-color: #EEE;
}

.datePicker .previousMonth, .datePicker .nextMonth {
	cursor: pointer;
}

.datePicker .previousMonth {
	float: left;
	margin-left: 2px;
	width: 14px;
	height: 1.2em;
	background: url(../images/smallleft.gif) 4px 50% no-repeat;
}

.datePicker .nextMonth {
	float: right;
	margin-right: 2px;
	width: 14px;
	height: 1.2em;
	background: url(../images/smallright.gif) 6px 50% no-repeat;
}

.datePicker .previousYear, .datePicker .nextYear {
	cursor: pointer;
	width: 18px;
	height: 1.2em;
}

.datePicker .previousYear {
	float: left;
	margin-left: 2px;
	background: url(../images/2smallleft.gif) 4px 50% no-repeat;
}

.datePicker .nextYear {
	float: right;
	margin-right: 2px;
	background: url(../images/2smallright.gif) 6px 50% no-repeat;
}

.pickerbutton.datepicker {
	background-image: url(../images/datepopupbutton.png);
}