/* the table (within the div) that holds the date picker calendar */
	.dpTable {
		text-align: center;
		background-color: #eeeeee;
		border: 1px solid #333333;
	}

	/* a table cell that holds a date number (either blank or 1-31) */
	.dpTD {
		padding: 3px;
		border: 1px solid #eeeeee;
	}

	/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
	.dpDayHighlightTD {
		background-color: #cccccc;
		border: 1px solid #aaaaaa;
	}

	/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
	.dpTDHover {
		background-color: #aca998;
		border: 1px solid #888888;
		cursor: pointer;
		color: #ffffff;
	}

	/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
	.dpDayTD {
		padding: 3px;
		background-color: #cccccc;
		border: 1px solid #aaaaaa;
		color: #ffffff;
	}

	/* additional style information for the text that indicates the month and year */
	.dpTitleText {
		font-size: 12px;
		color: gray;
		font-weight: bold;
	}

	/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
	.dpDayHighlight {
		color: #4060ff;
		font-weight: bold;
	}

	/* the forward/backward buttons at the top */
	.dpButton, .dpTodayButton {
		font-size: 10px;
		background: #aaaaaa;
		color: #ffffff;
		font-weight: bold;
		padding: 0;
		border-width: 1px;
	}