/* ---- 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%; 				}

a.ovalbutton			{	background: transparent url('/images/button/square-left.gif') no-repeat top left;
					display: block;	float: left; 
					font: normal 13px Tahoma; 		/* Change 13px as desired */ 			/* Change 13px as desired */
					line-height: 16px;			/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
					height: 24px;				/* Height of button background height */
					padding-left: 11px;			/* Width of left menu image */
					text-decoration: none;
				}
a:link.ovalbutton, 
a:visited.ovalbutton, 
a:active.ovalbutton		{	color: #494949; text-decoration: none;	font: normal 13px Tahoma; 		/* Change 13px as desired */		/*button text color*/ 	}
						
a.ovalbutton span		{	background: transparent url('/images/button/square-right.gif') no-repeat top right;
					display: block;
					line-height:24px; padding: 0 11px 0 0; 		/*Set 11px below to match value of 'padding-left' value above*/ 
				}
a.ovalbutton:hover		{ 	background-position: bottom left;			}
a.ovalbutton:hover span 	{ 	background-position: bottom right; color: black;	}


/*Square Button For Site*/
a.squarebutton			{	background: transparent url('/images/button/square-left.gif') no-repeat top left;
					display: block;	float: left; 
					font: normal 13px Tahoma; 		/* Change 13px as desired */
					line-height: 16px;			/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
					height: 24px;				/* Height of button background height */
					padding-left: 11px;			/* Width of left menu image */
					text-decoration: none;
				}
a:link.squarebutton, 
a:visited.squarebutton		{	color: #494949; 			/*button text color*/ 	}
a:active.squarebutton		{	color: #000000; 			/*button text color*/ 	}
						
a.squarebutton span		{	background: transparent url('/images/button/square-right.gif') no-repeat top right;
					display: block;
					line-height:24px; padding: 0 11px 0 0; 		/*Set 11px below to match value of 'padding-left' value above*/ 
				}
a.squarebutton:hover		{ 	background-position: bottom left;			}
a.squarebutton:hover span 	{ 	background-position: bottom right; color: black;	}











/* for room & rate mode rate pick buttton */
a.ovalbuttonRRP			{	background: transparent url('/images/button/square-left.gif') no-repeat top left;
					display: block;	float: left; 
					font: normal 13px Tahoma; 		/* Change 13px as desired */
					line-height: 16px;			/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
					height: 24px;				/* Height of button background height */
					padding-left: 11px;			/* Width of left menu image */
					text-decoration: none;
				}
a:link.ovalbuttonRRP,
a:visited.ovalbuttonRRP, 
a:active.ovalbuttonRRP		{	color: red ; 				/*button redtext color*/ }
						
a.ovalbuttonRRP span		{	background: transparent url('/images/button/square-right.gif') no-repeat top right;
					display: block;
					line-height:24px; padding: 0 11px 0 0;		/*Set 11px below to match value of 'padding-left' value above*/ 
				}
a.ovalbuttonRRP:hover		{ 	background-position: bottom left;			}
a.ovalbuttonRRP:hover span 	{ 	background-position: bottom right; color: darkred;	}


.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; 
					}