/* Layout 

colours to use:

dark green: #14321a;
bright green: #1b801c;
medium green: #76b377;
highlight green: #c4e2c4;
light grey (background): #e6e6e6;
light grey (borders): #d6d6d6;
medium grey: #b3b3b3;
black: #1e1e1e;
error red: #781111;

*/

.aligncenter { 
	display:block; 
	margin:0 auto 
}

.alignleft { 
	float:left;
	margin: 0 20px 10px 0; 
}

.alignright { 
	float:right;
	margin: 0 0 10px 20px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px 
}

br.clear{
	clear: both;
}


.fLeft{float: left;}
.fRight{float: right;}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix{
	display: inline-block;
}
 
html[xmlns] .clearfix{
	display: block;
}
 
*html .clearfix, *html .twoColumns{
	height: 1%;
}

html, body{
	height: 100%;
}

body{
	font-family: Arial, sans-serif;
	background: #e6e6e6;
	font-size: 85%;
}

h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
	color: #14321a;
	letter-spacing: -0.02em;
}

h1 a{
	background: url(../images/powerpredictor_logo.png) no-repeat  0 0;
	width: 246px;
	height: 81px;
	display: block;
	text-indent: -999999px;
	float: left;
	margin: 10px 0 10px 35px;
}

*html h1 a{
	margin-left: 12px;
}

.partnerLogo {
	float: right;
	margin: 10px 20px 10px 0;
	max-height: 80px;
	max-width: 280px;
}

*html .partnerLogo {
	width: expression(this.width > 281 ? 280: true);
	height: expression(this.height > 81 ? 80: true);
}
h2{
	font-size: 2.5em;
	letter-spacing: -0.04em;	
}
h3{font-size: 2em;}
h4{
	font-size: 1.6em;
	margin-bottom: 10px;
	font-weight: normal;
}

h5{
	font-size: 1.3em;
	line-height: 1.3em;
}
h6{
	font-size: 1.1em;
}

sub{
	font-size: 0.8em;
	vertical-align: sub;
	font-style: normal;
}
p{
	line-height: 1.3em;
}

a{
	text-decoration: none;
	font-weight: bold;
	color: #1b801c;
}

/*a:visited{
	color: #426145;
}*/

a:hover{
	text-decoration: underline;
	color: #269727;
}

a.helper{
	background: url(../images/helper.png) no-repeat 0 0;
	height: 14px;
	width: 11px;
	display: block;
	float: right;
	text-indent: -99999px;
	margin-top: 2px;
	position: relative;
	text-decoration: none;
	z-index: 10;
}

*html a.helper{background-image: url(../images/helper.gif)}

a.helper:hover{background-position: 0 -48px;}


h6.helper, h5.helper{
	padding-bottom: 3px;
}

h6.helper span, h6.helper a.helper,
h5.helper span, h5.helper a.helper{
	float: left;
	margin-right: 4px;
}

h6.helper a.helper{margin-top: 0;}
h5.helper a.helper{margin-top: 4px;}

a.helper span{
	display: none;
}

a.helper:hover span{
	display: block;
	background: url(../images/helper_box.png) no-repeat 0 100%;
	color: #1e1e1e;
	font-size: 11px;
	width: 120px;
	padding: 20px 20px 35px 20px;
	position: absolute;
	bottom: 10px;
	left: -34px;
	overflow: hidden;
	border-top: 1px solid #b3b3b3;
	text-indent: 0;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	z-index: 10;
	line-height: 1.3em;
}

*html a.helper:hover{
	text-decoration: none;
}

*html a.helper:hover span{
	background-image: url(../images/helper_box.gif);
}

.small{font-size: 0.8em;}

#mainContainer{
	/*for sticky footer*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	border-left: 5px solid #d6d6d6;
	border-right: 5px solid #d6d6d6;
	background-color: #fff;
	margin: 0 auto -300px;
	text-align: left;
}

.oneColumn, .twoColumns{
	background: url(../images/two_columns.jpg) repeat-y 100% 0;
	overflow: hidden;
	margin: 0 65px 0 65px;
}

.oneColumn{background: none;}

*html .twoColumns{
	margin-top: 2px;
}

.bodyCopy h4, .bodyCopy h5, .bodyCopy h6{
	margin: 15px 0 5px;
}

.bodyCopy p{
	margin-bottom: 10px;
}

.sidebar{
	float: right;
	width: 300px;
	padding: 20px 20px 0 20px;
}

.sidebarHome, .sidebarHomeLoggedIn{ 
	margin-top: -15px;
	margin-bottom: 15px;
}

.sidebarHomeLoggedIn{
	min-height: 550px;
}

*+html .sidebarHome{
	margin-top: 0;
}

*+html .sidebarHomeLoggedIn{
	padding-top: 40px;
	min-height: 700px;
}

*html .sidebarHomeLoggedIn{
	padding-top: 40px;
	height: 700px;
}

.sidebarFinancial{
	float: left;
	width: 260px;
	margin-right: 65px;
}

.sidebar ul{
	margin: 10px 0 20px 20px;
}

.sidebar ul li{margin-bottom: 3px;}

.sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

.sidebar p{
	margin-bottom: 15px;
	line-height: 1.3em;
}

/*header and navigation*/
a.partnerLogo{
	width: 150px;
	height: 100px;
	display: block;
	text-indent: -99999px;
	float: right;
	margin-right: 40px;
}

.nav{
	clear: both;
	height: 35px;
}

.nav ul{
	list-style-type: none;
	padding-left: 10px;
	background: url(../images/nav_main.jpg) repeat-x 100% 100%;
	height: 34px;
	font-size: 1.2em;
	position: relative;
}

.nav ul li{
	float: left;

}

.nav ul li a, .loggedIn{
	text-decoration: none;
	padding: 10px 15px 4px;
	display: block;
	margin-right: 5px;
	color: #fff;
	font-weight: normal;

}

.nav ul li a:hover, .nav ul li a.selected{
	background-color: #fff;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #fff;
	padding:9px 14px 7px; /*reduce this to accomodate 1px border and push up menu item above nav bar*/
	color: #1e1e1e;	
	text-decoration: none;
}

.nav .rightSide, .nav .loggedIn{
	float: right;
	display: block;
}

.loggedIn{
	font-style: italic;
	margin-right: 0;
	font-size: 0.9em;
	padding-top: 12px;
}

.nav.secondary{
	margin-top: 0;
}

.nav.secondary ul{
	background: url(../images/nav_secondary.jpg) repeat-x;
	margin-top: -14px;
	height: 40px;
}

.nav.secondary ul li a{
	padding: 9px 12px 4px;
	margin-top: 4px;
	color: #1e1e1e;

}

.nav.secondary ul li a:hover, .nav.secondary ul li a.selected{
	padding: 8px 11px 10px;
}


/*use this for the top section of the page, with the page title and line under it*/
.top{
	border-bottom: 2px solid #b3b3b3;
	padding: 0 0 10px 0;
	margin: 30px 65px -2px;
	width: 830px; 
}

*+html .top{
	margin-bottom: 0;
}

.top:after, .fullWidth:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.top, .fullWidth{
	display: inline-block;
}

.top .textWrapper{
	float: left;
	width: 500px;
}

.top .textWrapper h2{
	margin-top: 10px;
}

.dataConfidenceBox{
	float: right;
	width: 220px;
}

.dataConfidence{
	background: url(../images/data_confidence.jpg) no-repeat 2px 2px;
	width: 214px;
	height: 16px;
	border: 1px solid #000;
	padding: 2px;
	margin: 2px 0;
	position: relative;
}

/*adjust the width of this in order to show how much they've uploaded*/
#dataConfidence{
	position: absolute;
	right: 0;
	top: 2px;
	width: 100px;
	height: 16px;
	background-color: #fff;
}


button.main, a.mainButton, input.mainButton{
	background: url(../images/button_back.jpg) repeat-x 0 0;
	padding: 3px 10px;
	margin: 0;
	border: 1px solid #1b801c;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.4em;
	margin: 10px 0;
	color: #1e1e1e;
	font-weight: normal;
	display: block;
	float: left;
}

input.mainButton{padding: 0 10px;}

button.main:hover, a.mainButton:hover, input.mainButton:hover{
	background-position: 0 -32px;
	text-decoration: none;
}

.mainContent, .addNewLocation{
	width: 450px;
	margin: 20px 0 40px 0;
	float: left;
	position: relative;
}

.addNewLocation{
	width: 400px;
}

/*when things are processing, you can't edit the location*/

.addNewLocation ul{
	background: #e6e6e6;
	padding: 15px;
	list-style-type: none;
	width: 295px;
	margin-bottom: 10px;
}

.addNewLocation ul li{
	font-size: 1.1em;
}

.addNewLocation ul:after{
	content: "you cannot edit this until we have finished updating your data." ;
	color: #b3b3b3;
	font-style: italic;
	margin-top: 10px;
	display: block;
}

.financialContent{
	width: 500px;
	margin: 0 70px 50px 65px;
	clear: both;
}

.financialContent table{
	margin-bottom: 30px;
}

.mainContent form{
	margin: 15px 0;
}

.mainContent form a.mainButton{
	margin-bottom: 20px;
}

.mainContent h2{margin:10px 0;}

.fullWidth{
	margin: 0 65px 20px;
}

.fullWidth_admin{
	float: right;
	width: 680px;
	margin-left: 0px;
}

.fullWidth p{
	margin-top: 5px;
}

.fullWidth_admin .top{
	width: 615px;
}

#adminNav {
	float: left;
	width: 150px;
	margin: 20px 0 20px 20px;
}

.home{
	height: 600px;
	margin-top: 0;
}

.homeTop h2{
	float: left;
	margin-right: 20px;
}

*+html .homeTop h2{
	line-height: 1.3em;
}

.homeTop a.mainButton{
	margin-top: 5px;
}

.spaceMe{
	margin: 10px 0 20px;
}

.nextToh4{
	margin-top: 4px;
	margin-left: 10px;
}

.restore{
	cursor: pointer; 
	cursor: hand;
}
/*footer*/

.push{height: 300px;}

.footer{
	background: #fff url(../images/footer.jpg) no-repeat 0 100%;
	height: 300px;
	width: 960px;
	position: relative;
	z-index: 6;
	margin: 0 auto;
}

.languages{
	list-style-type: none;
	padding: 5px 65px 5px;
	overflow: hidden;
}

.languages li{
	display: block;
	float: right;
}

.languages li a, .c_radiobutton {
	display: block;
	background: white;
	padding: 3px 7px 3px 20px;
	margin-left: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	background: #fff url(../images/check_light.jpg) no-repeat 5px 50%;
}

.c_radiobutton {
	float: left;
}

.languages li a:hover, .languages li a.selected, .c_radiobutton:hover, .c_radiobutton_selected{
	background: #d6d6d6 url(../images/check_grey.jpg) no-repeat 5px 50%;
	text-decoration: none;	
}

.footer div{
	float: left;
	margin: 0 0 0 65px;
}

*html .footer div{
	margin-left: 35px;
}


.footer div ul{
	list-style: none;
	font-size: 0.9em;
	line-height: 1.3em;
}

.footer div ul li{
	display: block;
	float: left;
	padding: 0 8px 0 0;
	border-right: 1px solid #b4d7f0;
	margin-right: 8px;
}

.footer div ul li.last{
	border-right: none;
}


/*forms*/

label{
	width: 140px;
	float: left;
	font-size: 1.1em;
	margin-top: 5px;
}

label.optional{
	color: #555;
}

.ow-form-row-id-tandc label, .ow-form-row-checkbox label{
	width: 425px;
	float: right;
	margin-bottom: 10px;
	font-size: 1em;
	text-align: left;
}

.ow-form-row {
	overflow: hidden;
}

input.ow-form-element-element{
	width: 180px;
	font-size: 1.1em;
	margin: 0 0 10px;
}

.homeLogin input.ow-form-element-element{
	width: 120px;
}

.checkbox, #tandc, #ownerdp{
	float: left;
	width: 15px;
	margin-right: 5px;
}

.ow-form-row-id-tandc input, #ownerdp{
	margin-top: 5px;
}

select{
	padding: 3px 1px 2px;
}

form select#country{
	width: 200px;
}

#navSiteSelect{
	position: absolute;
	top: 8px;
	left: 220px;
}

*+html #navSiteSelect{
	left: 215px;
}

form select{
	font-size: 1.1em;
	margin-bottom: 10px;
	max-width: 280px;
}

.windTurbine select{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1em;
}

.alignWithForms, a.alignWithForms{margin-left: 140px;}

.addNewLocationSidebar{
	padding: 20px 0;
	width: 400px;
	background-color: #fff;
}

.map{
	width: 400px;
	height: 282px;
	background: url(../images/map.jpg) no-repeat 0 0;
	margin-bottom: 10px;
}

a.smallerButton{
	background-color: #d6d6d6;
	padding: 2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	display: block;
	float: left;
	margin-bottom: 20px;
	font-size: 11px;
}

a.smallerButton:hover{
	background-color: #e6e6e6;
	text-decoration: none;
}

a.smallerButton.spaceMe{margin-left: 4px; margin-top: 12px;}
a.smallerButton.spaceMeH4{margin-left: 4px; margin-top: 5px;}

/*warning messages*/
.errorBar{
	background: url(../images/error_bar.jpg;) repeat-x 0 100%;
	border-bottom: 1px solid #b3b3b3;
	padding: 7px 65px;
}

p.error{
	background: url(../images/warning.gif) no-repeat 0 0;
	padding: 2px 0 0 25px;
	font-size: 1.1em;
	color: #781111;
}

p.error a{color: #781111;}

p.warning, .noFlash{
	background: #e6e6e6 url(../images/warning_grey.gif) no-repeat 3px 3px;
	padding: 3px 5px 3px 25px;
	font-size: 1em;
}

p.warningHome{
	margin-top: -15px;
	font-size: 1em;
	padding: 10px 5px 6px 35px;
	border-bottom: 1px solid #d6d6d6;
	background-position: 10px 8px;
}

p.processing{
	background: url(../images/rotating.gif) no-repeat 0 0;
	padding: 5px 5px 2px 35px;
	font-size: 1.2em;
}


/*roof angles*/
a.flat, a.thirtyPercent, a.sixtyPercent, a.vertical{
	background: url(../images/roof_angle.jpg) no-repeat 0 0;
	width: 110px;
	height: 130px;
	display: block;
	margin: 0 10px 30px 0;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}

a.flat:hover, a.flat.active{
	background-position: 0 -131px;
}

a.thirtyPercent{background-position: -120px 0;}

a.thirtyPercent:hover, a.thirtyPercent.active{
	background-position: -120px -131px;
}

a.sixtyPercent{background-position: -241px 0;}

a.sixtyPercent:hover, a.sixtyPercent.active{
	background-position: -241px -131px;
}

a.vertical{background-position: -361px 0;}

a.vertical:hover, a.vertical.active{
	background-position: -361px -131px;
}

/* selector component */

.c_selector {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.c_selector li{
	display: block; /*these two lines make things line up prett-ily in ie*/
	float: left;
}

.c_selector .c_selectoropt {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}

#directionSelector .c_selectoropt.c_selectoropt_180, 
#directionSelector .c_selectoropt.c_selectoropt_225,
#directionSelector .c_selectoropt.c_selectoropt_135{
	line-height: 65px;
}

#directionSelector .c_selectoropt.c_selectoropt_315, 
#directionSelector .c_selectoropt.c_selectoropt_0,
#directionSelector .c_selectoropt.c_selectoropt_45{
	line-height: 95px;
}

#directionSelector .c_selectoropt.c_selectoropt_270 span{
	padding-left: 10px;
}

#directionSelector .c_selectoropt.c_selectoropt_90 span{
	padding-right: 15px;
}


#directionSelector .c_selectoropt {
	background: url(../images/direction.jpg) no-repeat 0 0;
	text-indent: 0px;
	font-size: 20px;
	text-align: center;
	line-height: 80px;
}

#directionSelector .c_selectoropt:hover{
	text-decoration: none;
}

#landscapeSelector a.c_selectoropt {
	background: url(../images/landscape.gif) no-repeat 0 0;
	text-indent: 0px;
	text-decoration: none;
	color: #333;
	font-weight: normal;
	word-wrap: break-word;
}

#landscapeSelector .c_selectoropt span {
	display: block;
	margin: 75px 8px 0px 8px;
	font-size: 12px;
}

/*directions!*/
ul.directions, ul.roofAngles, ul.landscapes {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.directions li, ul.roofAngles li, ul.landscapes li{
	float: left;
	display: block;
}

.summaryBox a:hover{text-decoration: none;}

	
a.openWater, a.smooth, a.openAgricultural, a.openAgriculturalHedrows, a.agriculturalHedrowsFar,
a.agriculturalHedgrowsClose, a.village, a.town{
	background: #e6e6e6 url(../images/landscapes.gif) no-repeat 0 ;
	width: 60px;
	height: 85px;
	display: block;
	margin-right: 7px;
	padding: 75px 5px 5px;
	text-align: center;
	color:  #1e1e1e;
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin-bottom: 20px;
}

a.smooth{background-position: -115px 5px;}
a.openAgricultural{background-position: -234px 5px;}
a.openAgriculturalHedrows{background-position: -353px 5px;}
a.agriculturalHedrowsFar{background-position: -473px 5px;}
a.agriculturalHedgrowsClose{background-position: -592px 5px;}
a.village{background-position: -712px 5px;}
a.town{background-position: -831px 5px;}


a.openWater:hover, a.openWater.selected, a.smooth:hover, a.smooth.selected, a.openAgricultural:hover, a.openAgricultural.selected,  a.openAgriculturalHedrows:hover,a.openAgriculturalHedrows.selected, a.agriculturalHedrowsFar:hover, a.agriculturalHedrowsFar.selected,
a.agriculturalHedgrowsClose:hover, a.agriculturalHedgrowsClose.selected, a.village:hover, a.village.selected, a.town:hover, a.town.selected{
	background-color: #76b377;
	color:  #1e1e1e;
	text-decoration: none;
}

.homeImage{
	background: url(../images/home_image.jpg) no-repeat 0 0;
	width: 360px;
	height: 900px;
	position: absolute;
	top: 20px;
	left: 130px;
}

.homeImage ul{
	position: absolute;
	left: -120px;
	top: 0;
}

.homeImage ul li{
	list-style-type: none;
	top: 70px;
	width: 100px;
	position: absolute;
	text-align: right;
}

.homeImage ul li.solar{
	top:  140px;
}

.homeImage ul li.windSpeed{
	top: 210px;
}

.homeImage ul li.dataChip{
	top: 370px;
	left: 140px;
}

.loginBox{
	background: #ededed url(../images/login_box.gif) repeat-y 0 0;
	overflow: hidden;
	border-top: 10px solid #fff;
}

.homeActivate, .homeLogin{
	width: 130px;
	float: left;
	padding-left: 15px;
	padding-bottom: 30px;
}

.homeActivate{
	padding-left: 0;
	padding-right: 15px;
}

.homeActivate p, .homeLogin input.last{
	margin-bottom: 10px;
}

.homeLogin input.ow-form-row-element{
	width: 120px;
}

.homeLogin input.checkbox{width: 15px;}

.homeLogin a{clear:both;}

.sidebar p.newMessage{
	float: right;
	width: 140px;
	line-height: 1.1em;
}

/*on wind/solar/data pages, there's a panel of information and some tools...*/

.dataOptions{
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-top: 30px;
}

.summaryBox{
	background: #e6e6e6;
	padding: 10px;
	width: 140px;
	text-align: center;
	min-height: 100px;
}

.summaryBox .explanation{
	background-color: #1b801c;
	color: #fff;
	padding: 3px 5px;
	border-bottom: 3px solid #e6e6e6;
	width: 130px;
	position: relative;
}

.summaryBox .explanation .ieHelperFix{
	max-width: 125px;
	display: block;
}

.summaryBox .summary, .summaryBox .doubleSummary{
	background-color: white;
	padding: 15px 10px;
	margin-bottom: 8px;
}

.summaryBox .doubleSummary{
	float: left;
	padding: 15px 5px;
	width: 55px;
}

.doubleSummary h2{
	font-size: 1.7em;
}

.summaryBox .doubleSummary.fRight{float: right;}

.summaryBox h2{
	color: #76b377;
}

.summaryBox h2.windSheer{
	color: #ffb20c;
}

.summaryBox a.helper{
	position: absolute;
	top: 3px;
	right: 5px;
}

.annualModelledValue{
	color: #64C6DE;
}

.graphOptions{
	margin-top: 30px;
	position: relative;
}

.graphOptions .checkbox{
	margin-top: 5px;
}

*html .graphOptions .checkbox{
	margin-top: 1px;
	margin-left: 2px;
}

.graphOptions label{
	width: 120px;
	padding-bottom: 3px;
}

.graphOptions a.helper{
	position: absolute;
	top: 31px;
	right: 4px;
}

/*in order to get the helpers showing properly in ie, they need to be outside their coloured wrappers. Not exactly semantic, I've assigned each a class to absolutely position them.  The first one takes the generic 
a.helper class below. the others need a second class.*/

.graphOptions a.helper.second{
	top: 59px;
}

.graphOptions a.helper.third{
	top: 87px;
}

.graphOptions a.helper.fourth{
	top: 114px;
}

.graphOptions .mastHeightTool a.helper{
	top: 0;
}

.graphOptions .greenBack, .graphOptions .tourquoiseBack, .graphOptions .orangeBack, 
.graphOptions .blueBack, .graphOptions .purpleBack{
	background-color: #76b377;
	overflow: hidden;
	margin-top: 5px;
	padding-right: 3px;
	height: 23px; /*need this for ie6*/
}

.graphOptions .tourquoiseBack{background-color: #64c6de;}
.graphOptions .orangeBack{background-color: #ffb20c;}
.graphOptions .blueBack{background-color: #0973c5;}
.graphOptions .purpleBack{background-color: #7fa1ae;}

.mastHeightBox{
	background: #e6e6e6 url(../images/spanner.jpg) no-repeat 5px 5px;
	padding: 10px 0 0 15px;
}
.mastHeightTool{
	background: url(../images/mastheight_tool.jpg) no-repeat 32px 20px;
	width: 120px;
	height: 160px;
	margin: 10px;
	text-align: center;
	position: relative;
	line-height: 1.2em;
}

.mastHeightTool #windShearSlider {
	position: absolute;
	height: 89px;
	left: 53px;
	top: 33px;
	background: transparent none;
	border-style: none;
}

.mastHeightTool #windShearSlider .ui-slider-range-min {
	visibility: hidden;
}

.mastHeightTool #windShearSlider .ui-slider-handle {
	width: 60px;
	color: #000;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	background: url(../images/mastheight_controller.png) no-repeat 0 -2px;
	border-style: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.mastHeightTool a.smallerButton{
	position: absolute;
	top: 140px;
	left: 20px;
}

.mastHeightTool #heightController{
	background: url(../images/mastheight_controller.png) no-repeat 0 -2px;
	position: absolute;
	top: 40px;
	left: 50px;
	height: 18px;
	padding-left: 22px;
}

.mastHeightTool #heightController:hover{
	background-position: 0 -20px;
	cursor: pointer;	
}

.windData, .solarData, .windDirection, .powerPredictions, .financialAnalysis{
/*	background: url(/images/design/wind_data.jpg) no-repeat 0 0;*/
	width: 650px;
	height: 478px;
	margin: 30px 0;
	float: left;
}


#windDataChart, #solarDataChart{
  float: right;
  margin-top: 24px;
  margin-left: 20px;
}

.threeTier{
	clear: both;
	display: block;
	background: url(../images/3tier_logo.png) no-repeat 0 0;
	padding-left: 110px;
	padding-top: 13px;
	min-height: 30px;
	margin-left: 185px;
	position: relative;
	top: -45px;
	
}

.threeTierFullWidth{
	top: 0;
	margin-left: 18px;
}

.windDirection{
	margin-top: 2px;
	height: 520px;
}

table.direction{
	float: left;
	margin-top: 10px;
	width: 160px;
	border: 2px solid #d6d6d6;
}

table.direction td{
	width: 38px;
	float: left;
	font-size: 1.1em;
	padding: 4px 20px 3px 20px;
	border-bottom: 1px solid #d6d6d6;
}

.powerPredictions{
	background-image: url(../images/report.jpg);
	height: 308px;
	display: block;
	width: 821px;
	cursor: pointer;
}


.financialAnalysis{
	height: 584px;
	background-image: url(../images/financial_analysis.jpg);
}

h4.checkmark{
	background: url(../images/check.jpg) no-repeat 0 0;
	padding-left: 25px;
	margin-bottom: 20px;
}

.goNext{
	border-top: 1px solid #d6d6d6;
	padding: 10px 65px;
	overflow: hidden;
	clear: both;
}

.goNext a.mainButton{
	float: right;
}

.goNext p{text-align: right;}

a.mainOption{
	background: url(../images/main_option.jpg) no-repeat  0 0;
	width: 400px;
	height: 28px;
	display: block;
	float: left;
}

a.mainOption:hover{
	background-position: 0 -28px;
}

.windTurbine{
	margin: 15px 0;
	overflow: hidden;
	position: relative;
}

.windTurbine img{
	width:100px;
	float: left;
	margin-right: 15px;
}

.windTurbine div{
	float: left;
	width: 500px;
}

.windTurbine ul{
	display: block;
	width: 400px;
	overflow: hidden;
	list-style-type: none;
}

.windTurbine li{
	width: 170px;
	margin-right: 10px;
	float: left;
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
}


a.capacityFactor span{
	display: none;
}
a.capacityFactor:hover{
	background: #e6e6e6;
	padding: 20px;
}

a.capacityFactor:hover span{
	display: block;
}


.financialContent table{
	width: 420px;
	text-align: right;
	position: relative;
}

table.financialPaybacks{
	width: 260px;
	margin-bottom: 26px;
}

table.financialHighlighted{
	color: #14321a;
}

#powerReportTable th, .financialContent th, .sidebarFinancial th {
	text-align: left;
	font-size: 1.2em;
	padding-bottom: 5px;
	position: relative;
}


#powerReportTable td, .financialContent td, .sidebarFinancial td {
	padding: 5px 5px 6px 12px;
	background-color: #e6e6e6;
	border-bottom: 1px solid #d6d6d6;
}

td.help{
	width: 0px;
	padding: 0px 10px 5px 2px;	
	vertical-align: bottom;
}

table{
	font-size: 0.9em;
}

td.titles{
	text-align: left;
}



tr.totals td{
	font-weight: bold;
	border-top: 2px solid #b3b3b3;
	font-size: 1.2em;
	background-color: #d6d6d6;
}

table.financialHighlighted tr.totals td{
	background-color: #c4e2c4;
	font-size: 1.4em;
}

th a.helper{
	display: block;
	font-size: 0.01em;
	color: #e6e6e6;
	position: absolute;
	top: -6px;
	right: -2px;
	z-index: 6;
}

.editMode{
	overflow: hidden;
	margin: 5px 0 10px;
}

.editMode a.smallerButton{
	float: right;
}

#powerReportTable table input, .financialContent table input, .sidebarFinancial table input  {
	margin: 1px 5px 2px 0;
	padding: 0;
	text-align: right;
	width: 45px;
}

table .editModeInput{
	padding: 0;
	text-align: left;
}

table.energyConsumption .editModeInput{
	width: 80px;
}

.financialPaybacks .editModeInput{
	text-align: right;
}

table .units, table .money{
	width: 20px;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}

table .money{text-align: right;}



/*financial image helpers*/

.financialImagery{
	width: 71px;
	float: left;
	margin: 0 9px 0 0;
}

.financialImagery strong{
	text-align: center;
	display: block;
}

.financialHouse, .financialTurbine, .financialSaving, .financialPowerCompany, .financialSolarPanel, .financialFactory{
	background: url(../images/financial_house.jpg) no-repeat 0 0;
	width: 71px;
	height: 60px;
}

.financialTurbine{
	background-image: url(../images/financial_turbine.jpg);
}

.financialSaving{
	background-image: url(../images/financial_saving.jpg);
	height: 40px;
}

.financialPowerCompany{
	background-image: url(../images/financial_powercompany.png);
	height: 60px;
}

.financialSolarPanel{
	background-image: url(../images/financial_solarpanel.jpg);
}

.financialFactory{
	background: url(../images/financial_factory.jpg) no-repeat 6px 0;
}

/*power predictions*/

h4.bestOption span.small{
	font-size: 12px;
	display: block;
	padding: 5px 0;
}

h4.bestOption a.panel{
	background: #d6d6d6 url(../images/sun.png) no-repeat 3px 4px;
}

h4.bestOption a.turbine{
	background: #d6d6d6 url(../images/turbine.png) no-repeat 1px 4px;
}
	
h4.bestOption a{
	padding: 5px 10px 5px 40px;
	float: left;
	color: #14321a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	display: block;
	margin: 20px 0 10px;
	float: left;
}

.bestOptionsContent{
	display: block;
	float: left;
}

.currentBestOption{
	color: #1b801c;
}

h4.bestOption a .financialButton{
	color: #1b801c;
	font-weight: normal;
	font-size: 0.8em;
	padding: 9px 17px 0 40px;
	background: url(../images/arrow.png) no-repeat 100% 12px;
	display: block;
	float: left;
}

h4.bestOption a:hover{
	text-decoration: none;
	background-color: #e6e6e6;	
}

table.powerReport{
	width: 825px;
	border: 2px solid #d6d6d6;
	margin: 20px 0;
	font-size: 0.9em;
}

#powerReportTable td{
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	background-color: #fff;
	text-align: center;
	padding: 10px;
	vertical-align: top;
}

*+html .powerReport td{border: 1px solid #d6d6d6;}

.powerReport tbody tr:hover, 

#powerReportTable.capitalCostHeaderSelected #capitalCostHeader,
#powerReportTable.energyHeaderSelected #energyHeader, 
#powerReportTable.carbonHeaderSelected #carbonHeader, 
#powerReportTable.capacityFactorHeaderSelected #capacityFactorHeader, 
#powerReportTable.cashSavingHeaderSelected #cashSavingHeader, 
#powerReportTable.footprintHeaderSelected #footprintHeader,
#powerReportTable.capitalCostHeaderSelected .capitalCostCell,
#powerReportTable.energyHeaderSelected .energyCell, 
#powerReportTable.carbonHeaderSelected .carbonCell, 
#powerReportTable.capacityFactorHeaderSelected .capacityFactorCell, 
#powerReportTable.cashSavingHeaderSelected .cashSavingCell, 
#powerReportTable.footprintHeaderSelected .footprintCell,
.rowHighlight td {
	background-color: #c4e2c4 !important;
}

/* where the rows intersect */
#powerReportTable.capitalCostHeaderSelected .rowHighlight .capitalCostCell,
#powerReportTable.energyHeaderSelected .rowHighlight .energyCell, 
#powerReportTable.carbonHeaderSelected .rowHighlight .carbonCell, 
#powerReportTable.capacityFactorHeaderSelected .rowHighlight .capacityFactorCell, 
#powerReportTable.cashSavingHeaderSelected .rowHighlight .cashSavingCell, 
#powerReportTable.footprintHeaderSelected .rowHighlight .footprintCell {
	background-color: #7FA981 !important;
}

#powerReportTable th, .powerReport thead td {
	padding: 5px;
	font-size: 1em;
	background-color: #e6e6e6;
	border: 1px solid #d6d6d6;
	cursor: pointer;
	vertical-align: top;
	text-align: center;
}

.powerReport thead th div{
	position: relative;
}

.powerReport thead th div .ieHelperFix{
	max-width: 52px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.powerReport thead th select{
	float: right;
}

td.name{
	text-align: left;
}

td.name span.name{
	width: 160px;
	display: block;
	float: left;
}

td.numbers{
	background-color: #e6e6e6;
	padding: 10px 3px;
}

td a.smallerButton{
	float: right;
	margin-bottom: 0;
	background: #D6D6D6 url(../images/arrow_small.png) no-repeat 100% 4px;
	padding: 2px 11px 2px 5px;
}

th.sortBy span{
	float: right;
	display: block;
	margin: 5px 5px 0 0;
}


.capitalCost, .kwH, .kgCO2, .capacityFactor, .basicValue, .carbonFootprint{
	width: 70px;
}

.powerReport td.name{
	padding-left: 0;
	width: 300px;
}

.smallSun, .smallTurbine{
	background: url(../images/small_sun.png) no-repeat 0 -1px;
	padding-left: 22px;
	float: left;
	min-height: 14px;
	text-align: left;
}

.smallTurbine{
	background-image: url(../images/small_turbine.png);
}

/*toolbox*/
.toolBox{
	background: #e6e6e6 url(../images/spanner.jpg) no-repeat 15px 15px;
	padding: 20px 50px 20px 70px;
	float: left;
	position: relative;
	margin-left: 190px;
}

.toolBox .editMode{
	position: absolute;
	bottom: -20px;
	right: 0px;
	margin-bottom: 0;
}

.toolBox a.smallerButton:hover{background-color: #fff;}

/**/

.siteList{
	list-style-type: none;
}

.siteList li{
	border-top: 1px solid #eee;
	overflow: hidden;
}

.siteList li h6{
	padding: 5px 10px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
}

*html .siteList li h6{
	height: 15px;
	margin-top: 1px;
}

.addressList{
	line-height: 1.1em;
	margin-bottom: 10px;
	list-style: none;
}

.siteList .addressList li{
	border: none;
	list-style-type: none;
	font-size: 0.8em;	
}

.siteList .addressList li.direction{
	margin-top: 10px;
}

/*error messages*/

.zend-form-errors{
	background: url(../images/warning.gif) no-repeat 0 0;
	padding: 4px 0 2px 25px;
	font-size: 1.1em;
	color: #781111;
}


/*to be migrated to a ie separate css file once it's added*/
/*because ie won't let me float the helper icon within a p, I need to create a span make it a block element floated*/

*+html .summaryBox{padding-bottom: 2px;}

*+html .ieHelperFix{display: block;}
*+html table .ieHelperFix{padding-bottom: 5px;}/*this is to allow for the subscript in the table headers for C02*/

*+html .graphOptions .checkbox{
	margin-top: 0;
	margin-left: 5px;
}

*+html h4.bestOption a{
	margin-bottom: 20px;
}

*+html .c_selector{
	margin-bottom: 30px;
}

*html #mainContainer{overflow:hidden;}


.financialEquation{
	background-color: #c4e2c4;
	overflow: hidden;
	border-top: 2px solid #b3b3b3;
}

.financialEquation div{
	font-size: 70%;
	text-align: center;
	width: 55px;
	float: left;
	padding: 10px 10px 0 10px;
}

.financialEquation div.long{
	width: 165px;
}

.financialEquation div.mathSign{
	width: 20px;
	font-size: 100%;
	padding-top: 0;
	text-align: center;
}

.financialEquation.subEquation{
	background-color: #D6D6D6;
	border-top: 2px solid #b3b3b3;
	font-size: 0.8em;
	margin-left: 80px;
}

.financialEquation.subEquation h2{
	font-size: 12px;
}

.financialEquation.subEquation div{
	width: 35px;
}

.financialEquation.subEquation div.mathSign{
	width: 10px;
}

.financialEquation.subEquation div.mathSign h2{
	font-size: 18px;
}
.financialEquation.subEquation div.medium{
	width: 70px;
}
.financialEquation.subEquation div.long{
	width: 110px;
}

.js-hidden {
	display: none;
}

#financialFullPageWarning{
	background: url(../images/back_black.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: 10;
}

.popUp{
	width: 350px;
	height: 280px;
	border: 5px solid #000;
	margin: 50px auto 0;
	background-color: #fff;
}

.popUp h3, .popUp p.explanation, .popUp a.mainButton{
	margin: 10px 30px;
}

.popUp h3{
	margin-top: 30px;
}

.financialFootnote{
	line-height: 1.1em;
	margin: -20px 0 40px 80px;
	list-style: none;
	border: none;
	list-style-type: none;
	font-size: 0.8em;	
}


.noFlash {
    width: 590px;
    margin-top: 30px;
    background-position: 12px 20px;
    padding: 15px 15px 15px 35px
}

#adminNav li {
	line-height: 1.5em;
}

#adminNav ul {
	margin-left: 20px;
}

#adminNav ul ul {
	margin-left: 40px;
}

/*distributor interface*/
#userstable{
	border: 1px solid #d6d6d6;
}

#userstable th{
	padding: 2px 3px;
	word-break: break;
	font-weight: bold;
}

#userstable td{
	padding: 2px 3px;
	word-wrap: break-word;
	max-width: 200px;
	border-right: 1px solid #d6d6d6;
	line-height: 1.2em;
}

*html #userstable td{width: 200px;}
*+html #userstable td a{word-break: break-all; max-width: 130px;} /*used for ie7*/


#heading_windspeed td{text-align: center;}

#heading_distributor{width: 145px;}

#userstable tr.odd, #userstable tr.even td.sorting_1{background-color: #e6e6e6;}

#userstable tr.odd td.sorting_1{background-color: #d6d6d6;}
#userstable .ui-state-default{
	background-color: #fff;
	background-image: none;
	text-align: bottom;
}

.siteinsertsite{
	margin-right: 10px;
}

insert-row{
	line-height: 1.2em;
}

.extrainfoinner{
	border: 1px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
}