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

#ConsumerLogin{
	color: #030;
	background-color:#EEE;background-image:url(/images/button_gradient.png);background-repeat:repeat-x;height:22px;  
	}
	
.acctLogin input {
	width:119px;margin:0px;padding:0px;height:auto;
	}

.acctLogin span {
	font-size:10px;font-family:Verdana, Geneva, sans-serif;color:#FFF;margin-right:74px;margin-left:3px;
	}


#subNav ul
{
	height: 40px;
	position: relative;
	margin:1px 4px;
	background-color:#9ACA3C;
	border-left:0px solid #9ACA3C;
	border-right:0px solid #9ACA3C;
	border-bottom:1px solid #FFF;
	background-image:url(http://www.enalasys.com/greennet/images/SubGradient.png);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:0;

	}

#subNav ul li {
	float: left;
	clear: none;
	display: inline;
	padding:1em 0em;
	border: 0;
	color: #000;		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

	
#subNav a {
color:#360;
font-weight: bold;
border-right: 1px solid #CCC;
font-size: 14px;
padding:3px 1.2em;
	text-decoration: none;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		text-shadow: #FFF 1px 1px 0;
		}
		
		#subNav a:hover {
	color: #9ACA3C;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		

#navWrapper div.animatedtabs ul li a.utility, span a.utility {
		background-color: #fcd403;
			text-shadow: #cac11e 1px 1px 0;
}
#navWrapper div.animatedtabs ul li a.consumer {
	background-color:#9ACA3C ;
		text-shadow: #3a6f3d 1px 1px 1px;
}
	
#navWrapper div.animatedtabs ul li a.commercial, span a.commercial {
	background-color:#9ACB3C ;
		text-shadow: #3a6f3d 1px 1px 1px;
}
	
#navWrapper div.animatedtabs ul li.signupBTN a {
	background-color:transparent;
		background-image:url(http://www.enalasys.com/greennet/images/signup.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width: 140px;
	height: 34px;
	padding: 5px 0px 0px 25px;
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-shadow: #8b1f12 1px 1px 1px;
}



.animatedtabs{
border-bottom: 8px solid #9ACA3C;
padding-top:0px;
overflow: hidden;
width: auto;
font-size: 19px;
padding-left: 0;clear:both;
text-align: right; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
clear: none;
margin: 0;
padding: 0;
margin-top:00px;
}

.animatedtabs a{
	float: left;
	position: relative;
	top: 3px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(http://www.enalasys.com/greennet/images/tab-blue-left.png) no-repeat left top;
	margin: 0;
	margin-right: 5px; /*Spacing between each tab*/
	padding: 0 0 0 5px;
	text-decoration: none;
	border:none;
	background-image: url(http://www.enalasys.com/greennet/images/tab-blue-left.png);
}



.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(http://www.enalasys.com/greennet/images/tab-blue-right.png) no-repeat right top;
padding: 10px 22px 9px 17px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: #FFF;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{

top: 0;
font-size:20px;

text-shadow: #223b70 1px 1px 1px;padding-bottom:3px;
}

#navWrapper div.animatedtabs ul li a {
	background-color:#006FBA;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: #FFF;
padding-bottom: 12px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
background: url(http://www.enalasys.com/greennet/images/tab-blue-right.png) no-repeat right top;
background-color:transparent ;
}

.animatedtabs a:hover{
background-position: 0% 0px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 12px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
background: url(http://www.enalasys.com/greennet/images/tab-blue-right.png) no-repeat right top;
}
.starNav
{
	width:auto;
	display:block;
	
	
	}
	
	.starNav li
{
	width:100%;
	padding:6px 10px;
	list-style-type:none;

	background-color: #FFF;
	border-top:1px solid #FFF;
	border-bottom:1px dotted #09F;
	font-weight:bold;
	
	
	}
	
		.starNav li:hover
{
	width:100%;
	padding:6px 10px;
	list-style-type:none;
	background-color: #FFC;
	border-top:1px solid #FFF;
	border-bottom:1px solid #09F;
	font-weight:bold;
	
	}
	
		.starNav li a
{
		text-decoration:none;
		color: #2C9C97;
	}
	
			.starNav li a:visited
{
	
	}
		.starNav li a:hover 
{
		color: #39A55D;
		
	}
	
			.starNav li a:active
{
	

	
	}
	
#acct-menu ul {
 	list-style-type:none;
	display:block;
	margin:0;
	margin-left:20px;
	padding:0;
	
	}

#acct-menu li {
 	list-style-type:none;
	display:block;
	margin:0;
	margin-left:20px;
	width:150px;
	margin:0px;
	padding:5px;
	
	}
	
.float-left {
	float:left;
	clear:none;

	
	}
	
.left-menu-acct
{
	background-color:#E4FFFE;
	
	}
	
.content-area {
	width: 800px;
	}
	
.acct-open {
	margin-top:15px;
	color: #090;
	
	}