Created
April 23, 2012 20:49
-
-
Save mejarc/2473748 to your computer and use it in GitHub Desktop.
Utilities
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- content to be placed inside <body>…</body> --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment