/* ---- 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: #5c5c5c;
	background-color: #FFFFFF;
	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;														
														}










/* the stuff below is for the result html pages and not directly for the popup date picker */
body 			{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
			  margin: 0px 0px 0px 0px; background-color: #FFFFFF; }	
td 		     	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  font-size: 11px;
	text-align: left;
}
input			{ border-style: solid; border-width:1px; border-color:#999999; font-size:12px; color:navy; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
select			{ border-style: solid; border-width:1px; border-color:#999999; font-size:12px; color:navy; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
textarea		{ border-style: solid; border-width:1px; border-color:#999999; font-size:12px; color:navy; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }

.tableresult 		{ border:1px; background-color:#000000; 				    }
.tdtitle  		{ width:130px;  background-color:#B48B50; color:#ffffff; vertical-align:top;}
.tdvalue  		{ background-color:#ffffff; color:#000000; }
.tdbutton		{ height:25;	background-color:#ffffff; color:#000000; vertical-align:middle; text-align:center;	}
.myhead			{ font-size:12px; font-weight:bold;  }
.mybgcolor		{ background-color:#9B0000; color:#ffffff;	}
.myradio		{ border-color: transparent; border-width:0px;}

a.buttons	      	{ font-size: 10px; 	font-weight:bold; 	text-decoration:none;	line-height:12px;	height: 12px;
			  border-top:    1px outset #cc8888; border-right:  1px outset #b14444; border-bottom: 1px outset #cc8888; border-left:   1px outset #b14444;		
			  padding: 1px 5px 1px 5px;	margin-top:1px;	background:#E8C88E;	color:#9B0000; } /*trbl*/
a.buttons:hover	      	{ background:#eeee00; 	color:#aa0000;}

a.buttonra	      	{ font-size: 12px;	font-weight:bold;	color:#000000;		text-decoration:none; }
a.buttonra:hover      	{ color:#ff0000;}

a.buttonraw	      	{ font-size: 12px;	font-weight:bold;	color:#ffffff;		text-decoration:none; }
a.buttonraw:hover      	{ color:#ff0000;}

a.buttonmenu	      	{ font-size: 10px;	font-weight:bold;	color:#ffffff;		text-decoration:none; }
a.buttonmenu:hover    	{ color:#9B0000;}

a.footer 		{ color:white;}
a.footer:hover 		{ color:red;}

a.white	              	{ color:navy;		text-decoration:none; }
a.white:hover         	{ color:#9b0000;}

.goldNav	   	{ background-color:#B48B50; color:#ffffff;}
.gold 		      	{ background-color:#dedede; color:#000000;}
.light 		      	{ background-color:#f1f1f1; color:#000000;}
.lite 		      	{ background-color:#f1f1f1; color:#000000;}
.dark	 	      	{ background-color:#dedede; color:#000000;}
.sosodark		{ background-color:#e9e9e9; color:#000000;}
.aWhite		      	{ background-color:#ffffff }
.astartingfrom	      	{ font-size:9px; text-align:center;  	 }
.availabilityoddrows  	{ background-color:#f1f1f1;}
.availabilityevenrows 	{ background-color:#e6e7e9;}
.foottext	      	{ font-size: 7.5pt;color:#B08F5E; text-decoration: none; }
a.button {
		font-size: 11px;
		font-weight:bold;
		color:#9B0000;
		background:#dedede;
		text-decoration:none;
		border-style:outset;
	    	line-height:15px;
		height: 15px;
		border-top-width:2px;
		border-left-width:2px;
		border-right-width:2px;
		border-bottom-width:2px;
		border-left-color:#cc8888;
		border-top-color:#cc8888;
		border-bottom-color:#814444;
		border-right-color:#b14444;
		padding-left:5px;
		padding-top:1px;
		padding-right:5px;
		padding-bottom:1px;
		margin-top:1px;
		
}
a.button:hover		{color:#aa0000;	background:#eeee00;}