/* CSS Document */



#subNav ul {
	margin: 0px;
	padding:0;}

.activeTab
{
	padding-bottom:10px;
	}
	
	#about a:hover
{
	color: #000;

	}

#subNav ul
{
	height: 40px;
	position: relative;
	margin:1px 4px;
	background-color:#006FBA;
	border-left:0px solid #006FBA;
	border-right:0px solid #006FBA;
	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;

	}

#subNav ul li {
float: left; clear: none; display: inline;	padding:1em 0em;border: 0;

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

		#subNav a:hover {
		color: #4d8abf;
		}

#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: #333 0px 1px 1px;
}
	
#navWrapper div.animatedtabs ul li a.commercial {
	background-color:#006FBA ;
		text-shadow: #333 0px 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: #333 0px 1px 1px;
}

.inActiveTab
{
}

.ActiveSubTab
{
}	
.inActiveSubTab
{
}


.animatedtabs{
border-bottom: 8px solid #006FBA;
overflow: hidden;
width: auto;
font-size: 19px;
padding-left: 0px;
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;
}

.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;
}