/*-- COMMENT ELEMENTS */
			*
			{
				margin: 0;
				padding: 0;
			}
			body, td
			{
				color: black;
				
				font-family: Arial, Sans-Serif;
				font-size: 11px;
				font-weight: normal
			}
			p
			{
				margin-bottom: 10px;
			}
			a
			{
				color: #529e35;
				text-decoration: none
			}
			a:hover
			{
				text-decoration: underline
			}
			b
			{
				color: #333333
			}
			hr
			{
				border-top: 0;
				border-bottom: solid 1px #99acb9;
				height: 1px;
				line-height: 1px;
				width: 100%;
				margin-bottom: 8px
			}
			ol, ul
			{
				margin-left: 22px
			}
			* html hr
			{
				margin-top: -5px; /* correct the height of HR in IE browsers */
				margin-bottom: 0
			}
			
			/* --LABELED ELEMENTS */
			#container
			{
				width: 600px;
				height: 596px;
				border: solid 1px black /* to show popup boundries only, turn off */
			}
			
			#footer
			{
				text-indent: -9000px;
				background-image: url(../images/footertext.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 600px;
				height: 42px;
			}
			
			#header
			{
				width: 600px;
				height: 123px;
				background-image: url(images/hed1.jpg); /* also hed2.jpg */
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			#main
			{
				width: 600px;
				height: 431px;
				background-image: url(images/bg2.jpg); /* also bg2.jpg, bg3.jpg */
			}
			#contentLeft
			{
				position: relative;
				left: 9px;
				float: left;
				width: 240px; /* change to 156px for Results page */
				height: 300px;
				overflow: auto;
			}
			
			#contentRight hr
			{
				border-bottom: solid 1px #e2af00
			}
			#hints
			{
				padding: 4px;
				color: #345a73
			}
			#hints a, #hints b
			{
				color: #345a73;
				font-weight: bold
			}
			#content
			{
				position: relative;
				top: 12px;
				overflow: auto;
				height: 294px;
				padding: 8px;
			}
			
			
			#navbar
			{
				position: relative;
				top: 5px;
				float:right;
			}
			
			
			* html #content
			{
				height: 310px;
			}
			#links
			{
				clear: both;
				float: none;
				position: relative;
				left: 172px;
				top: 65px;
				width: 245px;
				height: 19px
			}
			#links hr
			{
				display: none
			}
			#links ul
			{
				list-style: none;
				margin: 0
			}
			#links ul li
			{
				float: left;
			}
			#links ul li a
			{
				display: block;
				text-indent: -9000px;
				outline: none;
			}
			#links ul li#link-help a
			{
				width: 45px;
				height: 19px;
			}
			#links ul li#link-reset 
			{
				width: 72px;
				height: 19px;
			}
			#links ul li#link-terms a
			{
				width: 126px;
				height: 19px;
			}
			
			#header h1
			{
				text-indent: -9000px;
				background-image: url(../images/head-nabers.gif);
				background-repeat: no-repeat;
				width: 223px;
				height: 24px;
				display: block;
				position: relative;
				left: 256px;
				top: 92px
			}
			#contentRight h2
			{
				font-size: 12px;
				color: #345a73;	/* use #FFFFFF for 'Water' section */
				line-height: 12px;
				margin: 8px 0 0 10px
			}
			
			/*-- CLASSES */
			p.sectionTitle
			{
				font-weight: bold;
				font-size: 13px;
				color: #6e8ca0;
				background-color: Transparent;
			}
			
			.sectionTitle
			{
				font-weight: bold;
				font-size: 13px;
				color: #6e8ca0;
				background-color: Transparent;
			}
			
			
			p.smalltext
			{
				font-size: 10px
			}
			p.largetext
			{
				font-size: 12px;
				font-weight: bold;
				color:Black;
			}
			
			.required
			{
				color: #da9500;
				background-color: transparent;
				padding-left:1px;
			}
			
			
			p.required
			{
				color: #da9500;
				background-color: transparent
			}
			p.performer
			{
				color: #529e35;
				background-color: Transparent;
				font-size: 12px;
				font-weight: bold
			}
			input.textbox
			{
				height: 19px;
				color: black;
				background-color: red;
				border: solid 1px #6e8ca0;
				font-size: 11px;
			}
			
			p.header
			{
				font-weight: bold;
				font-size: 15px;
				color: #6e8ca0;
				background-color: Transparent;
			}
			
			
			select {
				height: 19px;
				color: black;
				background-color: white;
				border: solid 1px #6e8ca0;
				font-size: 11px;
				text-align:left;
				padding:2 2 0 0; 
			}
			
			
			#printResult
			{
				clear: both;
				float: none;
				position: absolute;
				left: 80px;
				top: 430px;
				width: 90px;
				height: 19px ;
				
			}
			
			#resultsBackButton
			{
				clear: both;
				float: none;
				position: absolute;
				left: 15px;
				top: 460px;
			
			}
			
			td.resultRight
			{
				color: #345a73 ;
				font-size:10px;
				text-align:right;
			}
			
			p,td.resultLeft
			{
				color: #345a73 ;
				font-size:10px;
			}
			
			
			.lblErr {
				color: Red ;
				font-size:  1em;
			}

			.errDot {
				color: Red ;
				font-size:xx-large;
			}



.btnTransparent
{
	cursor: hand;
	height: 19px;
	width:72px;	
	background-color: transparent;
	text-decoration: none;
	border:solid 0 transparent ;
}

.btnRefreshBilling
{
	cursor: hand;
	height: 16px;
	width:120px;	
	background-color: transparent;
	text-decoration: none;
	border:solid 1px #333333 ;
	font-size:11px;
}

.btnYesNo
{
	cursor: hand;
	height: 16px;
	width:72px;		
	background-color: transparent;
	text-decoration: none;
	border:solid 1px #333333 ;
	font-size:11px;
}

.btnTimeout
{
	color:#ffffff ;
	cursor: hand;
	height: 19px;
	width:280px;
	background-color: #82DA5E ;
	text-decoration: none;
	border:solid 0 transparent ;
	
}


.btnTransparentHere
{
	font-weight: normal;
	font-size: 1em ;
	cursor: hand;
	color: #000000;
	border-top-style: none;
	border-right-style:none ;
	border-left-style: none;
	height: 17px;
	background-color: transparent;
	text-decoration: none;
	border-bottom: #000000 1px window-inset;
	
}