/* NativeEnerty Simple Footprint Calculator - Style Definitions */



a:hover{
	text-decoration:none;
	
	color:#f4911c;
}
a:link{
	text-decoration:none;
	color:#1b64c3;
	
}


#calc{
font-family: Tahoma, Arial, Sans-serif;
	font-size:13px;
	color:#333333;

	position:relative;
	width:635px;
	background-color:#FFFFFF;
	padding:15px 0 55px 0;
	
}

#calc p.intro{
	
	position:relative;
	width:530px;
	margin:15px auto;
	line-height:18px;
		
}

.instructions img{
	position:absolute;
	top:0;
}

.instructions .plus{
	left:49px;
}

.instructions .minus{
	left:103px;
}


.item{
	position:relative;
	width:534px;
	height:60px;
	margin:10px auto;
	background:url('../images/item_background.gif') no-repeat;
	color:#555;
}

.item strong{
	display:block;
	position:relative;
	margin:0 0 3px 12px;
	top:10px;
}

.item span{
	font-size:18px;
	font-weight:bold;
	color:#666;
}

.item p.light{
	position:relative;
	font-size:10px;
	margin:10px 0 0 12px;
	color:#777;
}


.item .inputs{
	position:absolute;
	top:0;
	left:175px;
	width:165px;
}

.item .inputs img{
	position:relative;
	top:10px;
	margin:0 10px 0 0;
	
}

.item .inputs input{
	width:30px;
	height:20px;
	border:1px solid #666;
	background-color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-family: Tahoma, Arial, Sans-serif;
	color:#666666;
	padding:2px 3px;
	top:-15px; 
	margin:0 0 0 15px;
}

.item .inputs .plus{
	position:absolute;
	top:10px;
	right:0;
	width:19px;
	height:19px;
	background:url('../images/plus.gif') no-repeat;
}
.item .inputs .minus{
	position:absolute;
	top:34px;
	right:0;
	width:19px;
	height:19px;
	background:url('../images/minus.gif') no-repeat;
}

.item .inputs .plus em,
.item .inputs .minus em{
	display:none;
}

.item .total{
	position:absolute;
	top:10px;
	right:20px;
	margin:0;
	
}

.total span{
	color:#FF9900;
	font-size:18px;
	font-weight:bold;
}


#bottom{
	position:relative;
	width:530px;
	margin:10px auto;	
}

#bottom #featured{
	margin:20px 0;
	position:relative;
	width:228px;
	height:177px;
	background-color:#FFFFFF;
}

#featured .about{
	padding:12px;
	font-size:10px;
	line-height:15px;
}

#featured img{
	position:relative;
	margin:0 10px;
	float:left;
}

#featured .desc{
	position:relative;
	width:129px;
	float:left;
	clear:none;
	margin:0;
	font-size:11px;
}

#featured .desc strong{
	font-size:13px;
}

#bottom #totals{
	position:absolute;
	top:0;
	left:240px;
	width:360px;
}

#totals p{
	margin:7px 0;
}

#totals input{
	width:40px;
	height:20px;
	border:1px solid #666;
	background-color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-family: Tahoma, Arial, Sans-serif;
	color:#666666;
	padding:2px 3px;
	top:0; 
	margin:2px;
}	


#totals .offset-block{
	margin:5px 10px 0 0;
	position:relative;
	float:left;
	width:140px;
	height:auto;
	text-align:center;
	overflow:hidden;
}

#totals a.offset:link,
#totals a.offset:visited{
	display:block;
	width:140px;
	height:48px;
	background:url('../images/button_offset.jpg') no-repeat;
}

#totals a em{
	display:none;
}


.offset-block span{
	font-size:14px;
	font-weight:bold;
}

.offset-block p{
	font-size:10px;
	font-weight:bold;
	margin:0;
}


#blends{
	position:relative;
	height:55px;
	background:url('../images/blend_icons.gif') top center no-repeat; 
	width:284px;
}

#blends #pc_wind,
#blends #pc_meth{
	position:absolute;
	top:38px;
	font-size:10px;
	text-align:center;
	width:40px;
}

#blends #pc_wind{
	left:12px;
}
#blends #pc_meth{
	left:229px;
}

/* slider for blend choice */

#slider{ 
	position:relative; 
	overflow:visible;
	margin:10px 5px;
	top:15px; 
	width:150px;
	height:10px;
	left:55px;
	-moz-user-select: none; -khtml-user-select: none; user-select: none; 
 }

#slider #bar{ 
	position:absolute;
	width:100%; 
	height:10px; 
	top:0; 
	left:0; 
	cursor:pointer;
	background:url('../images/slider_bg.gif') no-repeat;
}
   
#slider #scrub{ 
	cursor:move; 
	position:absolute;  top:3px; left:0; height:12px; width:12px; 
	background:url('../images/slider_scrub.gif') no-repeat;
}