/* @override http://www.enalasys.com/greennet/CSS/utilities.css */

/* CSS Document */

body{
	
	margin:0 auto;
	text-align:center;
	background-image:url(http://www.enalasys.com/greennet/images/greengradient.png);
	background-repeat:repeat-x;
	background-position: 0px 30px;
	font-family:Arial, Helvetica, sans-serif;}


#headWrap
{
	width:1000px;
	height:auto;
	background-color: transparent;
	margin:0 auto;
	text-align:left;
	border-top:4px solid #9ACA3C;
	border-bottom:0px;
	border-left:4px solid #9ACA3C;
	border-right:4px solid #9ACA3C;
	margin-top:10px;
	background-image:url(http://www.enalasys.com/greennet/images/greengradient.png);
	background-repeat:repeat-x;
		background-position: 0px -30px;
	
}


#leaderBoard
{
	border-left:1px solid #9ACA3C;
	border-right:1px solid #9ACA3C;
	margin:3px 3px 0px 3px;
	background-color:#000;
	height:auto;
	position:relative;
	height:90px;
	border-left:1px solid #9ACA3C;
	border-right:1px solid #9ACA3C;

	
}

#topAd
{
	height:auto;
	float:left;
	position:relative;
	width:728px;
	height:0px;
	background-color:#000;
	clear:none;
}

#acctAccess
{
	height:auto;
	float:right;
	position:relative;
	clear:none;
	width:259px;
	height:90px;
	background-image: url(http://www.enalasys.com/greennet/images/login.png);
	background-repeat: no-repeat;
	background-position: center 15px;
}

#header
{
	clear:both;
	background-color:#CCC;
	border-bottom:0px solid #006FBA;
	margin:0px 3px;
	background-color:transparent;
	height:auto;
			background-image: url(http://www.enalasys.com/greennet/images/greengradient.png);
	background-repeat: repeat-x;
	background-position: left -700px;overflow: hidden;

	
}

#mainNav
{
	
	padding-top:0px;
	height:120px;
	margin:0px 0px;
	width:auto;
	background-color:transparent;
	clear:both;
	text-align:right;
	padding-bottom:0;
	background-position:25px 15px;
	background-color:#FFF;
	border-left:1px solid #9ACA3C;
	border-right:1px solid #9ACA3C;

}

#navWrapper {
	text-align:left;
	width:auto;
	float:none;
	position:relative;
	margin-top:43px;
	height:auto;
	text-align:right;
	padding-left:0px;
	margin-right: 0px;

	}

.activeTab
{
	padding-bottom:10px;
	}
	
#about {

	position:relative;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 20px 0px 20px;
	background-color:transparent;	
	
	}
#about a
{
	font-family:Verdana, Geneva, sans-serif;
	background:#FFF; margin:0px 0px ;width:300px; font-size:12px; padding: 0px 15px;  border-left: 1px solid #CCC; color:#999; font-size:10px; font-weight:normal;
	}
	
	#about a:hover
{
	color: #000;

	}

#subNav ul
{
	height: 40px;
	position: relative;
	margin:1px 3px;
	background-color: #fcd403;
	border-left:1px solid #fcd403;
	border-right:0px solid #fcd403;
	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;		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}
	
	#subNav a {
	color: #7b6212;
	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;
		}

		#subNav a:hover {
		color: #dfc121;
		}

#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 {

	background-color:#006FBA ;
	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;
}

.inActiveTab
{
}

.ActiveSubTab
{
}	
.inActiveSubTab
{
}
.animatedtabs{
border-bottom: 8px solid #fcd403;
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;
}