/* ---- 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: #eeeeee;  /*#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 #dcd9c8;}
/* 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;	
													}
/*need for table layout*/								.avFormLabelTD 	{	font-family:Arial,Helvetica;font-size:13px;font-weight:bold;}

.sf  {font-size:11px;text-align:left; }
.pd  {padding-left:3px; padding-right:3px; text-align:left; }
.pdl {padding-left:3px; padding-right:0px; text-align:left; }
.pdr {padding-left:0px; padding-right:3px; text-align:right;}



/*Credits: Dynamic Drive CSS Library  URL: http://www.dynamicdrive.com/style/
How to use oval button
Single button: <div class="buttonwrapper"><a class="ovalbutton" href="#"><span>Dynamic Drive CSS Library</span></a></div>
Side by Side:  <div class="buttonwrapper"><a class="ovalbutton" href="#"><span>Submit</span></a> <a class="ovalbutton" href="#" style="margin-left: 6px"><span>Reset</span></a></div>
*/
.buttonwrapper		    	{ 	overflow: hidden; width: 100%; 				}



.pleasewait 			{	position:relative;top:-18px;height:18px;visibility:hidden;z-index:1000;
					font-size:12px;font-weight:bold;color:red; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
					}