@charset "utf-8";
/* CSS Document */

@import "nav-h.css";

body {
	background:url(../imgs/body_bg.gif) top repeat-x;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
p {
	font-size:11px;
	color:#525252;
	margin-bottom:15px;
	}
	
a {
	color:#475a68;
	text-decoration:none;
	}
	
a.footerLink {
	color:#fff;
	border-bottom:1px dotted #fff;
	}
	
a:hover {
	color:#475a68;
	text-decoration:underline;
	}
	
table {
	font-size:11px;
	color:#525252;
	}
	
p.testimonial {
	font-style:italic;
	}
	
ul.inContent {
	font-size:11px;
	color:#525252;
	margin-bottom:25px;
	}
	
ul.inContent li {
	margin-bottom:7px;
	}
	
h2 {
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	color:#2c495d;
	}
	
h2 strong {
	font-style:italic;
	color:#d3aa00;
	}

.frame {
	width:930px;
	margin: 0 auto;
	background:url(../imgs/frame_bg.gif) repeat-y;
	}
	
.allContainer {
	width:930px;
	/*background:#fff;*/
	}
	
.topContainer {
	width:930px;
	height:65px;
	background:url(../imgs/topNav_bg.gif) repeat-x;
	}
	
.mainLogo {
	width:200px;
	height:65px;
	float:left;
	margin-left:15px;
	background:url(../imgs/logo.gif) no-repeat;
	}
	
.contentContainer {
	width:900px;
	float:left;
	margin:0 15px 0 15px;
	}
	
.contentTitleHolder {
	width:579px;
	/*background:#cc0000;
	float:left;*/
	border-bottom:1px solid #ccc;
	}
	
.csImageHolder {
	padding-top:25px;
	/*float:left;*/
	}
	
.iconHolder {
	/*float:right;
	position:relative;*/
	}
	
.home {
	background:url(../imgs/contentBG-home.gif) repeat-y;
	}
	
.homeLeftColumn {
	width:683px;
	/*height:300px;*/
	background:#ececec;
	float:left;
	padding-bottom:30px;
	}
	
.contentBox {
	width:639px;
	float:left;
	background:url(../imgs/contenBG-bottom.gif) no-repeat bottom;
	padding-bottom:55px;
	margin-left:22px;
	}
	
.content {
	float:left;
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	margin-bottom:0px;
	}
	
.homeRightColumn {
	width:217px;
	/*height:300px;
	background:url(../imgs/homeRightCol_bg.gif) no-repeat bottom;*/
	float:right;
	}
	
.homeImageArea {
	width:683px;
	height:285px;
	float:left;
	}
	
.subImageArea {
	width:683px;
	height:158px;
	background:#777;
	}
	
.breadCrumb {
	width:683px;
	height:35px;
	float:left;
	background:url(../imgs/bread_bg.gif) repeat-x;
	color:#fff;
	}
	
.breadCrumb p {
	color:#fff;
	margin-left:15px;
	margin-top:8px;
	padding:0;
	}
	
.breadCrumb a {
	color:#fff;
	}
	
.topShadowHome {
	width:930px;
	height:35px;
	background:url(../imgs/topGraphic-home.gif) no-repeat;
	}
	
.rightNavHolder {
	width:178px;
	float:left;
	/*height:100px;*/
	margin-left:19px;
	margin-bottom:15px;
	background:url(../imgs/right-nav-bg.gif) no-repeat bottom;
	}
	
.rightNavHolder p, .homeRightNavHolder p {
	font-weight:bold;
	}
	
.homeRightNavHolder {
	width:178px;
	float:left;
	/*height:100px;*/
	margin-top:15px;
	background:url(../imgs/right-nav-bg.gif) no-repeat bottom;
	}
	
.rightNavHolder p, .homeRightNavHolder p {
	font-size:10px;
	padding:5px 15px 20px 15px;
	margin-top:0;
	}
	
.rightNavHolder ul {
	margin-bottom:25px;
	margin-left:0;
	margin-top:0;
	padding-left:0;
	font-size:11px;
	}
	
.rightNavHolder ul li {
	list-style:none;
	padding-left:18px;
	padding-right:10px;
	line-height:12px;
	margin-bottom:7px;
	}
	
.rightNavHolder ul li a {
	text-decoration:none;
	color:#4e4e4e;
	line-height:12px;
	}
	
.rightNavHolder ul li a:hover {
	text-decoration:underline;
	color:#000;
	}
	
.rightNavHolder ul li.active {
	background:url(../imgs/right-nav-arrow.gif) left no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#4e4e4e;
	}
	
.rightNavHolder ul li.active a:hover {
	text-decoration:none;
	color:#4e4e4e;
	}
	
.footer {
	width:878px;
	height:52px;
	float:left;
	color:#fff;
	font-size:10px;
	padding:15px 7px 0px 15px;
	}
	
.homefoot {
	background:#14222c url(../imgs/logo-footer.gif) no-repeat right;
	}
	
.bottomShadow {
	width:930px;
	height:25px;
	float:left;
	background:url(../imgs/bottomShadow.gif) no-repeat;
	}
	
.clientLogin {
	width:198px;
	padding-left:19px;
	padding-top:30px;
	}
	
.loginTop {
	background:url(../imgs/loginTop.gif);
	height:5px;
	width:178px;
	float:left;
	}
	
.loginMid {
	background:#96a1a8;
	width:178px;
	float:left;
	font-size:10px;
	color:#fff;
	padding:7px 0 7px 0;
	}
	
.loginBot {
	background:url(../imgs/loginBottom.gif);
	height:5px;
	width:178px;
	float:left;
	}
	
input.button {
	background:#a48632;
	color:#fff;
	border:1px solid #e2e5e7;
	padding:3px;
	margin:0px;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	}
	
input.button:hover {
	background:#524317;
	color:#fff;
	border:1px solid #e2e5e7;
	}
	
.pageTitleImg {
	width:217px;
	height:193px;
	}
	
.validCode {
	position:relative;
	float:right;
	top:0;
	margin-right:220px;
	}
	
.energyTable {
	
	}

.energyTable td {
	padding-left:7px;
	padding-right:7px;
	border-right:1px solid #ccc;
	}

.energyTable p {
	font-size:9px;
	margin-bottom:7px;
	margin-top:7px;
	}
	
.expenses {
	background-color:#2c495d;
	color:#fff;
	text-align:center;
	border-right:1px solid #fff;
	}
	
.usage {
	background-color:#2c495d;
	color:#fff;
	text-align:center;
	}
	
.month {
	background-color:#cccccc;
	border-left:0;
	}
	
.monthTop {
	border-left:0px solid #ccc;
	}
	
.subTH {
	background-color:#dbdbdb;
	}
	
.totalRow {
	border-top:5px solid #67BF57;
	}