#VAMessage {
position: absolute;
top: 87px;
left: 473px;
width: 438px;
margin: 20px 0 0 0;
padding: 10px;
background: #519643;
display: none;
}

#BodyText #VAMessage p {
font-size: 1.2em;
color: #fff;
padding: 10px;
}

#BodyText #VAMessage p strong{
color: #fff;
}

#PPLMessage {
width: 350px;
font-size: 0.9em;
}

#PaymentsYouMake{ 
display: block;
}
#SRECPaymentOptions {
background: url(/calculator/img/whenyourpanelsproduce_headers.jpg) top left no-repeat; 
padding-top: 110px; 
float: left; 
height: 105px; 
width: 920px; 
margin: 0 0 40px 0;
}

#PaymentOptionLeft {
float: left; 
display: inline;
width: 405px; 
margin: 0 70px 0 20px;
}

#PaymentOptionRight {
float: left; 
width: 405px;
}

#UpfrontPaymentSection {
float: left;
background: url(/calculator/img/upfrontpayment_bg.gif) 0px 30px no-repeat; 
position: relative;
}

#UpfrontPaymentSectionVA {
float: left;
background: url(/calculator/img/upfrontpayment_bg_va.gif) 0px 30px no-repeat; 
position: relative;
}

#BodyText #UpfrontPaymentSection h4, #BodyText #YearlyPaymentsSection h4, #BodyText #YearlyPaymentsSectionVA h4 {
color: #74B64A;
font-weight: bold;
font-size: 1.6em;
}

#YearlyPaymentsSection {
float: left;
background: url(/calculator/img/yearlypayments_bg.gif) 0px 30px no-repeat; 
position: relative;
}

#YearlyPaymentsSectionVA {
float: left;
background: url(/calculator/img/yearlypayments_bg_va.gif) 0px 30px no-repeat; 
position: relative;
}

#UpfrontPaymentNumber {
position: absolute; 
top: 86px; 
left: 163px; 
font-size: 3.6em;
}

#YearlyPayment1 {
position: absolute; top: 71px; left: 85px; font-size: 1.5em;
}

#YearlyPayment2 {
position: absolute; top: 71px; left: 195px; font-size: 1.5em;
}

#YearlyPayment3 {
position: absolute; top: 71px; left: 310px; font-size: 1.5em;
}

#YearlyPayment4 {
position: absolute; top: 125px; left: 144px; font-size: 1.5em;
}

#YearlyPayment5 {
position: absolute; top: 125px; left: 254px; font-size: 1.5em;
}

#YearlyPaymentsSectionVA #YearlyPayment4 {
position: absolute; top: 125px; left: 144px; font-size: 1.5em;
}

#YearlyPaymentsSectionVA #YearlyPayment5 {
position: absolute; top: 125px; left: 254px; font-size: 1.5em;
}

#YearlyPaymentsSectionVA #YearlyPayment6 {
display: none;
}

.paymentdescription {
    padding-top: 160px;
    height: 300px;
}
.paymentdescription ul {
    font-weight: bold;
}
.configureanother {
padding: 0 10px 0 0;
}

#SRECFootnote {
float: left; background: #F2F2F2; width: 900px; padding: 10px; height: 18px; overflow: hidden; text-align: center; margin: 0 0 20px 0;
}

* html #WelcomeMessage {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
z-index: 9999;
}

#WelcomeMessage {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -330px;
    width: 330px;
    color: #333;
    border: 1px solid #cccccc;
    padding: 30px 290px 30px 30px;
    background: url(http://www.astrumsolar.com/calculator/img/intro_image.gif) no-repeat 380px 30px #fff;
    z-index: 9999;
}

#WelcomeMessage h4 {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.5em;
color: #4b4b4b;
margin: 0 0 10px 0;
padding: 0;
font-weight: normal;
}

#WelcomeMessage h4 strong{
color: #519643;
line-height: 1.5em;
}

.jqmOverlay {
z-index: 1000;
}

* html #UrgentMessage {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#PricingPopupLink {
margin: 2px 10px 0 0;
}

* html #PricingPopup {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#PricingPopup {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -410px;
    width: 750px;
    color: #333;
    border: 1px solid #cccccc;
    padding: 30px 30px 30px 30px;
background: #ffffff;
}

#PricingPopup h4 {
font-size: 1.6em;
}

.closecross {
position: absolute;
top: -15px;
left: -15px;
}

* html #UniqueFeaturesPopup {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#UniqueFeaturesPopup {
    display: none;
    position: fixed;
    top: 4%;
    left: 50%;
    margin-left: -390px;
    width: 706px;
    color: #333;
    border: 1px solid #cccccc;
    padding: 30px 30px 30px 30px;
background: #ffffff;
}

#UniqueFeaturesPopup .uniquefeaturerow {
float: left;
width: 706px;
margin: 0px 0 0 0;
border-bottom: 1px solid #dfdfdf;
background: url(/calculator/img/uniquefeatures_bg.gif) repeat-y;
}

#UniqueFeaturesPopup .uniquefeature{
float: left;
width: 352px;
padding: 10px 0 0px 0;
margin: 0px 0 0 0;
}

#UniqueFeaturesPopup .uniquefeatureicon {
float: left;
width: 81px;
margin: 0 15px 10px 15px;
display: inline;
}

#UniqueFeaturesPopup .uniquefeaturecopy {
float: left;
width: 225px;
padding: 0 15px 0 0;
}

#UniqueFeaturesPopup strong {
color: #519543;
}



#UniqueFeaturesPopupEmbedded {

}

#UniqueFeaturesPopupEmbedded .uniquefeaturerow {
float: left;
width: 706px;
margin: 0px 0 0 0;
border-bottom: 1px solid #dfdfdf;
background: url(/calculator/img/uniquefeatures_bg.gif) repeat-y;
}

#UniqueFeaturesPopupEmbedded .uniquefeature{
float: left;
width: 352px;
padding: 10px 0 0px 0;
margin: 0px 0 0 0;
}

#UniqueFeaturesPopupEmbedded .uniquefeatureicon {
float: left;
width: 81px;
margin: 0 15px 10px 15px;
}

#UniqueFeaturesPopupEmbedded .uniquefeaturecopy {
float: left;
width: 225px;
padding: 0 15px 0 0;
}

#UniqueFeaturesPopupEmbedded strong {
color: #519543;
}

#PaymentsYouMake {
float: left; 
width: 330px;
margin: 0 20px 20px 0;
}

#IncentivesYouReceive {
float: left; 
width: 400px;
margin: 0 0px 20px 0;
}

#BodyText #PricingPopup h4 {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.5em;
font-weight: bold;
color: #4b4b4b;
margin: 0px 0 15px 0;
padding: 2px 0 0 0;
}

#BodyText #PricingPopup h4 strong{
color: #519643;
line-height: 1.5em;
}

#PricingPopup td{
padding: 8px 12px 8px 12px;
margin: 0 1px 0 0;
font-size: 1.2em;
line-height: 1.6em;
}

#PricingPopup #PaymentsYouMake td{
background: #f7fafb;
}

#PricingPopup #IncentivesYouReceive td {
background: #f7fbf6;
}

#PricingPopup #PaymentsYouMake .odd td{
background: #e6f3f9;
}

#PricingPopup #IncentivesYouReceive .odd td{
background: #e7efe4;
}

#PricingPopup .headerbar td{
color: #fff;
font-weight: bold;
font-size: 1.4em;
}

#PricingPopup #PaymentsYouMake .headerbar td{
background: #57b6dd;
}

#PricingPopup #IncentivesYouReceive .headerbar td{
background: #519643;
}

#PricingPopup .footnotes td{
font-size: 1.0em;
font-weight: bold;
}

#PricingPopupEmbedded #PaymentsYouMake {
float: left; 
width: 450px;
margin: 0 20px 20px 0;
}

#PricingPopupEmbedded #IncentivesYouReceive {
float: left; 
width: 450px;
margin: 0 0px 20px 0;
}

#BodyText #PricingPopupEmbedded h4 {
font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.5em;
font-weight: bold;
color: #4b4b4b;
margin: 0px 0 15px 0;
padding: 2px 0 0 0;
}

#BodyText #PricingPopupEmbedded h4 strong{
color: #519643;
line-height: 1.5em;
}

#PricingPopupEmbedded td{
padding: 8px 12px 8px 12px;
margin: 0 1px 0 0;
font-size: 1.2em;
line-height: 1.6em;
}

#PricingPopupEmbedded #PaymentsYouMake td {
background: #f7fafb;
}

#PricingPopupEmbedded #IncentivesYouReceive td {
background: #f7fbf6;
}

#PricingPopupEmbedded #PaymentsYouMake .odd td{
background: #e6f3f9;
}

#PricingPopupEmbedded #IncentivesYouReceive .odd td{
background: #e7efe4;
}

#PricingPopupEmbedded .headerbar td{
color: #fff;
font-weight: bold;
font-size: 1.4em;
}

#PricingPopupEmbedded #PaymentsYouMake .headerbar td{
background: #57b6dd;
}

#PricingPopupEmbedded #IncentivesYouReceive .headerbar td{
background: #519643;
}

#PricingPopupEmbedded .footnotes td{
font-size: 1.0em;
font-weight: bold;
}


#UrgentMessageLink {
padding: 0 0 20px 0;
width: 920px;
text-align: center;
}

#BodyText #UrgentMessageLink a {
font-size: 1.4em;
font-weight: bold;
color: #c46b0b;
}


#ThankYouIntro {
background: url(http://www.astrumsolar.com/calculator/img/thankyoutop_image.gif) 580px 0px no-repeat;
padding: 40px 0 60px 0;
}

#ThankYouIntro p {
width: 550px;
}
#ShareFriends {
border-top: 9px solid #519643;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
width: 408px;
height: 300px;
padding: 20px;
}

#SubmitAnother {
border-top: 9px solid #519643;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
width: 408px;
height: 300px;
padding: 20px;
}


#CalculatorFrame {
float: left;
width: 920px;
padding: 20px 0 0 0;
}

#BodyText #CalculatorFrame h2 {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
font-size: 2.0em;
line-height: 1.6em;
color: #333333;
}

#CalculatorFrame input {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
}

#CalculatorFrame .inputfield {
	display: block;
	border: 1px solid #B3B3B3;
	margin: 0 0px 0px 0;
	padding: 4px;
	height: 23px;
	top: 0px;
	font-size: 1.8em;
	clear: both;
	color: #4D4D4D;
width: none;
}

#CalculatorFrame .emailfield {
	display: block;
	border: 1px solid #B3B3B3;
	margin: 0 0px 0px 0;
	padding: 4px;
	height: 17px;
	top: 0px;
	font-size: 1.2em;
	clear: both;
	color: #4D4D4D;
width: none;
}


#CalculatorFrame .inline {
	float: left;
	margin: 0 15px 15px 0;
	clear: none;
}


#CalculatorFrame .address-group {
	float: left;
	padding: 0 10px 0 0;
}

#CalculatorFrame label {
	display: block;
	font-size: 1.2em;
	margin: 15px 0 7px 0;
padding: 0 0 0 0;
	color: #7a7a7a;

}

#CalculatorFrame label.image-icon {
	padding: 0 0 18px 25px;
	background-position: top left;
}

#CalculatorFrame label.sunicon {background: url(http://www.astrumsolar.com/calculator/img/sun_icon.gif) no-repeat;}
#CalculatorFrame label.panelicon {background: url(http://www.astrumsolar.com/calculator/img/panel_icon.gif) no-repeat;}
#CalculatorFrame label.baricon {background: url(http://www.astrumsolar.com/calculator/img/bar_icon.gif) no-repeat;}
#CalculatorFrame label.bolticon {background: url(http://www.astrumsolar.com/calculator/img/bolt_icon.gif) no-repeat;}
#CalculatorFrame label.houseicon {background: url(http://www.astrumsolar.com/calculator/img/house_icon.gif) no-repeat;}


#CalculatorFrame #EditYourFigures label.sunicon {background: url(http://www.astrumsolar.com/calculator/img/sun_icon_gray.gif) no-repeat;}
#CalculatorFrame #EditYourFigures label.panelicon {background: url(http://www.astrumsolar.com/calculator/img/panel_icon_gray.gif) no-repeat;}
#CalculatorFrame #EditYourFigures label.baricon {background: url(http://www.astrumsolar.com/calculator/img/bar_icon_gray.gif) no-repeat;}
#CalculatorFrame #EditYourFigures label.bolticon {background: url(http://www.astrumsolar.com/calculator/img/bolt_icon_gray.gif) no-repeat;}
#CalculatorFrame #EditYourFigures label.houseicon {background: url(http://www.astrumsolar.com/calculator/img/house_icon_gray.gif) no-repeat;}

#CalculatorFrame select {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
	display: block;
	clear: both;
	padding: 4px;
	margin: 0 0 20px 0;
	font-size: 1.8em;
	border: 1px solid #B3B3B3;
	color: #4D4D4D;
}

#CalculatorFrame .group {
	float: left;
	width: 920px;
	position: relative;
	margin: 0 0 20px 0;
}

#CalculatorFrame .group.half {
	float: left;
	width: 440px;
	position: relative;
	margin: 0 20px 20px 0;
padding: 0;
}

#CalculatorFrame .forms {
	position: relative;
	float: left;
	width: 440px;
}

#CalculatorFrame .grayline {
	padding-bottom: 4px;
	border-bottom: 1px solid #d9d9d9;
}

#CalculatorFrame .intro {
padding: 0;
margin: 0;
}

.radioright {
position: absolute;
top: 0;
right: 15px;
width: 230px;
text-align: right;
}

/*--------------------CALCULATOR SLIDERS-----------------------*/

.amountfield {
	position: absolute;
	top: 20px;
	right: 0;
	text-align: right;
	display: block;
	border: 1px solid #B3B3B3;
	margin: 0 15px 15px 0;
	padding: 4px;
	height: 23px;
	top: 0px;
	font-size: 1.8em;
	clear: both;
	color: #4D4D4D;
}

.two-digit {width: 28px;}
.three-digit {width: 28px;}
.four-digit {width: 48px;}
.five-digit {width: 58px;}

.sliderunitbottom {
	position: absolute;
	top: 35px;
	right: 16px;
	text-align: right;
	font-size: 1.2em;
}

.sliderunitright {
	position: absolute;
	top: 8px;
	right: 0px;
	text-align: right;
	font-size: 1.4em;
}

.sliderunitleft {
	position: absolute;
	top: 8px;
	left: 310px;
	text-align: right;
	font-size: 1.4em;
}

.slider-frame {
	position: relative;
	margin: 0 0 15px 20px;
	background-position: top left;
}

.slider {
	float: left;
	display: inline;
	margin: 10px 0 0 20px;
	width: 261px;
}

#LocationSlider {
	height: 81px;
	width: 394px;
	background: url(http://www.astrumsolar.com/calculator/img/locationquality_slider.gif) no-repeat;
}

#SystemSizeSlider {
	height: 86px;
	width: 405px;
	background: url(http://www.astrumsolar.com/calculator/img/systemsize_slider.gif) no-repeat;
}

#UtilityRatesSlider {
	height: 56px;
	width: 385px;
	background: url(http://www.astrumsolar.com/calculator/img/utilityrates_slider.gif) no-repeat;
}

#ElectricBillSlider {
	height: 56px;
	width: 395px;
	background: url(http://www.astrumsolar.com/calculator/img/electricbill_slider.gif) no-repeat;
}

#AppraisalRateSlider {
	height: 56px;
	width: 385px;
	background: url(http://www.astrumsolar.com/calculator/img/appraisalrate_slider.gif) no-repeat;
}

#YearsInHomeSlider {
	height: 56px;
	width: 385px;
	background: url(http://www.astrumsolar.com/calculator/img/yearsinhome_slider.gif) no-repeat;
}

#TaxRateSlider {
	height: 56px;
	width: 385px;
	background: url(http://www.astrumsolar.com/calculator/img/taxrate_slider.gif) no-repeat;
}

#CalculateBar {
	float: left;
	width: 880px;
	padding: 20px;
	margin-bottom: 20px;
	background: #F5F5F5;
	border-top: 1px solid #B3B3B3;
}

#BodyText #CalculateBar p{
	float: right;
}

/*--------------------CALCULATOR ESTIMATE-----------------------*/

#EstimateIntro {
	position: relative;
background: url(http://www.astrumsolar.com/img/offer/offer_welcome_graphic.gif) 470px 50px no-repeat;
padding: 70px 0 85px 0;
}

#EstimateIntro h2 {
width: 450px;
}

#BodyText #EstimateIntro p {
	position: absolute;
	top: 0px;
	right: 0;
}

.graychart td {
	padding: 6px 8px 6px 8px;
	font-size: 1.2em;
	color: #333333;
}

.greenchart {
float: left;
}

.greenchart td {
	padding: 6px 8px 6px 8px;
	font-size: 1.2em;
	color: #333333;
}

.greenchart .odd td {
	background: #E7EFE4;
}

.odd td {
	background: #E6E6E6;
}

.final td {
	background: #519643;
	color: #ffffff;
	font-size: 1.6em;
}

td.number {
	text-align: right;
}

td.negative {
	color: #DD2634;
}

#TotalCostTable {
	float: left;
	width: 320px;
	margin: 10px 50px 20px 0;
        table-layout: fixed;
}

#TotalCostTable td.number {
width: 80px;
}

#TotalCostChart {
	float: left;
	height: 200px;
	display: inline;
	padding: 5px 0 20px 0;
}

#MainColCalculator {
	float: left;
	width: 560px;
	margin: 20px 20px 20px 0;
}

#SubColCalculator {
	float: left;
	width: 340px;
margin: 20px 0 0 0;
}

.legendicon {
	vertical-align:middle;
	padding: 0 3px 0 0;
}

#FinancialAnalysisChart {
	padding: 0 0 17px 17px;
	background: url(http://www.astrumsolar.com/calculator/img/financialanalysischart_bg.gif) top left no-repeat;
}

#FinancialAnalysisChartContainer {
float: left;
	margin: 0 0 20px 0;
display: block;
}

.chartlegend {
float: left;
	width: 535px;
	margin: 0 0 0px 0;
}

.chartlegend td {
	padding: 5px 7px 5px 7px;
	font-size: 1.1em;
	background: #F7F7F7;
	color: #4D4D4D;
}

.chartlegend .middle td {
	border-bottom: 1px solid #B5B5B5;
}

.chartlegend td.nav{
	background: #E6E6E6;
	font-size: 1.0em;
}
#BodyText p.navlabel {
	float: left;
	width: 61px;
	color: #333333;
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0;
	padding: 4px 0 0 0;
}
#BodyText .nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0px 5px;
}

#BodyText .nav ul li {
	float: left;
	display: inline;
	width: 23px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
}

.chartlegend td.number{
	background: #E6E6E6;
	color: #333333;
	font-size: 1.2em;
}

#BreakEvenTable {
	width: 535px;
	margin: 0 0 30px 0;
}

#InvestmentSaleTable {
	width: 535px;
	margin: 0 0 3px 0;
}

#NextStep {
	float: left;
margin: 30px 0 0 0;
	width: 920px;

}

#NextStepIntro {
	float: left;
	width: 440px;
	padding: 10px 20px 0 0;
}

#BodyText #NextStepIntro h2 {
	color: #ffffff;
	padding: 0;
	margin: 0 0 10px 0;
}

#BodyText #NextStepIntro p {
	color: #4d4d4d;
}

#NextStepForm {
	float: left;
	width: 460px;
	padding: 10px 0 0 0;

}

.summarytable {
	width: 460px;
	margin: 43px 0 40px 0;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}
.summarytable td{
	background: #F2F2F2;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	padding: 12px;
}

#BodyText .summarytable h4 {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
	font-size: 1.7em;
	padding: 0;
	margin: 0;
	color: #333333;
}

#BodyText .summarytable p {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	color: #4D4D4D;
}

#BodyText p.requirednote {
	text-align: right;
	font-size: 1.0em;
	padding: 0;
	margin: 0;
}

.required {
	color: #B71111;
}


#NextStep label {
	display: block;
	font-size: 1.2em;
	margin: 0 0 6px 0;
	color: #7a7a7a;
}

#NextStep select {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
	display: block;
	clear: both;
	padding: 4px;
	margin: 0 0 15px 0;
	font-size: 1.4em;
	border: 1px solid #B3B3B3;
	color: #4D4D4D;
        width: 220px;
}


#NextStep .inputfield {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
	display: block;
	border: 1px solid #B3B3B3;
	margin: 0 0px 15px 0;
	padding: 4px;
	height: 18px;
	top: 0px;
	font-size: 1.4em;
	clear: both;
	color: #4D4D4D;
	width: 210px;
}

#NextStep .textareafield {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, helvetica, sans-serif;
	display: block;
	border: 1px solid #B3B3B3;
	margin: 0 0px 15px 0;
	padding: 4px;
	width: 450px;
	height: 100px;
	top: 0px;
	font-size: 1.4em;
	clear: both;
	color: #4D4D4D;
}


#NextStep .group {
	float: left;
	width: 240px;
	position: relative;
	margin: 0 -3px 0px 0;
display: inline;
}

#NextStep .right {
	width: 210px;
}

#NextStep .full {
	margin-right: -3px;
	width: 450px;
}

#NextStep .checkboxfield {
margin: 0 4px 0px 0;
}

#NextStep .radiolabel {
font-size: 1.2em;
margin: 0 10px 10px 0;
}

#EditYourFiguresContainer {
	float: left;
	width: 340px;
	position: relative;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#EditCollapse {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

#EditYourFigures {
	float: left;
	width: 320px;
	padding: 10px;
	margin: 0 0 0px 0;
	background: #F7F7F7;
}

#EditYourFigures label {
	display: block;
	font-size: 1.2em;
	margin: 0 0 0px 0;
	color: #4D4D4D;
	width: 209px;
}

#EditYourFigures .sliderunitleft {
	position: absolute;
	top: 8px;
	left: 234px;
	text-align: right;
	font-size: 1.4em;
}

#BodyText #EditYourFigures p {
	padding: 0 0 0 25px;
	margin: 0;
	font-size: 1.0em;
}

#EditYourFigures .forms {
	position: relative;
	float: left;
	width: 320px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

#SystemOverview {
	float: left;
	background: #FFF9E1;
	padding: 15px 20px 15px 20px;
	width: 300px;
}

#SystemOverviewContainer {
	float: left;
	display: block;
	margin: 0 0 20px 0;
}

#EnvironmentalBenefit {
	background: #F3FCD0;
	float: left;
	padding: 15px 20px 15px 20px;
	width: 300px;
	margin: 0 0 20px 0;
}

#BodyText ul.environmentalicon {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
}

#BodyText ul.environmentalicon li{
list-style-type: none;
margin: 0;
padding: 2px 0 10px 50px;
line-height: 1.7em;
}

#BodyText ul.environmentalicon li.tree{
background: url(http://www.astrumsolar.com/calculator/img/tree_icon.gif) no-repeat 0 0px;
}

#BodyText ul.environmentalicon li.car{
background: url(http://www.astrumsolar.com/calculator/img/car_icon.gif) no-repeat 0 0px;
}

#BodyText ul.environmentalicon li.smoke{
background: url(http://www.astrumsolar.com/calculator/img/smoke_icon.gif) no-repeat 0 0px;
}

#BodyText ul.environmentalicon li.recycle{
background: url(http://www.astrumsolar.com/calculator/img/recycle_icon.gif) no-repeat 0 3px;
}

#BodyText ul.environmentalicon li.gas{
background: url(http://www.astrumsolar.com/calculator/img/gas_icon.gif) no-repeat 0 0px;
}

#BodyText #SystemOverview p, #BodyText #EnvironmentalBenefit p {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #4D4D4D;
	margin: 0;
	padding: 0 0 10px 0;
}

#BodyText .chartlegend a.medium_box_link{
	display: inline-block;
	width: 14px;
	height: 13px;
	cursor: help; 
	border: none;
	text-decoration: none;
	overflow: hidden;
}

#BodyText .chartlegend a.medium_box_link:hover{
	background: url(http://www.astrumsolar.com/calculator/img/qmark_icon.gif) no-repeat 0 -13px;
	cursor: help; 
}
/*-------------------- BUTTONS -----------------*/
.image-button {
	display: block;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
}
.calculatebutton {
	float: left;
	margin: 0;
	width: 150px;
	height: 47px;
	background: url(http://www.astrumsolar.com/calculator/img/calculate_button.gif) no-repeat;
}

.calculatebutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/calculate_button.gif) no-repeat 0 -47px;
}

.nextbutton {
	float: left;
	margin: 0;
	width: 73px;
	height: 29px;
	background: url(http://www.astrumsolar.com/calculator/img/next_button.gif) no-repeat;
}
/*
.nextbutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/next_button.gif) no-repeat 0 -29px;
}
*/
.chooseupfrontbutton {
	float: left;
display: inline;
	margin: 0 0 0px 100px;
	width: 264px;
	height: 48px;
	background: url(http://www.astrumsolar.com/calculator/img/upfrontoffer_button.gif) no-repeat;
}
/*
.chooseupfrontbutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/chooseupfront_button.gif) no-repeat 0 -47px;
}
*/
.chooseyearlybutton {
	float: left;
display: inline;
	margin: 0 0 0px 100px;
	width: 265px;
	height: 48px;
	background: url(http://www.astrumsolar.com/calculator/img/yearlyoffer_button.gif) no-repeat;
}
/*
.chooseyearlybutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/chooseyearly_button.gif) no-repeat 0 -47px;
}
*/
.yearlytoggle {
	float: left;
	margin: 0 0 30px 0;
	width: 220px;
	height: 29px;
	background: url(http://www.astrumsolar.com/calculator/img/yearlypayout_button.gif) no-repeat;
}
/*
.yearlytoggle:hover{
	background: url(http://www.astrumsolar.com/calculator/img/yearlypayment_button.gif) no-repeat 0 -47px;
}
*/
.upfronttoggle {
	float: left;
	margin: 0 0 30px 0;
	width: 220px;
	height: 29px;
	background: url(http://www.astrumsolar.com/calculator/img/upfrontpayout_button.gif) no-repeat;
}
/*
.upfronttoggle:hover{
	background: url(http://www.astrumsolar.com/calculator/img/upfrontpayment_button.gif) no-repeat 0 -47px;
}
*/
.submitconsultantbutton {
	float: right;
	width: 136px;
	height: 29px;
margin: 10px 0 0 0;
	background: url(http://www.astrumsolar.com/calculator/img/submitestimate_button.gif) top right no-repeat;
}
/*
.submitconsultantbutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/submitconsultant_button.gif) no-repeat 0 -43px;
}
*/
.recalculatebutton {
	float: right;
	margin: 0;
	width: 103px;
	height: 29px;
	background: url(http://www.astrumsolar.com/calculator/img/recalculate_button.gif) no-repeat;
}
/*
.recalculatebutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/recalculate_button.gif) no-repeat 0 -32px;
}
*/
.yeartable {
float: left;
	margin: 0 0 30px 0;
}

.sendbutton {
	margin: 0 0px 30px 0px;
	width: 52px;
	height: 29px;
	background: url(http://www.astrumsolar.com/calculator/img/send_button.gif) top right no-repeat;
}
/*
.sendbutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/send_button.gif) no-repeat 0 -47px;
}
*/
.returntocalculatorbutton {
	margin: 0 0px 30px 0px;
	width: 252px;
	height: 29px;
	background: url(http://www.astrumsolar.com/calculator/img/returntocalculator_button.gif) top right no-repeat;
}
/*
.returntocalculatorbutton:hover{
	background: url(http://www.astrumsolar.com/calculator/img/returntocalculator_button.gif) no-repeat 0 -47px;
}
*/
#BodyText p.instructions {
	float: right;
	background: url(http://www.astrumsolar.com/calculator/img/yellow_gradient.gif) bottom left repeat-x;
	border: 1px solid #cccccc;
	font-size: 1.15em;
	line-height: 1.4em;
	color: #787878;
	padding: 10px 15px 13px 15px;
	margin: 4px 0 20px 0;
	width: 415px;
} 

#BodyText .half p.instructions {
	float: left;
	background: url(http://www.astrumsolar.com/calculator/img/yellow_gradient.gif) bottom left repeat-x;
	border: 1px solid #cccccc;
	font-size: 1.15em;
	line-height: 1.4em;
	color: #787878;
	padding: 10px 15px 13px 15px;
	margin: 4px 0 20px 0;
	width: 395px;
}

#BodyText #MainColCalculator h4, #BodyText #SubColCalculator h4 {
font-weight: bold;
}

#BodyText #MainColCalculator h4.valueslabel {
margin: 5px 0 5px 0;
}


#BodyText h4.colored-bar{
	float: left;
	width: 907px;
	padding: 4px 0 5px 13px;
	margin: 0 0 15px 0;
	font-size: 1.7em;
	line-height: 1.3em;
	font-weight: normal;
	color: #ffffff;
}

#BodyText #SubColCalculator h4.colored-bar {width: 327px; font-weight: normal;}
#BodyText #MainColCalculator h4.colored-bar {width: 547px; font-weight: normal;}

#BodyText h4.nobreak {margin: 0;}

#BodyText h4.bluebar {border-bottom: 3px solid #57B6DD; color: #454545; padding: 4px 0 5px 0px; width: 920px;}
#BodyText h4.graybar {background: #999999;}
#BodyText h4.greenbar {border-bottom: 3px solid #B8D15D; color: #454545; padding: 4px 13px 5px 0px;}
#BodyText h4.yellowbar {border-bottom: 3px solid #E5C53E; color: #454545; padding: 4px 13px 5px 0px;}


#BodyText #CalculateBar p a:link, #BodyText #CalculateBar p a:visited { color: #666666; text-decoration: underline;}
#BodyText #CalculateBar p a:hover, #BodyText #CalculateBar p a:visited:hover { color: #57B6DD;text-decoration: underline;}

#BodyText #EstimateIntro p a:link, #BodyText #EstimateIntro p a:visited { color: #666666; text-decoration: underline;}
#BodyText #EstimateIntro p a:hover, #BodyText #EstimateIntro p a:visited:hover { color: #57B6DD;text-decoration: underline;}

#BodyText .chartlegend .nav a:link, #BodyText .chartlegend.nav a:visited { color: #519643; text-decoration: none; padding: 0 2px 0 2px;}
#BodyText .chartlegend .nav a:hover, #BodyText .chartlegend .nav a:visited:hover { color: #ffffff;text-decoration: none; background: #888888;}

#BodyText .chartlegend .nav a.selected:link, #BodyText .chartlegend .nav a.selected:visited { color: #333333; text-decoration: none;}
#BodyText .chartlegend .nav a.selected:hover, #BodyText .chartlegend .nav a.selected:visited:hover { color: #333333;text-decoration: none; background: none;}

/* Messages */
#error {background:#ffdfdf; border:1px solid #df7d7d; border-width:1px 1px; margin:0 0 1em 0; padding:10px; color:#333; font-size:1.2em;}
#error strong {color: #be0000;}
#success {background:#C8FFBF; border:1px solid #A2EF95; border-width:1px 1px; margin:0 0 1em 0; padding:10px; color:#333; font-size:12px;}

#2kWSystem {
float: left;
width: 165px;
}

#4kWSystem {
float: left;
width: 165px;
}

#10kWSystem {
float: left;
width: 165px;
}

.ACPTable {
float: left;
margin: 15px 0 15px 0;
	font-size: 13px;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.ACPTable td {
	width: 50px;
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	padding: 5px 5px 5px 10px;
}

.ACPTable td.strong {
	width: 33px;
	border-right: none;
	background: #f2f2f2;
}

#zoom h4 {
	font-family: Arial, Verdana, helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 15px 0;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #519643; 
}