@charset "utf-8";
/* CSS Document */
body {
	background-color: #29384c;
   	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	font-family: 'circe', Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a img {
	border: none;
}
img {  
	border: none;
	max-width: 100%;
}
a {
	color: #00CCBB;
	text-decoration: none;
}
a:hover {
	color: #00CCBB;
}
.clear {
	float: none;
	clear: both;	
}
.container {
	width: 1365px;
	margin-left: auto;
	margin-right: auto;
}
.nav_outer {
	background-color: #212f41;
}
.nav {
	padding-top: 19px;
	padding-bottom: 19px;
}
.logo {
	display: block;
	float: left;	
	background-image: url(graphics/logo.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 180px;
	height: 37px;
}
.navigation {
	float: right;
	position: relative;
	margin-top: -6px;
}
.navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.navigation ul li {
	display: inline-block;
	margin-left: 34px;
}
.navigation ul li a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
}
.chat {
	position: relative;
	top: 9px;
}
.dashboard_outer {
	
}
.superButton {
	margin-top: 70px;
	margin-bottom: 50px;
}
.dashboard {
	
}
.dashboard.container {
	width: 1400px;
}
.columns_container {
	display: table;
}
.column {
	display: table-cell;
	padding-top: 28px;
}
.column.column1 {
	width: 720px;
	border-right: solid 1px #264d70;
}
.column.column2 {
	width: 719px;
}
.dashboard .column_heading {
	color: #9DCC45;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 35px;
}
#percent {
	color: #FFFFFF;
	font-size: 96px;
	font-weight: 200;
	text-align: center;	
	line-height: 79px;
	position: relative;
	top: -38px;
}
#percent_of {
	font-size: 23px;
	font-weight: 200;
	margin-top: -30px;
}
.stats {
	width: 560px;
	border-radius: 8px;
	background-color: #212F41;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.9);
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	text-align: left;
}
.stats_header {
	border-radius: 8px 8px 0px 1px; 
	-moz-border-radius: 8px 8px 0px 1px; 
	-webkit-border-radius: 8px 8px 0px 1px;
	background-color: #1A2635;
	padding-top: 13px;
	padding-bottom: 13px;
}
.stats_header h3 {
	color: #1E90E1;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: center;
	
}
.stat_desc {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	width: 160px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.stats_item {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 28px;
	padding-bottom: 28px;
	border-bottom: solid 1px #204b71;
	position: relative;
}
.stats_item.item3 {
	border: none;
}
.stats_item_gauge {
	float: left;
	width: 97px;
	height: 98px;
	margin-right: 40px;
	margin-top: 12px;
	background-image: url(graphics/gauges/allgauges.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
.stats_item_gauge_pointer {
	width: 27px;
	height: 32px;
	background-image: url(graphics/gauges/pointer.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 20px;
	left: 30px;
	transform-origin: 19px 8px;
	transform: rotate(14deg);
	z-index: 2;
}
.stats_item_gauge.fill0 {
	background-image: url(graphics/gauges/0.jpg);
}
.stats_item_gauge.fill5 {
	background-image: url(graphics/gauges/5.jpg);
}
.stats_item_gauge.fill10 {
	background-image: url(graphics/gauges/10.jpg);
}
.stats_item_gauge.fill15 {
	background-image: url(graphics/gauges/15.jpg);
}
.stats_item_gauge.fill20 {
	background-image: url(graphics/gauges/20.jpg);
}
.stats_item_gauge.fill25 {
	background-image: url(graphics/gauges/25.jpg);
}
.stats_item_gauge.fill30 {
	background-image: url(graphics/gauges/30.jpg);
}
.stats_item_gauge.fill35 {
	background-image: url(graphics/gauges/35.jpg);
}
.stats_item_gauge.fill40 {
	background-image: url(graphics/gauges/40.jpg);
}
.stats_item_gauge.fill45 {
	background-image: url(graphics/gauges/45.jpg);
}
.stats_item_gauge.fill50 {
	background-image: url(graphics/gauges/50.jpg);
}
.stats_item_gauge.fill55 {
	background-image: url(graphics/gauges/55.jpg);
}
.stats_item_gauge.fill60 {
	background-image: url(graphics/gauges/60.jpg);
}
.stats_item_gauge.fill65 {
	background-image: url(graphics/gauges/65.jpg);
}
.stats_item_gauge.fill70 {
	background-image: url(graphics/gauges/70.jpg);
}
.stats_item_gauge.fill75 {
	background-image: url(graphics/gauges/75.jpg);
}
.stats_item_gauge.fill80 {
	background-image: url(graphics/gauges/80.jpg);
}
.stats_item_gauge.fill85 {
	background-image: url(graphics/gauges/85.jpg);
}
.stats_item_gauge.fill90 {
	background-image: url(graphics/gauges/90.jpg);
}
.stats_item_gauge.fill95 {
	background-image: url(graphics/gauges/95.jpg);
}
.stats_item_gauge.fill100 {
	background-image: url(graphics/gauges/100.jpg);
}
.fill0 .stats_item_gauge_pointer {
	transform: rotate(0deg);
}
.fill5 .stats_item_gauge_pointer {
	transform: rotate(14deg);
}
.fill10 .stats_item_gauge_pointer {
	transform: rotate(28deg);
}
.fill15 .stats_item_gauge_pointer {
	transform: rotate(42deg);
}
.fill20 .stats_item_gauge_pointer {
	transform: rotate(56deg);
}
.fill25 .stats_item_gauge_pointer {
	transform: rotate(70deg);
}
.fill30 .stats_item_gauge_pointer {
	transform: rotate(84deg);
}
.fill35 .stats_item_gauge_pointer {
	transform: rotate(98deg);
}
.fill40 .stats_item_gauge_pointer {
	transform: rotate(112deg);
}
.fill45 .stats_item_gauge_pointer {
	transform: rotate(126deg);
}
.fill50 .stats_item_gauge_pointer {
	transform: rotate(140deg);
}
.fill55 .stats_item_gauge_pointer {
	transform: rotate(154deg);
}
.fill60 .stats_item_gauge_pointer {
	transform: rotate(168deg);
}
.fill65 .stats_item_gauge_pointer {
	transform: rotate(182deg);
}
.fill70 .stats_item_gauge_pointer {
	transform: rotate(196deg);
}
.fill75 .stats_item_gauge_pointer {
	transform: rotate(210deg);
}
.fill80 .stats_item_gauge_pointer {
	transform: rotate(224deg);
}
.fill85 .stats_item_gauge_pointer {
	transform: rotate(238deg);
}
.fill90 .stats_item_gauge_pointer {
	transform: rotate(252deg);
}
.fill95 .stats_item_gauge_pointer {
	transform: rotate(266deg);
}
.fill100 .stats_item_gauge_pointer {
	transform: rotate(280deg);
}
.savingsGauge {
	width: 307px;
	background-image: url(graphics/savingsGauge/bg.jpg);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-repeat: no-repeat;
}
.savingsGaugeInner {
	width: 307px;
	height: 265px;
	background-image: url(graphics/savingsGauge/allgauges.png);
			background-repeat: no-repeat;
			background-position: 0px 4px;
	margin-left: auto;
	margin-right: auto;
}
.savingsGaugeInner.fill0 {
	background-image: url(graphics/savingsGauge/0.png);
}
.savingsGaugeInner.fill5 {
	background-image: url(graphics/savingsGauge/5.png);
}
.savingsGaugeInner.fill10 {
	background-image: url(graphics/savingsGauge/10.png);
}
.savingsGaugeInner.fill15 {
	background-image: url(graphics/savingsGauge/15.png);
}
.savingsGaugeInner.fill20 {
	background-image: url(graphics/savingsGauge/20.png);
}
.savingsGaugeInner.fill25 {
	background-image: url(graphics/savingsGauge/25.png);
}
.savingsGaugeInner.fill30 {
	background-image: url(graphics/savingsGauge/30.png);
}
.savingsGaugeInner.fill35 {
	background-image: url(graphics/savingsGauge/35.png);
}
.savingsGaugeInner.fill40 {
	background-image: url(graphics/savingsGauge/40.png);
}
.savingsGaugeInner.fill45 {
	background-image: url(graphics/savingsGauge/45.png);
}
.savingsGaugeInner.fill50 {
	background-image: url(graphics/savingsGauge/50.png);
}
.savingsGaugeInner.fill55 {
	background-image: url(graphics/savingsGauge/55.png);
}
.savingsGaugeInner.fill60 {
	background-image: url(graphics/savingsGauge/60.png);
}
.savingsGaugeInner.fill65 {
	background-image: url(graphics/savingsGauge/65.png);
}
.savingsGaugeInner.fill70 {
	background-image: url(graphics/savingsGauge/70.png);
}
.savingsGaugeInner.fill75 {
	background-image: url(graphics/savingsGauge/75.png);
}
.savingsGaugeInner.fill80 {
	background-image: url(graphics/savingsGauge/80.png);
}
.savingsGaugeInner.fill85 {
	background-image: url(graphics/savingsGauge/85.png);
}
.savingsGaugeInner.fill90 {
	background-image: url(graphics/savingsGauge/90.png);
}
.savingsGaugeInner.fill95 {
	background-image: url(graphics/savingsGauge/95.png);
}
.savingsGaugeInner.fill100 {
	background-image: url(graphics/savingsGauge/100.png);
}
.savingsGaugeContent {
	position: absolute;
	width: 307px;
	top: 84px;
}
.savingsGaugeContentMiddle {
	color: #FFFFFF;
	font-size: 30px;
	letter-spacing: -1px;
	line-height: 56px;
	text-align: center;
	text-transform: uppercase;
}
.savingsGaugeContentMiddle span {
	display: inline-block;
	position:relative;
	top:-26px;
}
.savingsGaugeContentMiddle #savingsAmt, .savingsGaugeContentMiddle #savingsAmt2 {
	font-size: 65px;
	font-weight: 200;
	position:relative;
	top:0px;
}
.savingsGaugeContentBottom {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
	margin-top: -3px;
}
.savingsGaugeContentTop {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.savingsGaugeSavings {
	color: #9DCC45;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}
.savingsGaugeLegend {
	margin-top: 10px;
	margin-bottom: 80px;
}
.savingsGaugeBottomBorder {
	border-bottom: solid 1px #264d70;
}
.dashboardRightBottom {
	padding-top: 103px;
	padding-bottom: 70px;
}
.dashboardRightBottomContent {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	text-align: center;
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 71px;
}
.dashboardRightBottomContent span, .dashboardRightBottomContent a {
	color: #9dcc45;
	font-weight: bold;
}
#howdid {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	background-image: url(graphics/questionmark.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 35px;
	padding-top: 35px;
	padding-bottom: 35px;
	cursor: pointer;
	display: inline-block;
}
.buttonContainer.pointer {
	margin-top: 40px;
}
.buttonContainer.pointer a {
	padding-right: 21px;
}
.stats_item_content {
	float:left;
	width: 340px;
}
.stats_item_content_header {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 29px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.item1 .stats_item_content_header {
	color: #F33D21;
}
.item2 .stats_item_content_header {
	color: #FAC000;
}
.item3 .stats_item_content_header {
	color: #9DCC45;
}
.stats_item_content_desc {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 18px;
}
.stats_item_content_link {
	
}
.stats_item_content_link a, .stats_item_content_link span {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 23px;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(graphics/arrow.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
}
.stats_item_content_link.active a, .stats_item_content_link.active span {
	color: #1e90e1;
	background-image: url(graphics/arrow_down.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 20px;
	border-bottom: solid 4px #1e90e1;
	padding-bottom: 10px;
}
#main_graph {
	width: 720px;
	height: 317px;
	background-image: url(graphics/bellchart.jpg);
	position: relative;
}
#houseicon {
	width: 48px;
	height: 48px;
	background-image: url(graphics/houseicon.png);
	position: absolute;
	top: 284px;
	left: 0px;
}
#houseicon.percent_100 {
	left: 673px;
}
#houseicon.percent_95 {
	left: 668px;
	top: 283px;
}
#houseicon.percent_90 {
	left: 665px;
	top: 284px;
}
#houseicon.percent_85 {
	left: 612px;
	top: 261px;
}
#houseicon.percent_80 {
	left: 576px;
	top: 229px;
}
#houseicon.percent_75 {
	left: 540px;
	top: 98px;
}
#houseicon.percent_70 {
	left: 516px;
	top: 136px;
}
#houseicon.percent_65 {
	left: 468px;
	top: 61px;
}
#houseicon.percent_60 {
	left: 432px;
	top: 23px;
}
#houseicon.percent_55 {
	left: 396px;
	top: -1px;
}
#houseicon.percent_50 {
	left: 336px;
	top: -14px;
}
#houseicon.percent_45 {
	left: 324px;
	top: -12px;
}
#houseicon.percent_40 {
	left: 288px;
	top: -6px;
}
#houseicon.percent_35 {
	left: 252px;
	top: 13px;
}
#houseicon.percent_30 {
	left: 216px;
	top: 45px;
}
#houseicon.percent_25 {
	left: 180px;
	top: 92px;
}
#houseicon.percent_20 {
	left: 144px;
	top: 147px;
}
#houseicon.percent_15 {
	left: 108px;
	top: 130px;
}
#houseicon.percent_10 {
	left: 72px;
	top: 247px;
}
#houseicon.percent_5 {
	left: 36px;
	top: 273px;
}
#houseicon.percent_0 {
	left: 0px;
}
.welcomeBanner {
	padding-top: 33px;
}
.welcomeLeft {
	float: left;
	width: 420px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	margin-right: 157px;
}
.welcomeRight {
	float: left;
	width: 823px;
}
.welcomeBanner h1 {
	color: #9DCC45;
	font-size: 64px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 64px;
	margin: 0px;
	padding-top: 53px;
}
.welcomeBanner p {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
}
.welcomeStats h2 {
	color: #00CCBB;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
}
.welcomeStats {
	margin-top: 78px;
	margin-bottom: 90px;
}
.welcomeStatsLeft {
	float: left;
	width: 699px;
	border-right: solid 1px #264d70;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 29px;
}
.welcomeStatsRight {
	float: left;
	width: 700px;
}
.welcomeStatsIcons {
	padding-left: 125px;
	margin-top: 28px;
}
.welcomeStatsIconsLeft {
	float: left;
	width: 126px;
	margin-right: 20px;
}
.welcomeStatsIconsRight {
	float: left;
	text-align: left;
	width: 300px;
}
.welcomeStatsIconsRightTop {
	padding-top: 116px;
}
.welcomeStatsIconsRightMiddle {
	padding-top: 150px;
}
.welcomeStatsIconsRightBottom {
	padding-top: 126px;
}
.welcomeStatsRightTop {
	padding-top: 80px;
	padding-bottom: 50px;
}
.welcomeStatsRightBorder {
	border-bottom: solid 1px #264d70;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#welcomeStatsTopNumber {
	color: #FFFFFF;
	font-size: 80px;
	font-weight: 200;
	line-height: 80px;
	text-align: center;
}
.welcomeStatsLowerText {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	text-align: center;
	margin-top: 10px;
}
.welcomeStatsRightBottom {
	padding-top: 50px;
	padding-bottom: 50px;
}
.welcomeStatsRightBottomBottom {
	padding-top: 50px;
}
.welcomeStory {
	border-radius: 0px 0px 4px 4px; 
	-moz-border-radius: 0px 0px 4px 4px; 
	-webkit-border-radius: 0px 0px 4px 4px;
	width: 1060px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}
.storyHeader {
	background-color: #1a2635;
	color: #1E90E1;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 29px;
	text-align: center;
	border-radius: 4px 4px 0px 0px; 
	-moz-border-radius: 4px 4px 0px 0px; 
	-webkit-border-radius: 4px 4px 0px 0px;
	text-transform: uppercase;
	padding-top: 27px;
	padding-bottom: 21px;
}
.storyContent {
	background-color: #212f41;
	padding-bottom: 25px;
}
.storyImage {
	padding-top: 12px;
	padding-bottom: 30px;
}
.storyMiddle {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
.storyLeft {
	width: 320px;
	color: #FFFFFF;
	float: left;
	font-size: 32px;
	font-weight: 300;
	line-height: 33px;
	text-align: center;
	padding-right: 58px;
	border-right: solid 1px #264d70;
}
.storyLeft .storyLower {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 40px;
}
.storyRight {
	width: 220px;
	float: left;
	color: #9DCC45;
	font-size: 80px;
	font-weight: 200;
	line-height: 43px;
	text-align: center;
	padding-left: 58px;
	padding-top: 33px;
}
.storyRight .storyLower {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top: 10px;
}
.storyBottom {
	padding-top: 40px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	text-align: center;
}
#welcomeStatsBottomNumber {
	color: #FFFFFF;
	font-size: 80px;
	font-weight: 200;
	line-height: 80px;
	text-align: center;
}
#welcomeStatsBottomNumberBottom {
	color: #FFFFFF;
	font-size: 80px;
	font-weight: 200;
	line-height: 80px;
	text-align: center;
}
h2 {
	color: #00CCBB;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 29px;
	text-transform: uppercase;
}
.welcomePartners {
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
}
.welcomePartners p {
	width: 1045px;
	margin-left: auto;
	margin-right: auto;
}
.welcomePartnerList {
	padding-top: 20px;
}
.partner {
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	width: 270px;
}
.partnerImage {
	margin-bottom: 19px;
}
.partnerContent {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.welcomeData {
	text-align: center;
	margin-top: 80px;
}
.welcomeData p {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	width: 1045px;
	margin-left: auto;
	margin-right: auto;
}
.welcomeDataImage {
	margin-top: 60px;
	margin-bottom: 30px;
}
.footer_outer {
	background-color: #212f41;
	margin-top: 80px;
}
.footer {
	text-align: center;
	padding-top: 64px;	
	padding-bottom: 50px;
}
.footer h2 {
	color: #15a1d6;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 29px;
	text-align: center;
}
.footer_social a {
	margin-left: 15px;
	margin-right: 15px;
}
.footer_links {
	margin-top: 57px;
}
.footer_links a {
	color: #1E90E1;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 29px;
	text-align: center;
	margin-left: 26px;
	margin-right: 26px;
	text-decoration: none;
	text-transform: uppercase;
}
.energystar {
	margin-top: 43px;
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}
.energystar_image {
	float: left;
	width: 85px;
	margin-right: 25px;
}
.energystar_content {
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 28px;
	width: 940px;
	padding-top: 49px;
}
.smallprint {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}
.buttonContainer {
	margin-top: 12px;
}
.button {
	border-radius: 28px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 19px;
	padding-bottom: 15px;
	display: inline-block;
	padding-left: 42px;
	padding-right: 42px;
}
.button.blue {
	color: #FFFFFF;
	background: linear-gradient(135deg, #1E90E1 0%, #00CCBB 100%);
}
.overlayOverride {
	display: none;
	opacity: 1;
	background: linear-gradient(135deg, #1E90E1 0%, #00CCBB 100%);
	z-index: 1000;
	position: fixed;
	top: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
}
.ui-widget-overlay {
	display: none;
	opacity: 1;
	background: linear-gradient(135deg, #1E90E1 0%, #00CCBB 100%);
	z-index: 9999;
}
.ui-widget-overlay.chartloader {
	display: block;
	opacity: 1;
	background: none;
	background-image: url(graphics/desktop_blur.jpg);
	background-size: cover;
	z-index: 9999;
	padding-top: 200px;
}
.chartloader #address {
	color: #9DCC45;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 35px;
}
#donutchart {
	margin-left: auto;
	margin-right: auto;
}
.loaderPercent span {
	display: none;
}
#loadingMessage {
	font-weight: 200;
	font-size: 48px;
	padding-top: 20px;
}
.howdid h2 {
	color: #FFFFFF;
	font-size: 47px;
	font-weight: 200;
	text-align: center;	
	line-height: 55px;
	text-transform: none;
}
.overtop {
	position: relative;
	z-index:99;
}
.howdid {
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
	text-align: center;
}
.howdidInner {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
#closeButton,#closeButton2 {
	height: 48px;
	width: 48px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background-image: url(graphics/close.png);
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}
#configure,#configure2 {
	cursor:pointer;
}
#startButton, #startButton2, #startButton3, #startButton4 {
	cursor: pointer;
}
#overlay, #overlay2 {
	overflow-y: auto;
}
.form {
	text-align: left;
	width: 630px;
	margin-left: auto;
	margin-right: auto;
}
.oneper {
	margin-top: 50px;
	margin-bottom: 50px;
}
.form input {
	color: #6ecfe1;
	font-size: 16px;
	line-height: 23px;
	background: transparent;
	border: solid 1px #25b8d1;
	border-bottom: solid 4px #6ecfe1;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width: 608px;
}
.form input:active {
	color: #c3e8f3;
	border: solid 1px #c2e9f2;
	border-bottom: solid 4px #FFFFFF;
}
.form input:focus {
	color: #c3e8f3;
	border: solid 1px #c2e9f2;
	border-bottom: solid 4px #FFFFFF;
}
.form label {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
}
.form input[type="submit"] {
	cursor: pointer;
	border: solid 1px #ffffff;
	border-radius: 0px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 19px;
	padding-bottom: 15px;
	display: inline-block;
	padding-left: 25px;
	padding-right: 25px;
	color: #1e90e1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfefe+47,fcfefe+100&1+0,0.54+100 */
background: -moz-linear-gradient(left, rgba(252,254,254,1) 0%, rgba(252,254,254,0.78) 47%, rgba(252,254,254,0.54) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(252,254,254,1) 0%,rgba(252,254,254,0.78) 47%,rgba(252,254,254,0.54) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(252,254,254,1) 0%,rgba(252,254,254,0.78) 47%,rgba(252,254,254,0.54) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#8afcfefe',GradientType=1 ); /* IE6-9 */
	font-family: 'circe', Arial, Helvetica, sans-serif;
}
#overlay2 .form input[type="submit"]:disabled,
#overlay2 .form input[type="submit"]:disabled:hover,
#overlay2 .form input[type="submit"]:disabled:active,
#overlay2 .form input[type="submit"]:disabled:focus {
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	transition-delay: 1s;
  	background:none;
	cursor: default;
	color: #74c3e8;
	border: solid 1px #74c3e8;
}
form ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

form ul li{
  color: #AAAAAA;
  display: table;
	table-layout: fixed;
  position: relative;
  float: none;
  width: 335px;
  height: 63px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	border-radius: 46px; 
	-moz-border-radius: 46px; 
	-webkit-border-radius: 46px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

form ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}
#overlay2 form ul li label {
  display: table-cell;
  position: relative;
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
	padding-left: 40px;
	padding-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
	letter-spacing: 1px;
	line-height: normal;
	width: 250px;
	vertical-align: middle;
}

form ul li:hover label{
	color: #FFFFFF;
}

form ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  height: 26px;
  width: 28px;
  top: 17px;
  left: 10px;
	z-index: 5;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
}

form ul li:hover .check {
  
}
form ul li .checkmark {
	background-image: url(graphics/checkmark.png);
	width: 26px;
	height: 19px;
	position: absolute;
	right: 10px;
	top: 20px;
	display: none;
}
form ul li .check::before {
  display: none;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 28px;
  width: 28px;
  top: 0px;
	left: 0px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index: 98;
}

form input[type=radio]:checked ~ .check {
  background-color: #FFFFFF;
	color: #11a9d1;
	z-index: 99;
}
form input[type=radio]:checked ~ li {
  border-color: red;
}
form input[type=radio]:checked ~ .check::before{
  background: #FFFFFF;
}
form input[type=radio]:checked ~ .checkmark {
	display: block;
}
#overlay2 form input[type=radio]:checked ~ label{
  color: #FFFFFF;
  font-weight: normal;
}
form .complete ul li{
	border: 1px solid #74c3e8;
}
.section2 {
	display: none;
}
#overlay2 form .complete ul li label {
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	transition-delay: 1s;
	color: #74c3e8;
}
form .complete ul li .check{
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	transition-delay: 1s;
  border: 1px solid #74c3e8;
  color: #74c3e8;
}
#overlay2 form .complete input[type=radio]:checked ~ label{
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	transition-delay: 1s;
  color: #74c3e8;
}
form .complete input[type=radio]:checked ~ .check {
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	transition-delay: 1s;
  background-color: #74c3e8;
}
form .complete ul li .checkmark {
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	transition-delay: 1s;
	background-image: url(graphics/checkmark_gray.png);
}
.product {
	
}
.productBorder {
	width: 163px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 5px;
	border-top: solid 1px #535f6f;
}
.productImage {
	
}
.productTitle {
	color: #1E90E1;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.productDesc {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
}
.savingsBottom {
	margin-top: 49px;
}
.dashboard .savingsBottom .column_heading {
	margin-bottom: 10px;
}
.savingsBottom p {
	margin-top: 0px;
	font-size: 18px;
	font-weight: 300;
}
.twoButtons .button.blue {
	background: none;
	background-color: #179cd9;
	padding-left: 110px;
	padding-right: 70px;
	margin-right: 5px;
	margin-left: 5px;
	cursor:pointer;
}
.twoButtons {
	margin-top: 60px;
}
.twoButtons .button.blue.callicon {
	background-image: url(graphics/call.png);
	background-repeat: no-repeat;
	background-position: 60px center;
	color: #fff;
}
.twoButtons .button.blue.chaticon {
	background-image: url(graphics/chaticon.png);
	background-position: 60px center;
	background-repeat: no-repeat;
	color: #fff;
}
.buttonSavingsBottom {
	
}
.buttonSavingsBottom a {
	background-color: #212F41;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 25px;
	display: block;
	margin-top: 50px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.savingsSummary_header h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
}
.savingsSummary_header {
	border-radius: 8px 8px 0px 1px; 
	-moz-border-radius: 8px 8px 0px 1px; 
	-webkit-border-radius: 8px 8px 0px 1px;
	background-color: #1A2635;
	padding-top: 13px;
	padding-bottom: 13px;
}
.savingsSummary {
	width: 578px;
	border-radius: 8px;
	background-color: #212F41;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.9);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	margin-bottom: 20px;
}
.savingsSummary_item {
	border-bottom: solid 1px #213d59;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #304259;
}
.savingsSummary_itemLeft {
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	float: left;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	width: 360px;
	padding-top: 10px;
}
.savingsSummary_itemRight {
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
	float: left;
	color: #FFFFFF;
	width: 178px;
}
.savingsSummary_item.total {
	border: none;
	background-color: #212f41;
}
.total .savingsSummary_itemLeft {
	
}
.total .savingsSummary_itemRight {
	font-weight: bold;
}
.savingsSummaryFooter {
	
}
.calculated {
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 20px;
	background-image: url(graphics/calculated_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: inline-block;
	cursor: pointer;
}

.savingsSummaryFooter h2 {
	background-image: url(graphics/questionmark.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
}
.savingsSummaryFooter h2 {
	margin-top: 40px;
}
.savingsSummaryFooter {
	font-size: 16px;
}
.payasyousave {
	cursor: pointer;
}
.calculated.active {
	background-image: url(graphics/calculated_arrow_down.jpg);
}
.hideonLarge {
	display: none !important;
}
.showonMobile {
	display: none;
}
.mobileNav {
	float: left;
	width: 40px;
	height: 39px;
	background-image: url(graphics/mobileNav.jpg);
	background-repeat: no-repeat;
	display: none;
	cursor: pointer;
}
.mobileClose {
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-image: url(graphics/mobileClose.jpg);
	background-repeat: no-repeat;
	display: none;
	margin-top: 30px;
	margin-bottom: 60px;
}
.mobileChat {
	float: right;
	width: 41px;
	height: 39px;
	background-image: url(graphics/mobileChat.jpg);
	background-repeat: no-repeat;
	display: none;
	cursor: pointer;
}
.mobileLogo {
	display: none;
}
.stats_item_content_link {
	cursor: pointer;
}
.effects {
	background-color: #1a2635;
	position: relative;
	top: 28px;
	left: -40px;
	width: 560px;
	text-align: center;
	border-top: solid 1px #204b71;
	padding-bottom: 10px;
	display: none;
}
.effectItem {
	display: inline-block;
	width: 161px;
	text-align: center;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 25px;
	padding-bottom: 25px;
	display: table-cell;
	vertical-align: top;
}
.item2 .effectItem {
	width: 254px;
}
.item3 .effectItem {
	width: 534px;
}
.effectItemIcon {
	
}
.effectItemTitle {
	margin-bottom: 10px;
}
.effectItemContent {
	font-weight: 300;
	color: #a1a6ac;
}
.effectsClose {
	background-image: url(graphics/effects_close.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	width: 24px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
}
.phoneClose {
	background-image: url(graphics/effects_close.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	width: 24px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
}
.explain {
	background-color: #1a2635;
	padding-bottom: 20px;
	text-align: left;
	margin-top: 20px;
	display: none;
}
.explainItem {
	width: 295px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.explain_header {
	color: #1e90e1;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.explainItem table {
	font-size: 14px;
	font-weight: 300;
}
.explainItem table strong {
	font-weight: bold;
}
.explainItem table tr td {
	border-top: solid 1px #1b364f;
}
.explainBorder {
	border-top: solid 1px #1b364f;
}
.welcomeBanner.thanks h1 {
	color:#FFFFFF;
}
.welcomeBanner.thanks p {
	font-weight: bold;
	font-size: 22px;
}
.thanks .welcomeRight {
	padding-top: 40px;
}
.thanksMessage {
	margin-top: 30px;
	font-size: 22px;
}
.footer_outer.thanks {
	background-color: #29384c;
	margin-top: 0px;
}
.thanks .footer {
	padding-top: 24px;
}
#chat-button, .mobileChat {
	cursor: pointer;
}
#comm100-float-button-2 {
	display: none !important;
}
.cycle-slideshow {
	width: 1045px;
	margin-left: auto;
	margin-right: auto;
}
.example-pager {
	font-size: 120px;
	line-height: 50px;
}
.example-pager span {
	cursor: pointer;
}
.cycle-pager-active {
	color: #15a0d6;
}
.widgetInner {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.widgetInner ol {
	text-align: left;
}
.widgetInner ol li {
	margin-top: 20px;
}
.nav_outer {
	position: fixed;
	width: 100%;
	z-index:999;
}
.nav_outer.loaderpage {
	z-index:9999;
}
.dashboard_outer {
	padding-top: 75px;
}
.showPhone {
	background-color: #1a2635;
	font-size: 45px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	display: none;
}
@media (max-width: 1430px)
{
	.container {
		width: 1250px;
	}
}
@media (max-width: 1377px)
{
	.navigation ul li {
		margin-left: 14px;
	}
	.navigation ul li a {
		font-size: 12px;
	}
}
@media (max-width: 1365px)
{
	.container,.dashboard.container {
		width: 935px;
	}
	.welcomeLeft {
		margin-right: 37px;
	}
	.welcomeRight {
		width: 473px;
		padding-top: 70px;
	}
	.thanks .welcomeRight {
		padding-top: 100px;
	}
	.welcomeStatsIcons {
		padding-left: 0px;
	}
	.welcomeStatsLeft {
		width: 459px;
	}
	.welcomeStatsRight {
		width: 470px;
	}
	.welcomeStory {
		width: 820px;
	}
	.welcomePartners p, .welcomeData p {
		width: auto;
	}
	.cycle-slideshow {
		width: 993px;
	}
	.partner {
		width: 380px;
	}
	.energystar_content {
		width: 760px;
		padding-top: 19px;
	}
	.smallprint {
		width: auto;
	}
	.hideonMedium {
		display: none !important;
	}
	.hideonLarge {
		display: block !important;
	}
	.columns_container {
		display: block;
	}
	.column.column1 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		border: none;
		display: block;
	}
	.column {
		display: block;
	}
	.column.column2 {
		width: auto;
	}
	.stats {
		margin-top: 0px;
	}
	.dashboardRightBottom {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
@media (max-width: 1000px)
{
	.container, .dashboard.container {
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
	}
	.welcomeBanner h1 {
		font-size: 48px;
		line-height: 44px;
		padding-top: 3px;
		margin-bottom: 400px;
	}
	.welcomeLeft {
		width: auto;
		float: none;
		background-image: url(graphics/welcomeBG.jpg);
		background-repeat: no-repeat;
		background-size: 590px;
		background-position: center 50px;
		margin-right: 0px;
	}
	.thanks .welcomeLeft {
		background-image: url(graphics/thanksBG.png);
		background-position: center 120px;
	}
	.welcomeRight, .hideonMobile {
		display: none;
	}
	.showonMobile {
		display: block;
	}
	.welcomeStatsIconsLeft {
		float: none;
		width: auto;
		margin-right: 0px;
	}
	.welcomeStatsLeft {
		float: none;
		width: auto;
	}
	.welcomeStatsRight {
		width: auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.welcomeStory {
		width: 95%;
	}
	.storyHeader {
		font-size: 17px;
	}
	.storyMiddle {
		width: auto;
		padding-right: 0px;
	}
	.storyRight {
		margin-top: 50px;
	}
	.storyLeft, .storyRight {
		width: auto;
		float: none;
		padding-right: 0px;
		padding-left: 0px;
	}
	.partner {
		width: 120px;
		margin-bottom: 30px;
		float: none;
		display: inline-block;
	}
	.energystar_content {
		width: 630px;
		padding-top: 19px;
		font-size: 13px;
		line-height: 23px;
	}
	.form {
		width: 350px;
	}
	.howdidInner {
		width: 350px;
	}
	.form input {
		width: 330px;
	}
	.energystar {
		width: auto;
	}
	.cycle-slideshow {
		width: auto;
	}
}
@media (max-width: 837px)
{
	.welcomeLeft {
		background-size: 490px;
		background-position: center 150px;
	}
	.welcomeBanner h1 {
		margin-bottom: 360px;
	}
}
@media (max-width: 730px)
{
	.nav_outer {
		
	}
	.dashboard_outer {
		
	}
	.navigation {
		float: none;
		position: absolute;
		margin-top: 0px;
		background-color: #1a2635;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 800px;
		display: none;
		z-index:9999;
	}
	.navigation ul li a {
		font-size: 23px;
	}
	.navigation ul li {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 60px;
	}
	.navigation .chat {
		display: none;
	}
	.mobileNav {
		display: block;
		margin-left: 10px;
	}
	.mobileChat {
		display: block;
		margin-right: 10px;
	}
	.logo {
		margin-left: -90px;
		position: absolute;
		left: 50%;
	}
	.mobileClose {
		display: block;
	}
	.mobileLogo {
		display: block;
		position: absolute;
		bottom: 20px;
	}
	.column.column1 {
		width: 500px;
	}
	#main_graph {
		zoom: 70%;
	}
	.stats {
		width: 470px;
	}
	.effects {
		width: 470px;
	}
	.column.column2 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.stats_item_content {
		width: 250px;
	}
}
@media (max-width: 705px)
{
	.energystar_content {
		width: 450px;
	}
	.widgetInner {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 630px)
{
	.footer_links a {
		display: block;
		border-bottom: solid 1px #204768;
		padding-top: 18px;
		padding-bottom: 16px;
	}
	.footer_links {
		margin-top: 27px;
	}
	.savingsSummary {
		zoom: 60%;
	}
}
@media (max-width: 590px)
{
	.welcomeLeft {
		background-size: 290px;
		background-position: center 146px;
	}
	.thanks .welcomeLeft {
		background-size: 290px;
		background-position: center 176px;
	}
	.welcomeBanner h1 {
		margin-bottom: 220px;
	}
}
@media (max-width: 577px)
{
	.energystar_content {
		width: 320px;
	}
}
@media (max-width: 515px)
{
	.column.column1 {
		width: 310px;
	}
	#main_graph {
		zoom: 43%;
	}
	#percent {
		font-size: 56px;
	}
	.savingsGauge {
		zoom: 90%;
	}
	.stats {
		zoom: 60%;
	}
	.dashboardRightBottomContent {
		width: auto;
	}
	.button {
		font-size: 11px;
	}
}
@media (max-width: 480px)
{
	.twoButtons .button.blue {
		padding-left: 60px;
		padding-right: 60px;
	}
	.twoButtons .button.blue.callicon, .twoButtons .button.blue.chaticon {
		background-position: 10px center;
	}
	.showPhone {
		font-size:30px;
	}
	.calculated, .payasyousave {
		
	}
}
@media (max-width: 450px)
{
	.energystar_content {
		width: auto;
		float: none;
	}
	.energystar_image {
		float: none;
		margin-right: 0px;
		text-align: center;
		width: auto;
	}
}