body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}

p, h1, h2, h3, h4, h5, h6{
	margin:0px 0px 10px 0px;
	}
	
a:link, a:visited, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #006600;
}
a:hover {
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
}


.none {
	display: none;
}
	
#wrapper{
	width:990px;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-top:0pt none;
	padding:5px;
	padding-top:0px;
	}
	
/* Top ************************************* */

#top{
	height:60px;
	background:url(../images/logo.jpg) no-repeat top left;
	}
	
#impinfo1 {
	background-image: url(../images/important.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
	height: 45px;
	width: 250px;
}
#impinfo1 p {
color: #FFF;
padding-top:5px;
font-weight: bold;
}
#impinfo1 a:link, #impinfo1 a:visited, #impinfo1 a:active {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#impinfo1 a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
#impinfo2 {
	background-image: url(../images/important1.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
	height: 45px;
	width: 250px;
	margin-right:5px;
}
#impinfo2 p {
color: #FFF;
padding-top:5px;
font-weight: bold;
}
#impinfo2 a:link, #impinfo2 a:visited, #impinfo2 a:active {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#impinfo2 a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
#impinfo3 {
	background-image: url(../images/important2.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
	height: 45px;
	width: 250px;
	margin-right:5px;
}
#impinfo3 p {
color: #FFF;
padding-top:5px;
font-weight: bold;
}
#impinfo3 a:link, #impinfo3 a:visited, #impinfo3 a:active {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#impinfo3 a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
/* Navigation ************************************* */

	
#nav{
	height:24px;
	text-align:left;
	}
#nav img{
	float:left;
	width:1px;
	margin:0px;
	padding:0px;
	}
	
#nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
	height:24px;
	float:left;
	clear:both;
	}
	
#nav li{
	display:inline;
	}
	
#nav li a{
	display:block;
	float:left;
	line-height:24px;
	padding:0px 0px 0px 10px;
	background:url(../images/navleft.jpg) no-repeat left;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	}
	
#nav li a:hover{
	background:url(../images/navlefthvr.jpg) no-repeat left;
	color:#333333;
	}
	
#nav li a span{
	display:block;
	background:url(../images/navright.jpg) no-repeat right;
	line-height:14px;
	padding:5px 20px 5px 10px;
	}
	
#nav li a:hover span{
	background:url(../images/navrighthvr.jpg) no-repeat right;
	}
	
#nav li.current a, #nav li.current a:hover{
	background:url(../images/navleftcur.jpg) no-repeat left;
	color:#FFFFFF;
	}
#nav li.current a span,  #nav li.current a:hover span{
	background:url(../images/navrightcur.jpg) no-repeat right;
	}
	
/* Title ************************ */

#title{
	height:25px;
	background-color:#000000;
	clear:both;
	margin-bottom:5px;
	color:#FFFFFF;
	text-align:left;
	}

#title h2{
	margin:0px;
	padding:0px 5px;
	line-height:25px;
	font-weight:normal;
	font-size:14px;
	}
	
/*	Banner ********************************************************************************** */

#main{
	text-align:left;
	}
	
#banner{
	height:260px;
	}
#ulogin{
	width:220px;
	background:url(../images/ulog.jpg) no-repeat top;
	height:260px;
	padding:5px 0px 0px 0px;
	float:left;
	}	
	
#ulogin.agent{
	background:url(../images/agentsign.jpg) no-repeat top;
	}
#ulogin h2, #homeright h2{
	line-height:35px;
	margin:0px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	}
#ulogininnner{
	border:1px solid #97CB7D;
	border-top:0pt none;
	height:219px;
	}
	
#uloginback{
	margin:0px 2px 2px 2px;
	padding:10px;
	background-color:#EFEFEF;
	height:197px;
	}
#uloginback p{
	margin:0px 0px 5px 0px;
	}
	
#uloginback span.inpt{
	display:block;
	float:left;
	width:110px;
	padding:0px;
	background:url(../images/inputtext.jpg) no-repeat;
	height:20px;
	
	}
	
#uloginback input.inpt{
	width:100px;
	padding:2px 5px;
	border:0pt none;
	background:none;
	height:16px;
	}
	
#uloginback p.right{
	text-align:right;
	}
	
#uloginback p.s{
	width:80px;
	float:left;
	line-height:20px;
	margin-right:3px;
	}
	
#uloginback form{
	margin:0px;
	}
	
	
	
/* Main bits of page ************************************* */

#left{
	width:760px;
	float:left;
	padding:0px;
	}
	
#left h3, h3.title{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#000000;
	font-weight:normal;
	}
	
#left p{
	padding-left:20px;
	line-height:150%;
	}
	
#homeleft p, #homeright p{
	padding:0px;
	line-height:normal;
	}
	
#right{
	width:220px;
	float:right;
	padding:0px;
	}
	
.clear{
	clear:both;
	}
	
#homeleft{
	width:375px;
	float:left;
	}
	
#homeleft h2{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:30px;
	font-style:italic;
	color:#000000;
	margin:0px 0px 10px 0px;
	padding-left:30px;
	background:url(../images/quote.gif) no-repeat 5px 5px;
	}
	
#homeleft blockquote {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:25px;
	font-style:italic;
	color:#000000;
	margin:0px 0px 10px 0px;
	padding-left:0px;
  	background: transparent url(../images/quotet.gif) left top no-repeat;
}
#homeleft blockquote div {
 	padding-left: 25px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
  	background: transparent url(../images/quoteb.gif) right bottom no-repeat;
}
	
.facts {

}
.facts ul {

}
.facts ul li{
	list-style-type: none;
	padding-bottom:10px;
}
.flash {
	color: #FF0000;
	text-decoration: blink;
	font-weight: bold;
}
.red {
color: #FF0000;
}	
	
	
#homeright{
	width:375px;
	float:right;
	background:url(../images/homebox.jpg) no-repeat top;
	padding:5px 0px 0px 0px;
	}
	
#homerightbox{
	border:1px solid #97CB7D;
	border-top:0pt none;
	}
	
#homerightboxback{
	margin:0px 2px 0px 2px;
	padding:0px;
	background-color:#EFEFEF;
	}
	
#homerightboxback div.img{
	height:78px;
	width:75px;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	float:left;
	text-align:center;
	padding-top:22px;
	margin:0px;
	}
#homerightboxback div.desc{
	height:90px;
	border-top:2px solid #FFFFFF;
	width:282px;
	float:right;
	padding:10px 0px 0px 10px;
	margin:0px;
	}
	
.b{
	border-bottom:2px solid #FFFFFF;
	}
#homerightboxback div.desc p{
	width:180px;
	}
	
.box1{
	background:url(../images/rightbox1img.jpg) no-repeat bottom right;
	}
	
.box2{
	background:url(../images/meterindex.jpg) no-repeat bottom right;
	}
	
.box3{
	background:url(../images/rightbox3img.jpg) no-repeat bottom right;
	}


#right h2{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:25px;
    font-style: italic;
	color:#000000;
	margin:0px 0px 10px 0px;
	}
	
#right p.test{
	padding-left:30px;
	font-style:italic;
	}
#right p.right{
	text-align:right;
	}
	
#right p.cent{
	text-align:center;
	}
	
	
	
#left h3.heading{
	height:35px;
	line-height:35px;
	margin:0px;
	padding:5px 0px 0px 10px;
	background:url(../images/mainformhead.jpg) no-repeat top;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#left h3.heading_agent{
	height:35px;
	line-height:35px;
	margin:0px;
	padding:5px 0px 0px 10px;
	background:url(../images/mainformheadagent.jpg) no-repeat top;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#mainform{
	border:1px solid #97CB7D;
	border-top:0pt none;
	padding:0px 2px 2px 2px;
	margin-bottom:5px;
	}
	
#mainform_agent{
	border:1px solid #0099CC;
	border-top:0pt none;
	padding:0px 2px 2px 2px;
	margin-bottom:5px;
	}
	
#mainform table, fieldset{
	border:0pt none;
	}
	
#mainform_inner{
	padding:10px;
	background:#EFEFEF;
	margin:0px;
	}
#mainform_inner p {
display: block;
width: 700px;
}	
#mainform table{
	margin-left:15px;
	}
	
td.mainform{
	background:url(../images/mainformtxt.jpg) no-repeat left;
	height:30px;
	}
	
td.mainform input{
	line-height:30px;
	color:#666666;
	padding:5px 2px;
	width:342px;
	border:0pt none;
	background:none;
	}
td textarea{
	color:#666666;
	padding:5px 2px;
	width:342px;
    border: 1px solid #999;
    font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
#left h6{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	}	
input.submit{
	width:100px;
	height:20px;
	background:transparent url(../images/submit.jpg) no-repeat;
	line-height:20px;
	text-align:center;
	color: #FFF;
	border:0pt none;
	}
	





/* Footer ****************************************************** */

#footer{
	height:35px;
	background-color:#EFEFEF;
	clear:both;
	font-size:11px;
	padding-top:7px
	}


h4.reporthead{
	padding:5px;
	padding-left:10px;
	line-height:30px;
	background:url(../images/rephead.jpg) no-repeat top;
	color:#FFFFFF;
	font-size:14px;
	margin:0px;
	}
	
tr.dkblue td{
	background:#97CB7D url(../images/bdr.gif) repeat-y left;
	color:#FFFFFF;
	
	}
	
tr.ltblue td{
	background:#EFEFEF url(../images/bdr.gif) repeat-y left;
	}
table.reporttab{
	border:1px solid #97CB7D;
	border-top:0pt none;
	}
/*************************  TOOLTIPS   ****************************/
.tooltip{width:20px; height:20px; background:url(/images/billchktool.gif) no-repeat; display:block; position:absolute; color:#666666 !important; font-style:normal !important; font-weight:normal !important; text-decoration:none !important; font-size:12px !important; line-height:normal !important; margin:0 !important; padding:0 !important; outline:0;}
p#tooltip{position:absolute; background:#FFFFCC; border:1px dotted #FFCC66; padding:10px; width:250px; top:50%; left:50%; display:none; z-index:1000; }
#clicker{width:100%; height:100%; top:0px; left:0px; display:none; z-index:1001; position:absolute;}
/*************************  /TOOLTIPS ******************************/
/*************************  BILLCHECK STYLING ****************************/
.billcheck {
	border: 1px solid #669900;
}
#billckhm{width:760px; display:block; margin:0 auto;}
#billckhm dt, #billckhm dd{margin:0; padding:0 0 0 10px; float:left; height:40px; line-height:30px;}
#billckhm dt{width:135px; padding:0 0 0 5px; text-align:right;}
#billckhm dd{width:199px;}
#billckhm dd input{margin: 3px 0 0;width:170px; height:25px; float:left; padding:5px 5px 0 5px; line-height:30px; font-size:14px; color:#666666; border:0;  background:transparent;}
#billckhm dd.inputhold{background:url(../images/billchktxt.jpg) no-repeat 10px 0px;}
#billckhm dt.clear{clear:both; position:relative; width:758px; float:none; text-align:left;}
#acedit1{width:758px; display:block; margin:0 auto; border:1px solid #98CD7F; border-top:0pt none; padding:20px 0;}
#acedit1 .submit, #billchkcmd{width:130px !important; height:30px !important; background:url(../images/billchkcmd.jpg) !important; float:none; padding:0px; color:#FFFFFF; line-height:20px;}

#sthing{margin:0;padding:0;width:350px;list-style-type:none;display:block;float:left;}
#sthing .title{width:60px;height:100%;float:left;font-size:45px;line-height:50px; background:url(); position:relative;}

#sthing li{float:left;width:280px;height:25px;padding:0 0 5px; background:url(../images/billchkform/s-form.jpg) no-repeat 0px 0px;}
#sthing li input{margin: 3px 0 0;width:150px; border:0; background:transparent; padding:0 3px;}

#sthing li.lastfirst{ background:url(../images/billchkform/s-form.jpg) no-repeat;}
#sthing li.lastfirst input{margin: 3px 0 0;width:73px;}

#sthing li.second{width:280px; background:url(../images/billchkform/s-form.jpg) no-repeat;}
#sthing li.second input{margin: 3px 0 0;width:150px;}

#billchkelec{display:block;float:right;width:380px;margin:0;padding:0 0 0 5px;}
#billchkelec dt, #billchkelec dd{width:150px;float:left;margin:0;height:25px;padding:0 0 5px;}

#billchkelec dd{ background:url(../images/billchkform/bce.jpg) no-repeat; width:150px;}
#billchkelec dd.supplier{background:url();}
#billchkelec dd input{margin: 3px 0 0;width:120px; border:0; background:transparent; padding:0 0px;}
.reads input, .readsgr input{margin:0;width:72px; border:0; background:transparent; padding:0px 0px; height:25px;}
.reads input{margin: -2px!important;background:url(../images/billchkform/reads.jpg) no-repeat;}
.readsgr input{margin: -2px!important;background:url(../images/billchkform/readsgr.jpg) no-repeat;}
#billchkcmdlong{width:230px !important; height:30px !important; background:url(../images/billchkcmdlrg.jpg) no-repeat !important; float:none; padding:0px; color:#FFFFFF; line-height:20px;}
#billchkcmdmed{width:180px !important; height:30px !important; background:url(../images/billchkcmdmed.jpg) no-repeat !important; float:none; padding:0px; color:#FFFFFF; line-height:20px;}

/* Info boxes ********************************* */

a.info {
	color:#666;
	display:block;
	float:left;
	height:20px;
	margin:-2px 2px 0px 0px;
	text-decoration:none;
	width:20px;
	background-image: url(../images/billchktool.gif);
}

a.info span {
display:none;
}

a.info span h4 {
font-size:16px;
font-weight:400;
line-height:normal;
margin:0;
padding:0;
}

a.info:hover {
position:relative;
}

a.info:hover span {
background:#FFFAB3;
border:1px solid #E1D000;
bottom:23px;
display:block;
font-size:12px;
left:5px;
line-height:normal;
padding:10px;
position:absolute;
width:200px;
}

#billcheckbutton {
width: 250px;
height: 30px;
line-height: 30px;
margin-left: 70px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #800000;
}
#billcheckbutton a {
padding-left: 30px;
color: #800000;
font-size:14px;
}