Utilities

dabblet.css

@font-face{ font-family: 'LucidaGrande';
  src: url('/fonts/lucida_grande/lucida_grande-webfont.eot');
  src: url('/fonts/lucida_grande/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/lucida_grande/lucida_grande-webfont.woff') format('woff'),
    url('/fonts/lucida_grande/lucida_grande-webfont.ttf') format('truetype'),
    url('/fonts/lucida_grande/lucida_grande-webfont.svg#webfont') format('svg');
}

body {
	margin: 10px 10px;
	background-color: white;
}

body, a {
	font-family: 'Lucida Grande','LucidaGrande',Arial, sans-serif;
}

body, p {
	color: #54301a;
}

h1, h2, h3, h4 {
	color: #54301a;
	font-weight: bold;
}

a {
	color: #dc5b26;
}

/* Utilities */
.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.orange {
	color: #dc5b26;
}

.brown {
	color: #54301a;
}

.preloaded {
	display: none;
}
.fl { 
	float: left; 
}
.fr { 
	float: right; 
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

hr.full {
	border: 0px;
	height: 1px;
	background-color: #72523b;
	margin: 20px 0;
	clear: both;
}

.left-col-container {
	float: left;
	clear: left;
	width: 660px;
}

.right-col-container {
	float: right;
	clear: right;
	width: 280px;
}

.left-col {
	margin: 3px 0 20px 0;
}

.right-col {
	clear: both;
	margin: 3px 0 20px 0;
}

.col-header {
	background: url('/iQuote/images/grey_header_bg.gif') repeat-x 0 0;
	height: 40px;
}

#refer-a-friend {
	margin-bottom: 10px;
}

#referrals {
	margin-bottom: 0;
}

.refer-header, .referrals-right-title {
	background: url('/iQuote/images/brown_reflective_header_bg.gif') repeat-x 0 0;
	height: 30px;
}

.col-header img, .refer-header img {
	float: left;
}

.refer-header img {
	margin: -4px 3px 2px;
}

.col-header h2 {
	font-family: Arial;
	padding-top: 13px;
	font-size: 14px;
	line-height: 14px;
}

.refer-header h2, .referrals-right-title h2 {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	line-height: 14px;
	padding-left: 10px;
	padding-top: 9px;
}

.col-content, .referrals-right-content {
	background: #ece5de;
}

#my-solar-details-col-content, #performance-solar-details-col-content {
	background-color: white;
}

#solar-detail-content {
	margin: 3px 0 0 5px;
}

#your-house-content,
#system-at-a-glance-content,
#expected-savings-content,
#projected-impact-content,
#my-system-content,
#documents-content {
	background-color: #ece5de;
}

.missing-preview-system {
	background: url("images/iquote_custom_img.gif") no-repeat scroll center center transparent;
	font-size: 14px;
	font-weight: bold;
	height: 219px;
	width: 314px;
}

#your-house-content {
	padding: 9px;
}

#system-at-a-glance-content {
	padding: 9px;
}

#portal-container {
	text-align: center;
}

#portal {
	width: 960px;
	margin: auto;
	text-align: left;
	overflow: hidden;
}

#banner {
	background: url('/iQuote/images/banner.png') 0 0 repeat-x;
	height: 60px;
	position: relative;
	width: 960px;
	overflow: hidden;
}

#banner h1 {
	background: url('/iQuote/images/our-sungevity-transparent.gif') 0 0 no-repeat;
	height: 43px;
	width: 265px;
	position: absolute;
	top: 9px;
	left: 19px;
	text-indent: -9999px;
}

#banner, #banner a {
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
}

#banner-links {
	position: relative;
	top: 24px;
	text-align: right;
	padding: 0 12px 0 0;
}

#banner form#iquoteselector {
	position: relative;
	left: 0px;
	top: 0px;
	display: inline;
}

#intro {
	position: relative;
	padding: 24px 10px 24px 0px;
}

#intro #questions {
	font-size: 12px;
	color: #54301a;
	float: right;
}

#intro #questions em {
	font-style: normal;
	color: #dc5b26;
}

#intro h1 {
	font-size: 18px;
	color: #dc5b26;
	letter-spacing: -1px;
	display: inline;
}

#intro #loginhead {
	color: #DC5B26;
	font-size: 18px;
	letter-spacing: 0;
	margin: 40px 0 10px 147px;
	text-align: justify;
	width: 642px;
}

#intro h2 {
	color: #54301a;
	font-size: 13px;
	margin-top: 4px;
	font-weight: normal;
}

a.button-orange {
	background: url("/iQuote/images/bg_reflective-orange2.jpg") repeat-x scroll 0 0 transparent;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 1px 2px 3px #CCCCCC;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 14px;
	height: 18px;
	margin: 5px;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -.2px;
	width: 118px;
}

a.button-brown {
	background: url("/iQuote/images/grey_header_bg.gif") repeat-x scroll 0 0 transparent;
	border-radius: 8px 8px 8px 8px;
	color: #54301A;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	line-height: 14px;
	margin: -5px 4px -8px;
	padding: 10px 10px 5px 4px;
	text-align: center;
	text-decoration: none;
	width: 130px;
}

a.button-brown img {
	float: left;
	position: relative;
	top: -3px;
}

#on-hold {
	position: absolute;
	width: 960px;
	z-index: 1;
	background-color: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#on-hold-message {
	position: absolute;
	width: 330px;
	padding-left: 321px;
	padding-right: 309px;
	padding-top: 80px;
	z-index: 1;
	background: url('/iQuote/images/on_hold_bg.png') 50% 65px no-repeat;
	text-align: center;
	color: #DC5B26;
	font-size: 15pt;
}

#my-iquote-header {
	margin: 0 0 5px 0;
}

#my-iquote-header h2 {
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin-top: 0px;
}

#my-iquote-header .breadcrumbs {
	display: inline-block;
	margin: 12px 9px;
	font-size: 12px;
	color: #DB5A26;
}

#my-iquote-header a.breadcrumbs:hover {
	color: #54301A;
}

#progress, .refer-friend-title, .my-referrals-title {
	background: url('/iQuote/images/brown_header_bg.gif') repeat-x 0 0;
	height: 40px;
}

#progress h2 {
	color: white;
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px;
	margin-left: 14px;
}

#progress-bar {
	float: right;
	margin-top: 10px;
	margin-right: 12px;
	height: 20px;
	position: relative;
	cursor: pointer;
}

#progress-bar .progress-step {
	height: 18px;
	width: 60px;
	background-color: #b9ab96;
	background: url(../images/step-incomplete.jpg);
	float: left;
	color: white;
	text-align: center;
	padding-top: 2px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
}

#progress-bar .progress-divider {
	position: absolute;
	width: 2px;
	height: 10px;
	background-color: #54301a;
	top: 10px;
}

#progress-bar #progress-divider-1 {
	left: 59px;
}

#progress-bar #progress-divider-2 {
	left: 119px;
}

#progress-bar #progress-divider-3 {
	left: 179px;
}

#progress-bar #progress-divider-4 {
	left: 239px;
}

#progress-bar #progress-divider-5 {
	left: 299px;
}

#progress-bar #progress-divider-6 {
	left: 359px;
}

#progress-bar #progress-divider-7 {
	left: 419px;
}

#progress-bar .progress-step.active {
	background: url('/iQuote/images/step-complete.png') 0 0 repeat-x;
}

#current-step {
	margin-top: 20px;
	margin-bottom: 12px;
}

#current-step .step-header, #current-step .step-title {
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 16px;
	width: 200px;
	margin-left: 20px;
	display: block;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#current-step .step-title {
	color: #dc5b26;
}

#current-step p {
	font-size: 15px;
	line-height: 21px;
	float: right;
	width: 400px;
	margin: 0px 20px 20px 20px;
}

#iquote .col-content {
	padding: 9px 10px;
	font-size: 12px;
	line-height: 135%;
}

#iquote .col-content p {
	text-align: left;
	font-size: 12px;
	line-height: 17px;
}

#iquote .col-content .note {
	font-size: 85%;
	font-style: italic;
}

#iquote .profile {
	line-height: 1;
	padding: 0;
}

.iquote-body {
	margin: 6px 0;
}

#my-iquote-details {
}

#my-iquote-details h2 {
	padding: 12px;
}

#my-iquote-details .col-content {
	float: left;
	height: ;
}

#my-iquote-details .col-content p {
	margin: 1px 4px 9px 0px;
	padding: 0px;
}

#my-iquote-details li {
	list-style-type: square;
	list-style-image: url('/iQuote/images/bullet_orange-pointer.png');
}

#my-iquote-details .iquote-details {
	width: 800px;
	background-color: #FFF;
	/* #ECE5DE;  */
	padding: 0px;
	float: left;
	margin: 2px 0 0 10px;
	display: none;
}

#my-iquote-details .iquote-details.selected {
	display: block;
}

#my-iquote-details #iquote-hometab-content #my-home-photo {
	padding: 9px;
}

#my-iquote-details #solar-solution, #my-iquote-details #environmental {
	width: 545px;
	height: 248px;
	padding: 0px;
}

#my-iquote-details .arrowboxes {
	width: 30px;
	background: #ECE5DE;
	cursor: pointer;
	padding: 112px 0 0;
	height: 136px;
}

#my-iquote-details #solar-solution #solar-solution-arrow-left, #my-iquote-details #environmental #environmental-arrow-left {
	float: left;
	border-right: 2px solid #F7F6F4;
	text-align: left;
}

#my-iquote-details #solar-solution #solar-solution-arrow-right, #my-iquote-details #environmental #environmental-arrow-right {
	float: right;
	border-left: 2px solid #F7F6F4;
	text-align: right;
}

#my-iquote-details #solar-solution #solar-solution-slides, #my-iquote-details #environmental #environmental-slides {
	width: 481px;
	height: 248px;
}

#my-iquote-details #solar-solution .solar-solution-slide {
	list-style: none;
	padding: 10px;
}

#my-iquote-details #solar-solution .solar-solution-slide h1 {
	background: url("/iQuote/images/bg_reflective-orange.jpg");
	font-size: 16px;
	height: 13px;
	color: #FFF;
	margin: -9px -10px 8px;
	padding: 4px 10px;
}

#my-iquote-details #solar-solution .solar-solution-slide ul {
	list-style: square inside none;
	margin: 15px 5px;
}

#my-iquote-details #solar-solution #guarantee {
	display: block;
}

#my-iquote-details #solar-solution #visibility {
	display: none;
}

#my-iquote-details #visibility #ipad-img {
	cursor: pointer;
	opacity: 0.8;
	position: relative;
}

#my-iquote-details #visibility #ipad-wrapper {
	float: left;
	margin: 3px 14px 8px 0;
	text-align: center;
}

#my-iquote-details #visibility #ipad-text {
	color: #814927;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

#my-iquote-details #visibility #ipad-text.moved {
	font-size: 12px;
	position: relative;
	top: -28px;
	left: 224px;
}

#my-iquote-details #solar-solution #security {
	display: none;
}

#my-iquote-details #environmental .environmental-slide {
	padding: 30px 40px;
	height: 248px;
	width: 481px;
}

#my-iquote-details #environmental .environmental-slide h5 {
	font-size: 15px;
	margin: 0 0 136px 0;
}

#my-iquote-details #environmental .environmental-slide .environmental-amount {
	color: #dc5b26;
	font-weight: bold;
	font-size: 14px;
}

#my-iquote-details #environmental #carbon {
	background: url("/iQuote/images/bg_environmental-house.png");
}

#my-iquote-details #environmental #greenhouse {
	background: url("/iQuote/images/bg_environmental-car.png");
}

#my-iquote-details #environmental #trees {
	background: url("/iQuote/images/bg_environmental-trees.png");
}

#my-iquote-details #customer-photos {
	width: 780px;
	height: 106px;
	padding: 8px 10px;
}

#my-iquote-details #customer-photos img {
	box-shadow: 0 2px 6px #888888;
	margin: 6px 9px;
}

#my-iquote-details #customer-photos #pics-text {
	text-align: right;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	margin: 0 25px 0 0;
}

#my-iquote-details #customer-stories {
	width: 480px;
	height: 100px;
	padding: 8px 10px;
	clear: both;
	float: left;
	margin: 10px 10px 0 0;
}

#my-iquote-details #customer-stories .button-orange {
	float: right;
	width: 100px;
	margin: 0;
	padding: 4px 6px;
}

#my-iquote-details #stories-link {
	font-size: 11px;
}

#my-iquote-details #customer-brand {
	width: 270px;
	height: 100px;
	padding: 8px 10px;
	margin: 10px 0 0 0;
	float: left;
}

#my-iquote-details #customer-brand img {
	float: right;
	margin: 0 0 8px 8px;
	clear: right;
}

#my-iquote-details #iquote-solutiontab-content #hero, #my-iquote-details #iquote-environmentaltab-content #hero {
	width: 245px;
}

#my-iquote-details #hero-content {
	height: 230px;
}

#my-iquote-details #hero h3 {
	font-size: 14px;
	margin: 0 0 10px;
}

#my-iquote-details #hero li {
	margin: 0 15px 5px;
}

#my-iquote-details #hero #callout {
	margin: 8px auto 0;
	text-align: center;
	font-weight: bold;
}

#my-iquote-details #hero a.button-orange {
	margin: 0 auto 12px;
	width: 125px;
}

#iquote #my-iquote-left {
	margin: 0 0 8px 0;
}


#iquote .left-col {
	margin: 3px 0 14px;
}

#iquote .refer-header {
	background: url('/iQuote/images/grey_header_bg.gif') repeat-x 0 0;
}

#iquote .refer-header h2 {
	color: #54301A;
}

#iquote #page-body {
	padding: 0;
	margin-bottom: 8px;
}

#iquote #page-body h1,
#iquote #page-body h3 {
	color: #DB5A26;
}

#iquote #page-body h2, #iquote h2.page-body-header {
	font-size: 16px;
}

#iquote #page-body p {
	margin: 5px 5px 15px 0;
}

#iquote #page-body h1 { 
	font-size: 24px; 
}
#iquote #page-body h3 {
	font-size: 15px;
}

#iquote #page-body h4 {
	margin: 10px 0 -5px;
}

#iquote #page-body .comparison-table,
#iquote #page-body #lease-details table {
	width: 640px;
}

#iquote #page-body #lease-details table {
	margin: -6px 0 6px;
}

#iquote #page-body .comparison-table td,
#iquote #page-body .comparison-table th,
#iquote #page-body #lease-details table td { 
	font-weight: 400;
	text-align: center;
	vertical-align: top; 
	border: 1px solid #D7D7D7;
	padding: 10px;
	text-align: center;
	background: #FFF;
}
#iquote #page-body .comparison-table th:first-child { 
	text-align: left;
}

#iquote #page-body .first td, 
#iquote #page-body .total td,
#iquote #page-body .bg-grey,
#iquote #page-body .comparison-table th {
	background: #F7F6F4;
}

#iquote #page-body .comparison-table .highlight { 
	background: #E3FADF; 
}

#iquote #page-body .total td {
	color: #DB5A26;
	font-weight: 700;
}

#iquote #page-body #eligibility #lease-call-us {
	background: url("../images/call-us-bg.jpg") no-repeat scroll 0 0 transparent;
	height: 146px;
	margin: 25px 1px;
	padding: 42px 40px 15px 250px;
}


#iquote #page-body li {
	list-style-type: square;
	margin: 9px 20px;
}
#iquote #page-body .plain li { list-style:none; }

#iquote #page-body #link-back {
	float: right;
	margin-bottom: 14px;
}

#iquote .right-col {
	margin: 3px 0 10px;
}

#iquote #my-iquote-details .right-col-container {
	width: 362px;
}

#my-iquote-right #hero-content {
	font-style: italic;
}

#iquote .right-col-container {
	width: 290px;
}

#iquote .right-col-container #filler {
	height: 100%;
}

#iquote .right-col-container #filler a {
	margin: 60px;
}

#iquote .right-col-container #fillerdiv {
	margin-bottom: 10px;
}

#iquote #my-iquote-links {
}

#iquote #my-iquote-links .col-header {
	border-radius: 8px 8px 8px 8px;
	display: inline-block;
	height: 28px;
	padding: 5px 7px;
}

#iquote #my-iquote-links .col-header.right {
	float: right;
	margin: 0 0px 3px 18px;
}

#iquote #my-iquote-links div:first-child.left {
	float: left;
	margin: 0 10px 3px 0px;
}

#iquote #my-iquote-links .col-header.left {
	float: left;
	margin: 0 0px 3px 10px;
}

#iquote #my-iquote-links h2 {
	/* color: #DC5B26; */
	display: inline-block;
	font-weight: bold;
	margin: 1px 2px 0px 0;
	padding: 5px 10px 5px 4px;
	/* text-shadow: 0 1px #AAA;  */
}

#iquote #my-iquote-links h2#backbutton {
	font-size: 12px;
	padding: 5px 3px 3px 4px;
}

#iquote #my-iquote-links img {
	margin: 3px 0;
}

/* OurQuote Lease-vs-Buy Page */
#iquote  .lease-vs-buy-description {
background: #e3e7e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e3e7e8 0%, #e6e7e9 17%, #e5e9ec 21%, #e8e9ed 21%, #e8e9eb 28%, #f0f1f3 59%, #f1f1f1 63%, #f2f2f4 65%, #f2f2f2 70%, #f5f5f5 77%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e7e8), color-stop(17%,#e6e7e9), color-stop(21%,#e5e9ec), color-stop(21%,#e8e9ed), color-stop(28%,#e8e9eb), color-stop(59%,#f0f1f3), color-stop(63%,#f1f1f1), color-stop(65%,#f2f2f4), color-stop(70%,#f2f2f2), color-stop(77%,#f5f5f5), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e3e7e8 0%,#e6e7e9 17%,#e5e9ec 21%,#e8e9ed 21%,#e8e9eb 28%,#f0f1f3 59%,#f1f1f1 63%,#f2f2f4 65%,#f2f2f2 70%,#f5f5f5 77%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e3e7e8 0%,#e6e7e9 17%,#e5e9ec 21%,#e8e9ed 21%,#e8e9eb 28%,#f0f1f3 59%,#f1f1f1 63%,#f2f2f4 65%,#f2f2f2 70%,#f5f5f5 77%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e3e7e8 0%,#e6e7e9 17%,#e5e9ec 21%,#e8e9ed 21%,#e8e9eb 28%,#f0f1f3 59%,#f1f1f1 63%,#f2f2f4 65%,#f2f2f2 70%,#f5f5f5 77%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(top,  #e3e7e8 0%,#e6e7e9 17%,#e5e9ec 21%,#e8e9ed 21%,#e8e9eb 28%,#f0f1f3 59%,#f1f1f1 63%,#f2f2f4 65%,#f2f2f2 70%,#f5f5f5 77%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e7e8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset  0 0 4px #F7F8FA;
	-webkit-box-shadow: inset  0 0 4px #F7F8FA;
	box-shadow: inset  0 0 4px #F7F8FA;
	-moz-background-clip: padding; 
	-webkit-background-clip: 
	padding-box; 
	background-clip: padding-box;
	margin-bottom: 10px;
	min-height: 237px;
	width:642px;
}

#iquote #page-body .lease-vs-buy-description h3 {    
	font-size: 18px;
	margin-bottom: 16px;
}
#iquote .lease-vs-buy-description .big { 
font-size: 24px;
}
#iquote .lease-vs-buy-description .bd {
    min-height: 211px;
    padding: 21px 20px 0;
}
/*
#iquote .lease-vs-buy-description .spec { 
	height: 150px; 
	overflow: visible;
}
*/
#iquote .lease-vs-buy-description .lease-spec{
	width: 280px;
}

#iquote .lease-vs-buy-description .buy-spec { 
	font-weight:700;
	color:#F15D22;
	font-size:20px;
	margin:0 10px;
}

#iquote .lease-vs-buy-description .spec table {
	font-weight:700;
	margin:10px;
	color: #f15d22;
	font-size:16px;
}
#iquote .lease-vs-buy-description .lease-spec table {	
	text-transform: uppercase;
}

#iquote .lease-vs-buy-description .spec td {
	width:auto;
	border: 4px;
	padding:8px;
	height: 24px;
	white-space: nowrap;
}

#iquote .lease-vs-buy-description .spec .currency { 
	text-align:right;
	margin-top:4px;
}

#iquote .lease-vs-buy-description .spec .bordered td {
	border-width: 2px 0 0;
	border-color:#F15D22;
	border-style: solid;
	padding-top: 8px;
	}
	
#iquote .lease-vs-buy-description .spec .bordered.dash  td{
	border-style: dashed;
}

#iquote .lease-vs-buy-description .center {
	clear:both;
	text-align:center;
	text-transform:uppercase;
}
#iquote .lease-vs-buy-description ul.list-items li {
    color: #F15D22;
    margin-bottom: 12px;
    margin-left: 20px;
    width: 300px;
}
#iquote .lease-vs-buy-description ul.list-items li span {
    color: #545454;
}
/*
#iquote .lease-vs-buy-description.why-buy .lease-spec .item:first-child {
	margin: 0 0px -15px;
}

#iquote .lease-vs-buy-description.why-buy .lease-spec .item:first-child .title {
	width: 80px;
	float: right;
	height: 52px;
}
#iquote .lease-vs-buy-description.why-buy .lease-spec .item:first-child .value {
	width: 100%;
	float: right;
	height: 52px;
	margin-right: 5px;
	font-size: 68px;
	text-align: right;
	letter-spacing: -0.04em;
}*/
/* */
#promo-text img {
	float: left;
	margin: 4px 10px;
}

#iquote #footer-spacer {
	height: 0px;
}

#iquote hr.full {
	background: url('/iQuote/images/bg_reflective-orange.jpg');
	/* border-bottom: 1px solid #54301A;  */
	clear: both;
	height: 20px;
	margin: 0 0 12px;
}

#iquote #footer {
	color: #FFFFFF;
	font-size: 10px;
	left: -5px;
	position: relative;
	text-align: right;
	/* text-transform: uppercase;  */
	top: -30px;
}

#spread-the-word {
	text-align: center;
}

#spread-the-word p {
	margin: 13px 0;
	line-height: 17px;
	font-size: 11px;
}

#spread-the-word hr {
	border: 0px;
	height: 1px;
	background-color: #DC5B26;
	margin: 13px 0;
}

#spread-the-word h2 {
	font-family: Arial;
	font-size: 14px;
}

.referrals-right-content p {
	padding: 12px;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
}

#refer-a-friend .col-content a, .referrals-right-content a {
	display: block;
	margin-left: 94px;
	padding-bottom: 15px;
	width: 90px;
}

p#friends-text {
	text-align: left;
}

.referrals-right-content a#referrals-btn.referrals-btn-lightbox {
	margin-left: 45px;
}

#lightbox-loader {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}

#lightbox-loader-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #111111;
	filter: alpha(opacity=15);
	/* internet explorer */
	-khtml-opacity: 0.15;
	/* khtml, old safari */
	-moz-opacity: 0.15;
	/* mozilla, netscape */
	opacity: .15;
}

#lightbox-spinner {
	position: absolute;
	width: 100%;
	height: 100%;
}

#solar-btns {
	float: left;
}

#solar-btns li {
	width: 150px;
	background: url('/iQuote/images/grey_default_bg.gif') repeat-x 0 0;
	height: 50px;
	cursor: pointer;
}

#solar-btns a {
	display: block;
	height: 14px;
	padding: 18px 10px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	color: #54301a;
}

#solar-btns .selected {
	background: url('/iQuote/images/grey_active_bg.gif') repeat-x 0 0;
}

#solar-detail-content, #performance-solar-detail-content {
	float: left;
}

#performance-solar-detail-content {
	width: 810px;
}

#solar-detail-content #your-house-content,
#solar-detail-content #documents-content {
	max-width: 490px;
}

#system-at-a-glance-content {
	max-width: 482px;
}

#solar-detail-content #documents-content,
#solar-detail-content #expected-savings-content {
	max-width: 500px;
	width: 500px;
}

.document-status {
	display: inline;
}

#your-house-content {
}

#system-at-a-glance-content {
	display: none;
	font-size: 15px;
	color: #54301a;
	padding-top: 10px;
}

#system-at-a-glance-content .glance-detail, .my-system-number {
	color: #dc5b26;
}

#expected-savings-content {
	display: none;
}

#expected-savings-content #monthly-savings-header, #expected-savings-content #ten-year-savings-header {
	height: 22px;
	padding-top: 8px;
	float: left;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: hand;
	width: 249px;
}

#expected-savings-content #ten-year-savings-header {
	margin-left: 2px;
}

#expected-savings-content #ten-year-savings-header.active, #expected-savings-content #monthly-savings-header.active {
	background: url("images/orange_reflective_header_bg.gif") repeat-x scroll 0 0 transparent;
}

#expected-savings-content #ten-year-savings-header, #expected-savings-content #monthly-savings-header {
	background: url("images/brown_reflective_header_bg.gif") repeat-x scroll 0 0 transparent;
}

#monthly-savings-content-left, #ten-year-savings-content-left {
	float: left;
	width: 235px;
	margin-left: 10px;
	padding-top: 15px;
}

#monthly-savings-content-right, #ten-year-savings-content-right {
	float: left;
	height: 210px;
	width: 245px;
	position: relative;
}

#monthly-savings-content-right-legend {
	float: right;
	position: relative;
	top: -10px;
	width: 233px;
	font-size: 12px;
}

#monthly-savings-content-right-legend #old-bill-legend {
	float: left;
	clear: none;
	left: -10px;
	position: relative;
}

#monthly-savings-content-right-legend #solar-lease-legend,
#monthly-savings-content-right-legend #new-bill-legend {
	float: right;
	width: 118px;
	clear: none;
}

#ten-year-savings-content {
	margin-right: 5px;
}

#ten-year-savings-content-left {
	float: left;
	width: 240px;
	margin-left: 10px;
	padding-top: 15px;
}

#ten-year-savings-content-right {
	float: left;
	height: 210px;
	width: 245px;
	position: relative;
}

#monthly-payments-header {
	width: 167px;
}

#expected-savings-content table th {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

#expected-savings-content table td.leftcol {
}

#expected-savings-content table td {
	border-top: 1px solid #db5925;
	font-size: 10px;
}

#expected-savings-content table .col2,
#expected-savings-content table .col3,
#expected-savings-content table .rightcol,
#expected-savings-content table .totalsavings {
	border-left: 1px solid #db5925;
}

#expected-savings-content table td.col2,
#expected-savings-content table td.col3,
#expected-savings-content table td.rightcol,
#expected-savings-content table td.totalsavings {
	font-weight: bold;
}

#expected-savings-content table td.totalsavings {
	color: #DC5B26;
}

#expected-savings-content td, #expected-savings-content th {
	padding: 5px;
}

#expected-savings-content table {
	width: 230px;
	margin-top: 10px;
}

#ten-year-savings-content {
	display: none;
}

#projected-impact-content {
	display: none;
}

#documents-content {
	display: none;
}

#documents-content .document {
	margin-bottom: 20px;
}

.block-list {
	margin-top: 10px;
}

.block-list li {
	margin-bottom: 10px;
	padding: 10px;
	background: #ece5de;
}

#news-list li {
	font-size: 12px;
}

.news-date {
	float: left;
	margin-right: 20px;
}

.news-text {
	float: left;
	width: 560px;
}

.news-text a {
	text-decoration: none;
	color: #54301a;
}

.news-text h3 {
	margin-bottom: 4px;
}

#solar-team .button {
	color: #54301A;
	float: left;
	height: 30px;
	line-height: 26px;
	padding-left: 10px;
	text-decoration: none;
	width: 130px;
	background: url('/iQuote/images/team_passive_btn.gif') repeat-x 0 0;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}

#solar-team a.active {
	background: url('/iQuote/images/team_active_btn.gif') repeat-x 0 0;
}

.profile {
	padding: 10px;
	height: 90px;
}

.profile-img {
	float: left;
	margin-right: 5px;
}

.profile-text {
	float: left;
	font-size: 12px;
	width: 160px;
}

.profile-name {
	font-weight: bold;
}

#footer-spacer {
	height: 94px;
	clear: both;
}

#footer {
	text-align: center;
	font-size: 12px;
}

.clearer {
	clear: both;
}

.invisible {
	display: none;
}

.view-all {
	background: #e1d9ce;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

.view-all img {
	vertical-align: middle;
}

/* Begin Section: My Referrals */
#refer-invisible-wrapper, #my-referrals {
	display: none;
}

.refer-wrapper, .my-referrals-wrapper, .referral-thank-you {
	margin: 18px;
}

.refer-friend-title, .my-referrals-title {
	color: white;
	font-size: 14px;
	font-family: Arial;
	padding-top: 13px;
	height: 27px;
	padding-left: 10px;
	font-weight: bold;
}

.refer-intro {
	margin-top: 10px;
	margin-bottom: 8px;
	background-color: #ebe5dd;
	font-family: Arial;
	font-size: 15px;
	color: #54301a;
	padding: 10px;
}

.friend-name {
	font-family: "Lucida Grande","LucidaGrande";
	font-size: 12px;
	color: #54301a;
	float: left;
	width: 170px;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px solid gray;
}

.friend-email {
	font-family: "Lucida Grande","LucidaGrande";
	font-size: 12px;
	color: #54301a;
	float: left;
	width: 338px;
	margin-bottom: 6px;
	border: 1px solid gray;
}

.add-friends {
	font-family: "Lucida Grande","LucidaGrande";
	font-size: 14px;
	color: #dc5b26;
	float: right;
	border-bottom: 1px dotted #dc5b26;
	margin-top: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

.iquote_text {
	clear: both;
	margin-bottom: 32px;
}

.iquote_text p {
	margin-bottom: 8px;
}

textarea.personalized_message {
	width: 100%;
	height: 100px;
	margin-bottom: 16px;
}

.cancel_button {
	float: right;
	margin-right: 19px;
	margin-top: 5px;
	text-decoration: underline;
	cursor: pointer;
}

.send_button {
	float: right;
	cursor: pointer;
	width: 90px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 18px;
	background: url('/iQuote/images/send-button.gif');
}

.refer_more_friends_button {
	text-decoration: underline;
	cursor: pointer;
}

/* End Section: Refer a Friend */
/* Begin Section: Referral Center */
#referral-ctr #acctno {
	display: inline;
	font-size: 10px;
	left: 238px;
	position: relative;
}

#referral-ctr h4 {
	clear: left;
	color: #DC5B26;
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0;
}

#referral-ctr p {
	text-align: left;
	padding-bottom: 8px;
}

#referral-ctr ol {
	list-style-type: decimal;
	color: #dc5b26;
	padding: 0 35px;
	font-size: 15px;
}

#referral-ctr .col-content {
	padding: 12px 0 0 0;
}

#referral-ctr .referrals-none {
	padding: 8px 0 0 18px;
}

#referral-ctr ol p {
	color: #54301A;
	padding: 5px 0px;
}

#referral-ctr #shout {
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	/* Mozilla: */
	background: -webkit-gradient(linear, left top, left bottom, from(#E5DED4), to(#978467));
	/* Chrome, Safari:*/
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5DED4', EndColorStr='#978467', GradientType=0);
	/* MSIE */
	border-color: #54301A #978467 #978467 #54301A;
	border-style: solid;
	border-width: 0px;
	/* turn off border for now */
	color: #54301A;
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 18px 16px 14px;
	padding: 9px 7px;
	text-align: center;
	width: 160px;
}

#shout p {
	font-weight: normal;
	color: #54301A;
}

#shout div {
	margin: 12px 0 0 0;
	color: #54301A;
	font-size: 14px;
	font-weight: bold;
}

#shout img {
	margin-top: 9px;
}

#referral-ctr .block-list {
	margin: 8px 0 0 5px;
}

#referrer-list li {
	font-size: 13px;
	margin: 0 2px 0 0;
	padding: 2px 0 18px 8px;
	clear: both;
}

#referrer-list li:first-child {
	padding: 0 0 8px 8px;
}

#referrer-list .heading {
	color: #dc5b26;
	font-size: 10px;
	float: left;
	text-transform: uppercase;
	width: 200px;
}

#referrer-list #heading-status {
	width: 125px;
	padding: 0 15px;
}

.referral_email {
	color: #54301A;
	text-decoration: none;
}

a.referral_email:hover {
	text-decoration: underline;
}

.referrer-name {
	float: left;
	width: 200px;
	font-weight: bold;
	color: #54301A;
}

.referrer-status {
	float: left;
	font-weight: normal;
	width: 125px;
	color: #54301A;
	padding: 0 15px;
}

.installed {
	color: #dc5b26;
	font-style: italic;
}

.signed {
	font-style: normal;
}

.referrer-action {
	float: left;
	font-weight: normal;
	width: 285px;
}

.referrer-action img {
	margin: -1px 0 0 6px;
	vertical-align: text-top;
}

.referrer-action span {
	white-space: nowrap;
}

#referral-ctr .view-all {
	text-align: left;
	padding-left: 495px;
}

#referral-ctr #more-referrals-wrapper {
	border-radius: 15px;
	overflow: hidden;
	margin: 8px;
}

#referral-ctr #more-referrals {
	/* Mozilla:  978467 */
	background: -webkit-gradient(linear, left top, left bottom, from(#D7CFC3), to(#CABEAD));
	/* Chrome, Safari:*/
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#CABEAD', EndColorStr='#D7CFC3', GradientType=0);
	/* MSIE */
	padding: 16px 5px 8px 5px;
	width: 632px;
	border-radius: 15px;
	font-size: 12px;
	color: #54301A;
	text-align: center;
	font-weight: normal;
}

#more-referrals img {
	margin: 14px 0 0 10px;
	vertical-align: middle;
}

#referral-ctr #clear {
	padding-top: 10px;
}

/* End Section: Referral Center */
/* Start Section: My Referrals */
.my-referrals-title {
	margin-bottom: 10px;
}

.referrals-left {
	float: left;
	height: 270px;
	width: 400px;
	padding-right: 10px;
	overflow: auto;
	margin-right: 10px;
	margin-bottom: 18px;
}

.referrals-right {
	float: left;
	width: 180px;
}

.referral-row {
	background-color: #ebe5dd;
	height: 30px;
	padding-top: 13px;
	margin-bottom: 10px;
}

.referral-name, .referral-status, .referral-mail {
	float: left;
}

.referral-name {
	margin-left: 8px;
	width: 224px;
}

.referral-status {
	width: 110px;
	font-weight: bold;
	letter-spacing: -1px;
}

.referral-status-installed {
	color: #dc5b26;
}

.referral-mail {
	background: url('/iQuote/images/envelope-small.gif');
	width: 24px;
	height: 16px;
	text-indent: -9999px;
	display: block;
}

/* End Section: My Referrals */
/* Projected Impact */
/* End Projected Impact */
/* Start: Expected Savings */
#old_bill_label, #new_bill_label, #solar_lease_label, #sum_label {
	position: absolute;
	font-size: 12px;
	font-color: #ddd;
	z-index: 100;
}

#old_bill_label {
	bottom: 174px;
	left: 29px;
}

#new_bill_label, #solar_lease_label, #sum_label {
	left: 141px;
}

#dates-current, #dates-five, #dates-ten {
	bottom: 6px;
	font-size: 12px;
	position: absolute;
}

#dates-current {
	left: 5px;
}

#dates-five {
	left: 105px;
}

#dates-ten {
	left: 205px;
}

#ten-year-legend {
	position: absolute;
	font-size: 12px;
	left: 21px;
	top: 7px;
}

#old-bill-legend, #solar-lease-legend, #new-bill-legend {
	clear: both;
	padding-top: 3px;
}

#old-bill-legend .color-sample,
  #solar-lease-legend .color-sample,
  #new-bill-legend .color-sample {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

#old-bill-legend .color-sample {
	background-color: #535353;
}

#solar-lease-legend .color-sample {
	background-color: #F15A22;
}

#new-bill-legend .color-sample {
	background-color: #9fd8fc;
}

/* End: Expected Savings */
/* Start: Documents */
#documents-content-left {
	width: 180px;
	height: 200px;
	float: left;
	margin-right: 10px;
	background-color: #ECE5DE;
	padding: 20px;
}

#documents-content-signature {
	font-family: Arial;
	font-size: 18px;
}

#esign-link {
	width: 120px;
	height: 30px;
	background: url(images/go-to-esign.gif);
	display: block;
	margin-top: 20px;
	background-color: white;
	text-indent: -9999px;
}

#documents-content-right {
	width: 460px;
	height: 200px;
	padding: 20px;
	float: left;
	background-color: #ECE5DE;
}

.document-title {
	font-family: "Lucida Grande","LucidaGrande";
	color: #dc5b26;
	font-size: 19px;
}

.document-download-link {
	color: #54301a;
	font-family: "Lucida Grande","LucidaGrande";
	display: block;
}

/* End: Documents */
.news-item .field-label {
	display: none;
}

.news-item .date-display-single {
	display: none;
}

.news-item .field-field-external-link {
	display: none;
}

/* Start: Weather Details */
#wunderground {
	height: 70px;
	border-bottom: 1px solid #db5b26;
	border-top: 1px solid #db5b26;
	font-family: "Lucida Grande","LucidaGrande";
	margin-top: 15px;
	margin-bottom: 15px;
}

#wunderground .day {
	float: left;
	width: 150px;
	border-right: 1px solid #db5b26;
	height: 48px;
	margin-top: 11px;
	overflow: hidden;
}

#wunderground .day .weather_left {
	width: 50px;
}

#wunderground .day .day_label {
	font-weight: bold;
	margin-top: 18px;
}

#wunderground .day .weather_left,
  #wunderground .day .weather_middle,
  #wunderground .day .weather_right {
	float: left;
}

#wunderground .day .weather_right {
	width: 46px;
	margin-top: 12px;
}

#wunderground .day {
	font-size: 12px;
	text-align: center;
}

#wunderground #day_0 {
	width: 331px;
	font-size: 15px;
	text-align: left;
}

#wunderground #day_4 {
	border-right: none;
}

#wunderground #day_0 .weather_left {
	margin-top: 8px;
	width: 150px;
}

#wunderground #todays_weather_label {
	font-weight: bold;
}

#wunderground #day_0 .weather_middle {
	width: 69px;
}

#wunderground #day_0 .weather_right {
	margin-top: 16px;
	width: 112px;
}

#wunderground-error {
	color: #DC5B26;
	font-size: 12px;
	font-style: italic;
	margin: 30px 5px 0;
	text-align: center;
}

/* End: Weather Details */
/* Start: Performance Solar Details */
#performance-solar-details {
}

#performance-solar-details .col-header {
	background: url('/iQuote/images/brown_header_bg.gif') repeat-x 0 0;
}

#performance-solar-details .col-header h2 {
	color: white;
}

#performance-solar-details #documents-content,
  #performance-solar-details #my-system-content {
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 15px;
	padding-left: 15px;
	width: 785px;
	height: 225px;
}

.documents-col-left {
	float: left;
}

.documents-col-left {
	width: 300px;
	color: #DC5B26;
}

.documents-col-right a {
	color: #54301A;
}

.documents-row, .my-system-row {
	margin-top: 20px;
}

#documents-header, #my-system-header {
	font-size: 16px;
	font-family: Arial;
}

#my-system-content,
  #detailed-reports-content,
  #performance-environmental-impact-content
  /*  #performance-content is left visible here as the initially active section */ {
	display: none;
}

#detailed-reports-left,
  #detailed-reports-right {
	float: left;
	background-color: #ECE5DE;
	margin-left: 10px;
	margin-top: 10px;
	width: 395px;
	height: 240px;
}

#performance-content {
	margin-left: 10px;
	margin-top: 10px;
	height: 378px;
	position: relative;
}

.performance-time {
	background: url(images/brown_reflective_header_bg.gif) repeat-x scroll 0 0 transparent;
	height: 30px;
	text-align: center;
	width: 99px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 2px;
	color: white;
	padding-top: 8px;
	cursor: pointer;
}

.performance-time.active {
	background: url(images/orange_reflective_header_bg.gif) repeat-x scroll 0 0 transparent;
}

#time-slider {
	background: url(images/chart_gradient.gif) repeat-x scroll 0 0 transparent;
	height: 30px;
	float: left;
	width: 295px;
	position: relative;
}

#time-slider-left, #time-slider-right {
	width: 40px;
	height: 30px;
	text-indent: -9999px;
	cursor: pointer;
}

#time-slider-left {
	background: url(images/chart_larr.gif);
	border-right: 2px solid white;
	float: left;
}

#time-slider-right {
	background: url(images/chart_rarr.gif);
	border-left: 2px solid white;
	float: right;
}

#time-slider-date {
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
}

#time-slider-datepicker {
	position: absolute;
	width: 10px;
	height: 10px;
	left: 42px;
	top: 30px;
	display: none;
}

#performance-day-chart, #performance-7-day-chart, #performance-30-day-chart, #performance-year-chart, #performance-lifetime-chart {
	width: 800px;
	height: 300px;
	margin-top: 10px;
	clear: both;
	background-color: #ECE5DE;
}

#performance-7-day-chart, #performance-30-day-chart, #performance-year-chart, #performance-lifetime-chart {
	display: none;
}

div.ui-datepicker-inline {
	z-index: 9999;
	position: absolute;
	font-size: 10px;
}

div#locus_unavailable {
	background: url(images/locus_unavailable.gif) 0px 0px no-repeat;
	width: 960px;
	height: 290px;
	position: relative;
}

div#locus_unavailable a {
	display: block;
	width: 120px;
	height: 30px;
	left: 420px;
	top: 155px;
	position: absolute;
	text-indent: -9999px;
}

div#graph_data_error {
	margin: 10px;
}

div#charts-loader {
	background-color: black;
	-moz-opacity: .80;
	filter: alpha(opacity=80);
	opacity: .80;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 100;
	display: none;
}

div#charts-loader-inner {
	background: url(images/ajax-loader-transparent.gif) 50% 50% no-repeat;
	width: 100%;
	height: 100%;
}

form#IquoteSelector div.submit {
	display: none;
}

form#IquoteSelector {
	position: absolute;
	right: 0;
	top: 33px;
}

form#IquoteSelector label {
	font-family: 'Lucida Grande',"LucidaGrande",Arial;
	font-size: 14px;
}

/* End: Performance Solar Details */
/* Begin: Every Child Has a Light Banner */
#ecl-banner {
	background: #D2C6B6;
}

/* End: Every Child Has a Light Banner */
form.login_de {
	margin-top: 40px;
}

div.login_cell_left {
	float: left;
	width: 200px;
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
	font-weight: bold;
	margin-right: 10px;
}

div.login_row {
	clear: both;
	margin-top: 10px;
}

div.login_pre {
	margin-top: 10px;
}

div#performance-tabulation-bar {
	width: 700px;
	float: left;
	background: url(images/chart_gradient.gif) 0% 0% repeat-x;
	height: 33px;
	padding-top: 7px;
	text-align: center;
}

#performance-tabulation-bar-outer {
	padding-top: 10px;
	float: left;
}

div#performance-facebook-share {
	float: right;
	cursor: pointer;
	background: url(images/facebook_share_performance.png) 0% 0% no-repeat;
	height: 36px;
	margin-top: 8px;
	text-indent: -9999px;
	width: 96px;
}

span#performance-tabulation {
	color: #DC5B26;
	font-weight: bold;
}

.detailed-reports-title {
	margin-top: 15px;
}

#column1 .content {
	width: 652px;
}

.simple_column {
	margin-left: 120px;
	margin-top: 50px;
}

#portal div.login_form {
	margin-left: 120px;
	margin-top: 8px;
}

div#technician-profile .profile-email {
	font-size: 10px;
}

dabblet.html

<!-- content to be placed inside <body>…</body> -->

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}