/*-- COMMENT ELEMENTS */
			*
			{
				margin: 0px;
				padding: 0px;
			}
			body, td
			{
				color: #333333;
				
				font-family: Arial, Sans-Serif;
				font-size: 11px;
				font-weight: normal;
				margin: 0px;
				padding: 0px;
			}
			p
			{
				
			}
			a
			{
				font-weight:bold;
				color: #475869;
				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
			{
				
				background-image: url(../images/footer.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
				width: 600px;
				height: 42px;
			}
			
			#version
			{
				padding:6 10 2 6;
				
				color:#475869;
				font-size:10px;
				font-weight:bold;
				
			}
			
			.errorPanel
			{
				height:20px;
				background-color:#ffffff;
				font-weight:bold ;
				position:relative;
				top:0;
				left:0;
			}
			#errorListIndicator
			{
				color:Red;
				font-weight:bold ;
				position:relative;
				top:2;
				left:10;
				font-size:12px;
			}
			
			
			
			
			#header
			{
				width: 600px;
				height: 123px;
				background-image: url(../images/header.gif); 
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			
			#nabersOfficeIcon
			{
				position:absolute ;
				top:56px;
				left:480px;
				width:112px;
				height:68px;
				background-image: url(../images/ico-laptop.gif); 
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			
			
			#main
			{
				width: 600px;
				height: 431px;
				position:relative;
				top:0;
				left:5;
				
			}
			
			#topnav
			{
				height:34px;
				position:relative;
				top:0;
				left:0;
			}
			
.emptyTopNav
{
	float:left;
	background-image: url(../images/btn_na1.gif);
	background-repeat:no-repeat; 
	height:34px;
	width:194px;
	
}

.navTop
{
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold ;
	background-color: transparent;
	border:solid 0px #eeeeee ;
	cursor: hand;
	padding-top:7;
	width:80%;
}

.navTopContainer
{
	float: left;
	width: 97px;
	background-repeat: no-repeat;
	height: 34px;
	text-align: center;
/*	padding-top:5px;  me */
}

.generalTopNavOut{ background-image: url(../images/btn_general_off.gif); }
.generalTopNavOver{ background-image: url(../images/btn_general_on.gif); }

.energyTopNavOut{ background-image: url(../images/btn_energy_off.gif); }
.energyTopNavOver{ background-image: url(../images/btn_energy_on.gif); }

.waterTopNavOut{ background-image: url(../images/btn_water_off.gif); }
.waterTopNavOver{ background-image: url(../images/btn_water_on.gif); }

.ieTopNavOver{ background-image: url(../images/btn_electricity_on.gif); }
.ieTopNavOut{ background-image: url(../images/btn_electricity_off.gif); }

.wasteTopNavOver{ background-image: url(../images/btn_waste_on.gif); }
.wasteTopNavOut{ background-image: url(../images/btn_waste_off.gif); }

.resultsTopNavOut{ background-image: url(../images/btn_results_off.gif); z-index:100;}
.resultsTopNavOn{ background-image: url(../images/btn_results_on.gif); z-index:100;}
			
			#content
			{
				position:relative;
				top:0px;
				left:0px;
				height: 395px;
			}
			
			#contentLeftContainer
			{
				position: relative;
				top: 0px;
				left:0px;
				width: 388px; 
				height:100%;
				background-color:#d7dcdd;
				display:block;
			}
			
			#contentLeft
			{
				position: relative;
				top: 0px;
				left:0px;
				height:368px;
				overflow:auto;
				display:block;
				
				
			}
			
			#contentRight
			{
				position: absolute;
				left: 388px;
				top:0; 
				width:194px;
				float: right;
				font: Arial, 11px, #333333 ;
				
				background-color:#ebedef;
				height:100%;
				display:block;
			}
			
			#contentRightTop
			{
				overflow: auto;
				font: Arial, 11px, #333333 ;
				height:360;
				display:block;
			}
			
			
			
			.contentMain
			{
				position: relative;
				left: 0px;
				top:0px; 
				width: 100%; 
				padding:0 0 0 0;
				margin:0 0 0 0;
							
			}
			
			#resourceWrapperContainer
			{
				position: relative;
				left: 0px;
				top:0; 
				
			}
			
			#generalDataContainer
			{
				position:relative; 
				top:0px; 
				left:0px;
				display:block;
				
				
			}
			
			#hintContent
			{
				margin:10 6 5 6 ;
			}
			
			#contentRight hr
			{
				border-bottom: solid 1px #e2af00
			}
			#hints
			{
				padding: 4px;
				color: #345a73
			}
			#hints a, #hints b
			{
				color: #345a73;
				font-weight: bold
			}
			
			
			
			
			#links
			{
				
				position: relative;
				left: 43px;
				top: 4px;
				width: 250px;
				height: 20px;
				background-image: url(../images/btn_bg.gif); 
				background-repeat:repeat-x;
				background-position: 0 0;
			}
			#links hr
			{
				display: none
			}
			#links ul
			{
				list-style: none;
				margin: 0
			}
			#links ul li
			{
				float: left;
			}
			#links ul li a
			{
				display: block;
				text-indent:8px;
				padding-top:2px;
				height: 20px;
				color:#ffffff;
				font-family: Arial;
				font-size: 12px;
				font-weight: normal;
				text-decoration:none;
				
			}
			
			#links ul li#link-help a
			{
				width: 42px;
				height: 20px;
				border-right:solid 1px #ffffff;
				
				
			}
			#links ul li#link-reset 
			{
				width: 74px;
				height: 20px;
				border-right:solid 1px #ffffff;
			}
			
			#links ul li#link-terms a
			{
				width: 132px;
				height: 20px;
				
			}
			
						
			/*-- CLASSES */
						
			
			p.text
			{
				padding:2 2 0 12 ;
				
			}
			
			p.textHelp
			{
				
				color:#333333;
				
			}
			p.title
			{
				font-size: 11px;
				font-weight: bold;
				color:#333333;
			}
			
			.required
			{
				color: #3B4D5F;
				background-color: transparent;
				padding-left:1px;
			}
			
			#requiredText
			{
				position:absolute; 
				top:5px; 
				left:170px;
			}
			
			
			p.required
			{
				color: #333333;
				background-color: transparent;
				font-weight:bold;
				
			}
			p.performer
			{
				color: #529e35;
				background-color: Transparent;
				font-size: 12px;
				font-weight: bold
			}
			
			
			p.header
			{
				font-weight: bold;
				font-size: 15px;
				color: #333333;
				background-color: Transparent;
			}
			
			.header2
			{
				font-weight: bold;
				font-size: 12px;
				color: #374f54;
				padding:4 0 0 12;
				
				
			}
			
			
			
			p.header3
			{
				font-weight: bold;
				font-size: 12px;
				color: #333333;
				margin-top:10; 
			}
			
			
						
			
			#printResult
			{
				clear: both;
				float: none;
				position: absolute;
				left: 80px;
				top: 430px;
				width: 90px;
				height: 19px ;
				
			}
			
			
			
			.lblErr {
				color: Red ;
				font-size:  1em;
			}

			.errDot {
				color: Red ;
				font-size:36px;
			}
			
					
			
			.btn1
			{
				background-color: #3B4D5F;
				height:28px;
				color:#ffffff;
				font: Arial;
				font-size:11px;
				font-weight:500;
				text-align:center ;	
				border: solid 0px #3B4D5F;
				text-transform:uppercase;
				cursor:hand;
				width:50px;
			}
			
			.btnRefreshFuelUnits
			{
				background-color: #3B4D5F;
				height:28px;
				color:#ffffff;
				font: Arial;
				font-size:11px;
				font-weight:500;
				text-align:center ;	
				border: solid 0px #3B4D5F;
				text-transform:uppercase;
				cursor:hand;
				
			}
			
			
			.btn
			{
				background-color: #3B4D5F;
				height:33px;
				
				color:#ffffff;
				
				font: Arial;
				font-size:11px;
				font-weight:500;
				text-align:center ;	
				
				border: solid 0px #3B4D5F;
				
				text-transform:uppercase;
					
				cursor: hand;
				
			}
			
			
			


.btnTimeout
{
	color:#ffffff ;
	cursor: hand;
	height: 19px;
	width:280px;
	background-color: 3B4D5F ;
	text-decoration: none;
	font-size:11px;
	font-weight:500;
	
	
}




#termsContainer
{
	position:relative ;
	top:10px;
	left:10px;
	OVERFLOW: auto; 
	WIDTH: 550; 
	HEIGHT: 350;
	padding:0 20 10 0;
	
}

#helpContainer
{
	position:relative ;
	top:10px;
	left:10px;
	
	margin:0 20 20 0 ;
}



#nabersOfficeTitle
{
	position:absolute ;
	top:90px;
	left:284px;
	width: 190px;
	height: 21px;
	background-image: url(../images/hed-nabersoffice.gif); 
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

.close
{
	font-weight:bold;
	color: #475869;
	text-decoration: underline
}


.btnContainer{ float:left; margin-top:20px; margin-left:12px; width:101px;}
.btnLeftContainer{float:left;}
.btnRightContainer{float:right;}

.sourceNavContainer{ float:left; margin-top:10px; margin-left:0px;width:100%;}
.sourceNavBtn1{ float:left;width:50px; }
.sourceNavBtn1Plus{ float:left; margin-left:1px;width:50px;}
.itemListContainerIE { border-right: buttonshadow 1px solid; border-top: buttonshadow 1px solid; MIN-HEIGHT: 80px; border-left: buttonshadow 1px solid; width: 350px; border-bottom: buttonshadow 1px solid; background-color: #ffffff; }
.itemListContainerWaste { border-right: buttonshadow 1px solid; border-top: buttonshadow 1px solid; MIN-HEIGHT: 80px; border-left: buttonshadow 1px solid; width: 350px; border-bottom: buttonshadow 1px solid; background-color: #ffffff; }


.itemListContainer{margin-left:12px;margin-top:6px}
.IEItemContainer{margin-left:4px;margin-top:1px; width:98%;float:left;}
.IEItemHeader{ float:left; width:120px;}
.IEItemValue{float:left; }

.WasteItemContainer{margin-left:4px;margin-top:1px; width:98%;float:left;}
.WasteItemHeader{ float:left; width:120px;}
.WasteItemValue{float:left; }