INPUT           {BORDER-TOP-COLOR: #567FAD; BORDER-LEFT-COLOR: #567FAD; BORDER-RIGHT-COLOR: #567FAD; BORDER-BOTTOM-COLOR: #567FAD; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}

SELECT           {BORDER-TOP-COLOR: #567FAD; BORDER-LEFT-COLOR: #567FAD; BORDER-RIGHT-COLOR: #567FAD; BORDER-BOTTOM-COLOR: #567FAD; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
li { list-style-type:square; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style-position:-5px}
td	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
p	{
font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
div {
font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	}
	
div.mid {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight:bold;
	}
	
p.blu {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3366CC;
	font-weight: bold;
	}

font.blu {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	}

font.blu2 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: blue;
	font-weight: normal;
	}

font.red3 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: red;
	font-weight: normal;
	}

.blu {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3366CC;
	font-weight: bold;
	}
.blu2 {
font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-weight: bold;
	}


.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
h2 {
	color: #3366cc; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20; font-weight: bold;
	}

h3 {
	color: #3366cc; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16; font-weight: bold;
	}
h4 {
	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight: bold;
	}
h5 {
	color: #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

h6 {
	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

/* Links */
a:link, a:visited {
	font-size: 11px; color: #0066CC; text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	}

a:hover {
	color: #00CC00;	text-decoration: underline;
	}

/* Horizontal Line */
hr {
	background: #C0C0C0; height:2px; border: 1px inset;
	}


/* --Default Class Settings-- */

.inputbox {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid;
	}

.tableheader {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	}

.tablewhite {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	}
.copy {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	}
.copyy {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
.add {
font-family: Arial, Helvetica, sans-serif;
	font-size: 10;
	color: #000000;
	}


/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; font:bold 7.5pt Tahoma, Verdana, sans-serif; color:white;}
/* Day Column Cell - the TD cell of each day */
.CalCol {}
/* Day Cell - the DIV cell inside TD */
.CalCell {cursor:hand; text-align:center;}
/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {text-decoration:none; font:9pt verdana;}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; text-align:center; font:bold 10pt arial; color:white;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center; background:#b0c4de;}
/* WeekNo Anchor style */
.WeekAnchor {text-decoration:none; font:bold 8pt arial; color:white;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {vertical-align:middle; height:22px; width:18px; font:bold 10pt arial bold; color:black;}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:red}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center;}
.CalMiddle {}
.CalBottom {text-align:center;}

/* Calendar title - showing year and month. when giDCStyle=0, it's the style of the year/month dropdowns; giDCStyle>0, it's the style to show gsCalTitle.  */
.CalTitle {vertical-align:middle; font:10pt arial; color:black;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {}

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {border:2px ridge #ffffff;}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {border:1px solid #dcdcdc;}
/*===== Above CSS styles are commonly used in the script engine =====*/

/*====== Following are additional per-theme styles, e.g. the inner dropdown selectors and today etc. You may have your own defined. ======*/
.BottomAnchor {text-decoration:none; font:bold 9pt Tahoma, Verdana; color:white;}
A.BottomAnchor:hover {color:yellow;}
A.BottomAnchor:active {color:red;}

/* Spa Selection Page */
div.HotSpring {
font-size:11px;padding:2px;margin-left:15px;
}
div.Caldera {
font-size:11px;padding:2px;margin-left:15px;
}
div.TigerRiver {
font-size:11px;padding:2px;margin-left:15px;
}
div.Solana {
font-size:11px;padding:2px;margin-left:15px;
}
div.Oasis {
font-size:11px;padding:2px;margin-left:15px;
}

/* Spa Selection Page Bottom Bar */
div.spabar {
font-size:11px;padding:4px;border-top:1px dashed #A6BCCF;border-bottom:1px dashed #A6BCCF; width:550px; text-align:center;margin-left:14px;
}
/* Spa Detail Page */
div.xHotSpring {
font-size:11px;padding:2px;margin-left:15px;width:550px;
}
div.xTigerRiver {
font-size:11px;padding:2px;margin-left:15px;width:550px;
}
div.xCaldera {
font-size:11px;padding:2px;margin-left:15px;width:550px;
}
div.xSolana {
font-size:11px;padding:2px;margin-left:15px;width:550px;
}
div.xOasis {
font-size:11px;padding:2px;margin-left:15px;width:550px;
}

/* Spa Detail Specifications */
td.td_HotSpring {
background-color:#e0e0e0; font-size:11px;padding:2px;margin-left:15px;border-top:1px solid #A6BCCF;border-bottom:1px solid #A6BCCF;
}
td.td_TigerRiver {
background-color:#e0e0e0; font-size:11px;padding:2px;margin-left:15px;border-top:1px solid #A6BCCF;border-bottom:1px solid #A6BCCF;
}
td.td_Solana {
background-color:#e0e0e0; font-size:11px;padding:2px;margin-left:15px;border-top:1px solid #A6BCCF;border-bottom:1px solid #A6BCCF;
}
td.td_Caldera {
background-color:#e0e0e0; font-size:11px;padding:2px;margin-left:15px;border-top:1px solid #A6BCCF;border-bottom:1px solid #A6BCCF;
}
td.td_Oasis {
background-color:#e0e0e0; font-size:11px;padding:2px;margin-left:15px;border-top:1px solid #A6BCCF;border-bottom:1px solid #A6BCCF;
}
/* Footerbar */
/* Footerbar */
div.footerbar {
background-color:#D8E8F5; font-size:11px;padding:2px;border-top:1px solid #A6BCCF;border-bottom:1px solid #A6BCCF;
}

table.white{
	background: #DEDEDE;
	border:     1px solid #DEDEDE;
	margin-top: 16px;
	width:      100%;
	}

table.white tr td{ 
	background: #FFF;
	padding: 4px; 
	}
table.white tr td th{ padding: 4px; }
table.white tr th{ 
	font: bold .8em Arial, Verdana, Sans-serif;
	padding: 2px; 
	}

#row_1a table.white{
	background: #DEDEDE;
	border:     1px solid #DEDEDE;
	margin-top: 16px;
	width:      100%;
	}

#row_1a table.white tr td{ background: #FFF; }
#row_1a table.white tr td,
#row_1a table.white tr th{ padding: 5px; }
#row_1a table.white tr th{ font: bold 1.1em Arial, Verdana, Sans-serif; }

table#white tr td{ background: #FFFFFF;
				   padding: 4px;				   
}