/* ---- extras for formatinng of the other elements */
.bigtable {
		font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center;
		background-color: #9B0000;
		color: #E8C88E;
}


/* the table (within the div) that holds the date picker calendar */			.dpTable {	font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
													font-size: 11px;
													text-align: center;
													color: #505050;
													background-color: #ece9d8;
													border: 1px solid #AAAAAA;
													}
/* the div that holds the date picker calendar */ 					.dpDiv {}
/* a table row that holds date numbers (either blank or 1-31) */ 			.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */ 	.dpTitleTR {}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */		.dpDayTD { 		background-color: #999999; border: 1px solid #AAAAAA; color: white;	}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */ 		.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */ 			.dpTD {			border: 1px solid #ece9d8;}
/* 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; color: #000000; cursor: pointer;}
/* the table cell that holds the name of the month and the year */			.dpTitleTD {		font-size:10px;	}
/* a table cell that holds one of the forward/backward buttons */			.dpButtonTD {}
/* the table cell that holds the "This Month" or "Close" button at the bottom */	.dpTodayButtonTD {}
/* additional style information for the text that indicates the month and year */	.dpTitleText {		font-size: 10px; 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: #000000;	font-weight: bold;	}
/* the forward/backward buttons at the top */						.dpButton {		font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
														font-size: 10px; font-weight: bold;padding: 0px;
														background: #999999;	color: #ffffff;
														}
/* the "This Month" and "Close" buttons at the bottom */				.dpTodayButton {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
														font-size: 10px; font-weight: bold;
														background: #999999;	color: #ffffff;														
														}