/*:: Framework 1.5.4 ------------------------------------- */ /* - Modified E.Meyer Style Reset - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} input{margin:0; padding:0;} :focus {outline:0;} body {line-height:1;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} html{overflow-y:scroll;} html#about{overflow:auto;} /* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */ .cf:after, .row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .cf, .row {display: inline-block;} * html .cf, * html .row {height: 1%;} .cf, .row {display: block;} /*:: Background scaler from http://klippoglim.no/ ------------------------------------- */ #scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%} #scaler[id]{display:table} #scaler div{position:absolute;left:0;top:50%} #scaler[id] div{display:table-cell;vertical-align:middle;position:static} #scaler img{position:relative;top:-50%;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%} *:first-child+html #scaler div{position:absolute}/*force IE 7 back to position:absoulte*/ /*:: Body ------------------------------------- */ html, body{width:100%; height:100%; overflow:hidden;} body{font-family:Arial, Helvetica, Sans-Serif; font-size:11px; background-color:#b2d4f0;} #body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto;} /*:: Header ------------------------------------- */ #header{background:url(images/bg-header.png) no-repeat top left; width:758px; height:68px; margin:0 auto 15px auto;} #header h1{float:left;} #header h1 a{background:url(images/ir-logo.png) no-repeat top left; display:block; width:222px; height:31px; text-indent:-1000em; margin:10px 0 0 19px} #header h2 {background:url(images/ir-tagline.png) no-repeat top left; float:left; clear:left; width:244px; height:15px; text-indent:-1000em; margin:3px 0 0 19px} #header #focusLink{background:url(images/ir-focusLink.png) no-repeat top left; float:right; width:119px; height:25px; text-indent:-1000em; margin:10px 9px 0 0;} /* - dropdown - */ #header ul{list-style:none; float:right; clear:right; margin:14px 4px 0 0; width:131px; position:relative; z-index:100;} #header ul li{background:url(images/ir-moreLink.png) no-repeat top center; position:relative; height:13px;} #header ul li a{display:block; height:13px; width:100%; text-indent:-1000em;} #header ul li ul{background:url(images/bg-dropDown.png) repeat; position:absolute; left:-1000em; float:none; margin:1px 0 0 0; padding:2px 0 0 0; width:136px;} #header ul li.on ul{left:0; z-index:100; top:12px;} #header ul li ul li{background:none; height:auto; height:21px;} #header ul li ul li a{color:#000; text-decoration:none; text-decoration:none; font-size:12px; line-height:21px; text-indent:0; padding:0 4px; height:21px;} #header ul li ul li a:hover{background:#72cac8; margin-left:-4px; padding-left:8px; width:131px;} /*:: Search Parameters ------------------------------------- */ #searchParameters{font-size:12px; background:url(images/bg-footer.png) repeat 0 0; float:left; width:846px; margin:0 0 4px 4px; padding:10px;} #searchParameters p{float:left;} #searchParameters a{color:#000;} #searchParameters a.newSearch{float:right; font-weight:bold;} #searchParameters a.newSearch:hover{text-decoration:none;} #searchParameters h3{font-size:16px; margin-bottom:20px;} #searchParameters ul.utilitySelect{list-style:none;} #searchParameters ul.utilitySelect li{font-size:11px; line-height:20px;} #searchParameters ul li#guidelines { list-style:none; float:right; } #searchParameters .utility{float:left; width:50%;} #searchParameters .utility img{float:left;} #searchParameters .utility address{font-style:normal; float:left; font-size:11px; line-height:15px;} #searchParameters .utility address strong{display:block; font-size:12px;} /*:: Content ------------------------------------- */ .content{width:874px; margin:0 auto; position:relative;} #lCol, #rCol{float:left;} #lCol{width:294px; padding-top:2px;} #rCol{width:580px;} /* - Left Column - */ #tabs{list-style:none; height:28px; position:relative; z-index:10;} #tabs li{float:left; height:28px;} #tabs li a{display:block; height:28px; width:100%; text-indent:-1000em; background-image:url(images/bg-tabs.png); background-repeat:no-repeat;} #tabs #providers{width:99px;} #tabs #providers a{background-position:0 0;} #tabs #providers a:hover{background-position:0 -28px;} #tabs #providers a.on{background-position:0 -56px;} #tabs #incentives{width:96px;} #tabs #incentives a{background-position:-99px 0;} #tabs #incentives a:hover{background-position:-99px -28px;} #tabs #incentives a.on{background-position:-99px -56px;} #tabs #name{width:99px;} #tabs #name a{background-position:-195px 0;} #tabs #name a:hover{background-position:-195px -28px;} #tabs #name a.on{background-position:-195px -56px;} /* - Left Column Panes - */ #lCol{position:relative; min-height:418px;} #lCol .paneTop{background:url(images/bg-paneTop.png) no-repeat top left; padding-top:10px;} #lCol .pane{background:url(images/bg-pane.png) no-repeat bottom left; clear:both; padding:0 10px 10px 10px; position:relative;} #lCol .topPane{margin-top:-4px;} #lCol .homePane .pane{margin-bottom:62px;} #lCol .paneItem{display:none;} #lCol .backdrop{background:#fff; padding:10px;} #lCol .pane .utilityBackdrop{padding:0;} #lCol #divBlank{height:80px; display:block;} #lCol #businessClass, #lCol #renewableClass, #lCol #residentialClass{display:none;} #lCol .paneItem label{display:block; margin-bottom:3px; line-height:13px; margin-top:7px;} #lCol .paneItem label.top{margin-top:0;} #lCol .paneItem input, .paneItem select{color:#0095D3; border:1px solid #0095D3; height:20px; line-height:20px;} #lCol .paneItem input{padding:0 2px; width:248px; height:20px; line-height:20px;} #lCol .paneItem select{width:252px;} #lCol .title{height:32px; width:100%; text-indent:-1000em; position:relative; z-index:10;} #lCol .title.gas{background:url(images/ir-gasTitle.png) no-repeat top left;} #lCol .title.electric{background:url(images/ir-electricTitle.png) no-repeat top left;} #lCol .title.utilities{background:url(images/ir-utilityTitle.png) no-repeat top left;} #lCol .pane ul{list-style:none;} #lCol .pane ul li{float:left; clear:left; margin-bottom:7px; width:100%;} #lCol .pane ul li input.radio{float:left; margin:0 8px 0 0 !important; height:13px; width:13px;} #lCol .pane ul li label.radioLabel{float:left; color:#0095D3; line-height:12px; width:233px;} #lCol .utility{border-top:1px solid #0095D3; font-size:10px; line-height:10px;} #lCol .utility a{color:#000;} #lCol .utility a:hover{color:#0095D3;} #lCol .utility a:visited{color:#000;} #lCol .utility address{display:block; float:left;font-style:normal; padding:5px; width:220px;} #lCol .utility strong{font-size:12px; line-height:12px; display:block;} #lCol .utility strong a{color:#0095D3;} #lCol .utility.top{border-top:none;} #lCol .utility img{float:left; border-right:1px solid #0095D3;} /* - Buttons - */ #lCol .btnSearch{display:block; text-indent:-1000em; height:62px; width:294px; background:url(images/btn-search.png) no-repeat left bottom; position:absolute; left:0px; bottom:-62px; cursor:default;} #lCol .btnSearch.on{cursor:pointer; background-position:left top;} #lCol .btnSearch.on:hover{background-position:left center;} #lCol .selectBtn{display:block; text-indent:-1000em; width:294px;} #lCol .selectBtn.off{display:none;} #lCol .selectBtn.gas{height:32px; background:url(images/btn-selectElectric.png) no-repeat top left; margin-top:-4px; position:relative; z-index:10;} #lCol .selectBtn.electric{height:62px; background:url(images/btn-getIncentives.png) no-repeat top left;} #lCol .selectBtn.electric:hover{background-position:bottom left;} #backButton a{display:block; text-indent:-1000em; height:62px; width:294px; background:url(images/btn-back.png) no-repeat top left; float:left;} #newSearch .newSearch{display:block; text-indent:-1000em; height:62px; width:294px; background:url(images/btn-newSearch.png) no-repeat top left; float:right;} #lCol .newSearch{display:block; text-indent:-1000em; height:62px; width:294px; background:url(images/btn-newSearch.png) no-repeat top left; position:absolute; bottom:0; margin-top:2px;} #newSearch .newSearch:hover, #backButton a:hover, #lCol .newSearch:hover{background-position:bottom left;} /* - Right Column - */ /* - Homepage - */ #rCol #welcomeTop{width:580px; background:url(images/bg-welcomeTop.png) no-repeat top left; padding-top:50px;} #rCol #welcomeBottom{background:url(images/bg-welcomeBottom.png) no-repeat bottom left; padding:0 20px 20px 42px;} #rCol #welcomeBottom .pane{background:#fff; padding:12px 20px 4px 20px; float:left; margin-top:-30px;} #rCol #welcomeBottom h2{font-size:54px; margin-bottom:9px;} #rCol #welcomeBottom p, #rCol #welcomeBottom li{font-size:14px; line-height:19px; margin-bottom:1em;} #rCol #welcomeBottom ol{margin-left:20px;} #rCol #welcomeBottom cite{font-size:16px; font-style:normal; text-align:right; display:block;} #rCol #welcomeBottom #welcomeClose{display:block; text-indent:-1000em; height:45px; width:234px; background:url(images/btn-getStarted.png) no-repeat top left; float:right; margin:8px -5px 0 0;} #rCol #welcomeBottom #welcomeClose:hover{background-position:bottom left;} #rCol .tableDisplay{position:absolute; top:0; width:580px;} #rCol .band{float:left; height:26px; width:100%; background:url(images/ir-band.gif) no-repeat top left; text-indent:-1000em; margin-top:150px;} #rCol div.homepage div.listDisplay .backDrop, #rCol div.newSearch div.listDisplay .backDrop{background:#fff; height:400px;} /* - arrows - */ .scroll{height:29px; width:87px; float:right; text-indent:-1000em;} .scroll.up{background:url(images/ir-scrollUp.png) no-repeat top left;} .scroll.down{background:url(images/ir-scrollDown.png) no-repeat top left;} .scroll.disabled, .scroll.disabled_ie{cursor:default;} .scroll.disabled_ie{background-position:bottom left;} /* - Listeses - */ #results{clear:both;} #rCol .listDisplay, #results .listDisplay{background:url(images/bg-rColTop.png) no-repeat top left; padding-top:10px; clear:both;} *+html #rCol .listDisplay, *+html #results .listDisplay{display:inline-block;} #rCol .listDisplayBottom, #results .listDisplayBottom{background:url(images/bg-rColBottom.png) no-repeat bottom left; padding-bottom:10px;} #rCol .listDisplayMid, #results .listDisplayMid{background:url(images/bg-rColMid.png) repeat-y top left; padding:0 10px;} #rCol .backDrop, #results .backDrop{background:#fff;} #rCol #incentivesList.backDrop{background:#fff url(images/ir-band.gif) no-repeat 0 87px; min-height:200px;} #results #incentivesList.backDrop{background:#fff url(images/ir-band2.gif) no-repeat 0 87px; min-height:200px;} #results .off{display:none !important;} #resultsTable{background:#ffffff; width:100%;} #results .listDisplay ul{list-style:none; border-bottom:1px solid #0095D3; float:left; background:#0095D3; padding:1px 1px 0 1px; width:852px;} #results .listDisplay ul li{border-top:1px solid #0095D3;overflow:hidden; height:49px; background:#fff; float:left; width:100%; position:relative;} #results .listDisplay ul li.on {height:auto; background:#1595d3;} #results .listDisplay ul li.on.hovering{background:#1595d3;} #results .listDisplay ul li.first{border-top:none;} #results .listDisplay ul li.unqualified{font-size:17px; font-weight:bold; background:#fff url(images/icon-unqualified.gif) no-repeat top left; width:812px; height:auto; padding:16px 0 16px 40px;} html>body #results .listDisplay ul li.unqualified.hovering{font-size:17px; font-weight:bold; background:#fff url(images/icon-unqualified.gif) no-repeat top left;} #results .listDisplay a.linkResults, #results .listDisplay ul li a.linkOut, #results .listDisplay ul li form label{display:block; height:49px; line-height:49px; font-size:16px; font-weight:bold; text-decoration:none; color:#0095D3;} #results .listDisplay ul li a.linkOut{width:808px;} #results .listDisplay ul li.on a.linkResults, #results .listDisplay ul li.on a.linkOut, #results .listDisplay ul li.on form label{color:#fff;} #results .listDisplay ul li.hovering{background-color:#aacbeb;} #results #resultsTable a.linkResults{background-color:#fff; color:#fff;} #results ul li input{border-width:1px 0 1px 1px; border-color:#0095d3; border-style:solid; height:19px; line-height:19px; float:right; color:#0095D3; font-size:12px; padding:0 0 0 2px; margin-top:14px; width:90px;} #results .listDisplayBottom input.button{border:none; height:auto; padding:0; margin-right:10px; width:auto;} #results .listDisplay a.linkResults{padding-left:10px; background:url(images/icon-moreInfo2.gif) no-repeat center right;} #results .listDisplay ul li form label{padding-left:10px;} /* - Descriptions - */ #results .listDisplay ul li.descIncluded{padding-right:31px; width:821px; overflow:visible;} #results .listDisplay ul li.hovering{z-index:10000;} #results a.descTrigger{height:21px; width:21px; background:url(images/icon-what.gif) no-repeat top left; text-indent:-1000em; position:absolute; top:14px; right:10px;} #results div.desc{position:absolute; background:#fff; padding:10px; border:5px solid #0095d3; width:400px; z-index:10000; bottom:14px; right:41px; font-size:12px; line-height:16px; display:none; -moz-box-shadow:#444 0 0 4px; -webkit-box-shad-w:#444 0 0 4px;} #results li.top div.desc{top:14px; bottom:auto;} /* - super special incentives list that doesn't act like anything else because it's so speeecial. - */ #results #incentivesList ul li a.linkMore{text-indent:-1000em; width:43px; background:url(images/icon-moreInfo.gif) no-repeat top left; height:49px; position:absolute; right:0; top:0;} #results #incentivesList ul li a.linkMore:hover{background-color:Transparent !important;} #results #incentivesList ul li a.linkOut{background:url(images/icon-link.gif) no-repeat 10px top; padding-left:40px;} #results #incentivesList ul li a.linkOut:hover{background-position:10px center;} #results #incentivesList ul li.on a.linkMore{background-position:bottom left;} #results #incentivesList ul li.on a.linkOut{background-position:10px bottom; border:2px solid #72cac8; line-height:45px; height:45px;} #results #incentivesList ul li.on a.linkOut:hover{background-color:transparent !important;} #results #incentivesList ul li.on div{background:#72CAC8; padding:8px 10px 10px 10px; color:#fff; font-size:12px; line-height:14px;} /* - tables - */ #results .helpText{height:22px; padding:8px 0 0 20px; background:#ffed72 url(images/bg-moreInfo2.gif) no-repeat top left; color:#fff; font-size:12px;} #results .helpTextLong{height:22px; padding:8px 0 0 20px; background:#ffed72 url(images/bg-moreInfo2.gif) no-repeat top left; color:#fff; font-size:12px; line-height:14px;} #results .helpTextLong a {color:#fff; text-decoration:underline;} #results .error{height:39px; padding:10px 0 0 22px; background:url(images/bg-error.gif) no-repeat top left; color:#fff; font-size:12px;} #results table{background:#fff; color:#000; width:100%;} #results table th, #results table td{padding:6px; font-size:12px; vertical-align:top;} #results table th{background:#ffed72; font-weight:bold;} #results table th a{color:#000;} #results table tr.even td{background:#fffadd !important;} #results table tr td.center{text-align:center;} #results table td .contactInfo{list-style:none; width:auto; height:auto; min-height:10px; background:transparent; border:none; min-width:45px;} #results table td .contactInfo li{float:left; background:transparent; border:none; height:auto; overflow:visible; width:auto;} #results table td .contactInfo li a{color:#000; float:left;} #results table td span.emailIcon{height:11px; width:16px; background:url(images/icon-email.png) no-repeat top left; text-indent:-1000em; display:block;} #results .pagination{background:#0095D3; font-size:12px; color:#fff; font-weight:bold; height:28px;} #results .pagination strong{color:#FFE52E;} #results .pagination a{color:#fff; text-decoration:none; font-weight:bold;} #results .pagination ul{float:left; width:auto; padding:0; min-height:0; line-height:26px; padding-left:10px;} #results .pagination li{display:inline; background:transparent !important; padding:0 5px 0 0; border:0; height:auto !important; width:auto !important;} #results .tableTitle{position:relative; height:49px;} #results .tableTitle .linkResults{background-color:#0095D3 !important;} #results #closeTable{float:right; height:28px; width:72px; background:url(images/btn-close2.gif) no-repeat top left; text-indent:-1000em;} /* - Banners - */ #bannerAds{height:49px; width:371px; padding:4px; background:url(images/bg-banner.png) no-repeat top left; position:relative; float:left;} #bannerAds a, #bannerAds img{float:left; height:49px; width:371px; text-decoration:none; position:absolute; top:4px; left:4px;} #bannerAds a img{position:static;} /* - Email - */ div.emailLink{right:0; top:0; height:19px; width:67px; position:absolute; top:15px; right:41px;} div.emailLink a{display:block; height:19px; width:100%; text-indent:-1000em; background:url(images/btn-email.gif) no-repeat top left;} div.printLink{right:0; top:0; height:19px; width:63px; position:absolute; top:15px; right:119px;} div.printLink a{display:block; height:19px; width:100%; text-indent:-1000em; background:url(images/btn-print.gif) no-repeat top left;} div.email{position:absolute; z-index:10;} div.emailNest form{background:#fff; width:261px; padding:6px;} div.emailNest div.back{background:#fff; width:261px; height:21px;} div.emailNest div.back span{float:left; padding:5px 0 0 5px;} div.emailNest div.back a#closeBtn{float:right; height:21px !important; width:21px; background:url(images/btn-close3.gif) no-repeat top left; text-indent:-1000em !important; border:none !important} div.email div.emailNest a{float:left; border:1px solid #0095D3; width:auto; background:none; text-indent:0 !important; height:16px !important; line-height:16px; text-decoration:none; color:#fff; background-color:#72cbc8; width:14px; text-align:center; margin:0 !important;} div.email div.emailNest a:hover{background:#0095D3 !important;} .arrowBottomLeft div.email{background:url(images/bg-emailBottomLeft.png) no-repeat bottom left; padding-left:6px; bottom:-4px; left:-4px; padding-bottom:10px;} .arrowBottomLeft div.emailNest{background:url(images/bg-emailTop.png) no-repeat top left; padding:10px 10px 0 10px;} .arrowTopRight div.email{background:url(images/bg-emailTopRight.png) no-repeat top left; top:19px; left:-222px; padding-top:16px;} .arrowTopRight div.emailNest{background:url(images/bg-emailBottom.png) no-repeat bottom left; padding:0 10px 10px 10px;} .arrowTopLeft div.email{background:url(images/bg-emailTopLeft.png) no-repeat top left; top:372px; left:-4px; padding-top:16px;} .arrowTopLeft div.emailNest{background:url(images/bg-emailBottom.png) no-repeat bottom left; padding:0 10px 10px 10px;} div.email input, div.email textarea{border:1px solid #0095d3; color:#0095d3; font-family:Arial, Helvetica, Sans-Serif; font-size:9px; margin:0 0 3px 0;} div.email input.text{width:124px;} div.email input.first{margin-right:6px;} div.email textarea{width:257px; height:36px; padding:1px;} div.email input.img{width:auto; float:right; border:0; margin-bottom:0;} .wordCount{float:left; color:#0095d3; font-size:9px; line-height:18px; padding-left:5px;} #footer #emailFooter{position:relative; height:18px;} div#body div.email div.emailNest form span.validation-summary-errors{color:#f00; border-bottom:1px solid #f00; width:100%;display:block; padding-bottom:2px; margin-bottom:6px;} div#body div.email div.emailNest form ul.validation-summary-errors {list-style:none; width:100%; padding-bottom:12px; background:transparent; border-bottom:none; float:none; min-height:0 !important;} div#body div.email div.emailNest form ul.validation-summary-errors li{float:none; color:#f00; height:auto; border-top:none; background:transparent;} /*:: Modal ------------------------------------- */ #overlay{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10000; background:none;} html>body #overlay{background:transparent url(images/bg-overlay.png) repeat top left;} #detailsWrapper{width:728px; position:absolute; left:50%; margin-left:-160px; top:100px; font-size:12px; z-index:10010;} html>body #detailsWrapper{margin-left:-350px;} #details{border:7px solid #1595d3; background:#fff; padding:7px; height:300px;clear:right; position:relative; z-index:10100;} #details h2{font-size:16px; font-weight:bold; background:#72cbc9; padding:9px 0 9px 7px;} #details .infoColumn{background:#c8e8e7; float:left; width:178px; height:248px; margin-top:4px; padding:7px 7px 7px 0; position:relative; line-height:15px;} #details .infoColumn a{color:#000; text-decoration:none; margin-left:-7px; padding:0 7px;} #details .infoColumn a:hover{background:#1997d4;} #details .infoColumn p{padding-bottom:20px; padding-left:7px;} #details .infoColumn .companyInfo{font-size:9px; text-align:center; position:absolute; bottom:7px; width:171px; padding-bottom:0; line-height:9px;} #details .infoColumn .companyInfo a{margin-left:0; padding:0; text-decoration:underline;} #details .detailsColumn{float:left; margin-left:4px; width:511px;} #details .detailsColumn #detailsTabs{list-style:none; float:left; width:513px;} #details .detailsColumn #detailsTabs li{float:left; border-right:2px solid #fff; background:#b3dfde;} #details .detailsColumn #detailsTabs li a{display:block; width:100%; text-align:center; text-decoration:none; font-size:9px; color:#6e8185; height:27px; vertical-align:middle; padding-top:7px; font-weight:bold;} #details .detailsColumn #detailsTabs li.on{background:#72CBC9;} #details .detailsColumn #detailsTabs li.on a{color:#000;} #details .detailsContent{clear:both;} #details .detailsContent .panel{display:none;} #details .detailsContent .panel.on{display:block;} #details .detailsContent .panel h3{font-size:14px; border-bottom:1px solid #54b3e3; padding:7px 0 0 7px; margin-bottom:7px;} #details .detailsContent .panel ul{margin-left:21px; line-height:18px;} #details .detailsContent .panel ul li{float:left; width:50%;} #details .detailsContent .panel ul ul li{float:none; width:100%;} #divDetails #overlay a#close{display:block; height:21px; width:72px; text-indent:-1000em; background:url(images/btn-close.gif) no-repeat top left; float:right;} #detailsWrapper .emailLink{display:block; height:19px; width:67px; text-indent:-1000em; background:url(images/btn-email.gif) no-repeat top left; margin-top:4px;} /*:: Footer ------------------------------------- */ #footer{width:632px; margin:0 auto; padding-top:16px;} #footer .container{background:url(images/bg-containerTop.png) no-repeat top left; width:632px; padding-top:8px;} #footer .containerBottom{background:url(images/bg-containerBottom.png) no-repeat bottom left; padding:0 0 7px 0} /* - lists - */ #footer ul{list-style:none; clear:left;} #footer ul li{float:left;} #footer ul li .footerTitle{float:left; width:119px; height:18px; margin-right:8px; text-indent:-1000em;} #footer ul li ul{clear:none; float:left; width:500px; padding-bottom:5px;} #footer ul li ul li a{display:block; height:18px; margin-left:8px; text-indent:-1000em;} #footer ul li ul li.first{border-left:2px solid #c2c4c7;} #footer ul li .footerTitle, #footer ul li ul li a{background-repeat:no-repeat;} #footer ul li .footerTitle{background-position:19px 2px;} #footer ul li ul li a{background-position:4px 4px;} #footer ul li ul li a:hover, #footer ul li.on .footerTitle{background-color:#72cac8;} #footer #onTheWeb .footerTitle{background-image:url(images/ir-onTheWeb.png);} #footer #facebook a{width:55px; background-image:url(images/ir-facebook.png);} #footer #twitter a{width:40px; background-image:url(images/ir-twitter.png);} #footer #vimeo a{width:39px; background-image:url(images/ir-vimeo.png);} #footer #youTube a{width:49px; background-image:url(images/ir-youtube.png);} #footer #focusOnEnergy a{width:106px; background-image:url(images/ir-focusOnEnergy.png);} #footer #moreFromFocus .footerTitle{background-image:url(images/ir-moreFromFocus.png);} #footer #residential a{width:61px; background-image:url(images/ir-residential.png);} #footer #business a{width:52px; background-image:url(images/ir-business.png);} #footer #renewable a{width:98px; background-image:url(images/ir-renewable.png);} #footer #rewards a{width:107px; background-image:url(images/ir-rewards.png);} #footer #research a{width:53px; background-image:url(images/ir-research.png);} #footer #information a{width:63px; background-image:url(images/ir-information.png);} #footer #tellYourFriends .footerTitle{background-image:url(images/ir-tellYourFriends.png);} #footer #emailYourFriends a{width:208px; background-image:url(images/ir-email.png);} /* - legal - */ #footer #legal{height:8px; line-height:8px; color:#000; background:url(images/bg-footer.png) repeat top left; margin:0 5px; padding:5px;} #footer #legal a{color:#000; text-decoration:underline;} #footer #legal a:hover{text-decoration:none;} #footer #legal ul li{border-left:1px solid #000; padding:0 4px;} #footer #legal ul li.first{border-left:none; padding-left:0;} /* - Scrollbar Control - */ .jScrollPaneContainer{position: relative; overflow: hidden; z-index: 1; clear:both; } .jScrollPaneTrack{position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:#b9e2e0;} .jScrollPaneDrag {position: absolute; cursor: pointer; overflow: hidden; background:#0095d3;} .jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;} .jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;} a.jScrollArrowUp, a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden; background-color:#74cbc8; background-repeat:no-repeat; background-position: center center; height:17px;} a.jScrollArrowUp{background-image:url(images/bg-scrollUp.png);} a.jScrollArrowDown{background-image:url(images/bg-scrollDown.png);} a.jScrollArrowUp:hover, a.jScrollArrowDown:hover{background-color:#86d0ce;} /*:: Privacy Policy ------------------------------------- */ #modal-overlay{width:100%; position:absolute; top:0; left:0; z-index:1000000; background:url(images/bg-modal.png) repeat top left; display:none;} #modal-container{border:7px solid #efdd67; background:#f1f6e9; width:610px; height:430px; position:absolute; left:50%; margin-left:-312px; top:100px;} #modal-container a.close{position:absolute; display:block; right:-7px; top:-23px; font-size:10px; color:#000; text-decoration:none; background:#efdd67 url(images/btn-modal-close.gif) no-repeat 37px 2px; height:16px; width:45px; padding-left:7px; line-height:16px;} #modal-container .holder{padding:50px 0 10px 10px; height:370px; background:#f1f6e9 url(images/bg-modal-container.gif) no-repeat 10px 10px;} #modal-container .holder h2{font-size:16px; text-align:center; margin-bottom:1em;} #modal-container .holder p{font-size:11px; line-height:13px; margin-bottom:1em;} #modal-container .holder a{color:#0194D3;} #modal-container .holder ul { margin-left:15px; padding-left:0px; } #modal-container .holder ul li { margin-left:0; padding-left:0px; margin-bottom:1em; vertical-align:middle;}