/*:: Imports ------------------------------------- */ @import url(layout.css); /*:: Body ------------------------------------- */ body{font-family:Arial, Helvetica, Sans-Serif; font-size:11px; background-color:#fff; background-position:top center; background-repeat:no-repeat; background-attachment:fixed} body.r1024{background-image:url(images/bg-1024.jpg);} body.r1280{background-image:url(images/bg-1280.jpg);} body.r1680{background-image:url(images/bg-1680.jpg);} body.r1920{background-image:url(images/bg-1920.jpg);} /*:: Header ------------------------------------- */ #header{background:url(images/bg-header.png) no-repeat top left;} #header h1 a{background:url(images/ir-logo.png) no-repeat top left;} #header h2{background:url(images/ir-tagline.png) no-repeat top left;} #header #focusLink{background:url(images/ir-focusLink.png) no-repeat top left;} /* - dropdown - */ #header ul li{background:url(images/ir-moreLink.png) no-repeat top center;} #header ul li ul{background:url(images/bg-dropDown.png) repeat;} #header ul li ul li{background:none;} #header ul li ul li a{color:#000; text-decoration:none; text-decoration:none; font-size:12px; line-height:21px;} #header ul li ul li a:hover{background:#faa647;} /*:: Content ------------------------------------- */ /* -- Arrows -- */ #prevArrow{background:url(images/bg-prevArrow.png) no-repeat top left;} #nextArrow{background:url(images/bg-nextArrow.png) no-repeat top left;} #prevArrow:hover, #nextArrow:hover{background-position:bottom left;} #scrollUp{background:url(images/ir-scrollUp.png) no-repeat top left;} #scrollDown{height:23px; background:url(images/ir-scrollDown.png) no-repeat top left;} /* -- Small Cells -- */ .smallCell{background:url(images/bg-smallCellTop.png) no-repeat top left; font-size:9px; text-align:center;} .smallCell a{color:#000; text-decoration:none;} .smallCellBottom{background:url(images/bg-smallCellBottom.png) no-repeat bottom left;} .smallCellBottom a.expert{display:block; padding-bottom:2px;} .smallCellBottom a.expert img{margin-bottom:2px;} .smallCell .seeAllExperts{line-height:14px; text-align:center; background:#faa647;} .smallCell .readBio{line-height:14px; background:url(images/bg-readBio.png) no-repeat top left; text-align:left;} .smallCell .readBio.on{background-position:bottom left;} .smallCell div.yourQuestion{background:#fff; font-size:13px;} .smallCell div.yourQuestion p{border-bottom:2px solid #faa647;} /* -- Big Cells -- */ .bigCell{background:url(images/bg-bigCellTop.png) no-repeat top left;} .bigCellBottom{background:url(images/bg-bigCellBottom.png) no-repeat bottom left;} .bigCell div.tabUp{background:url(images/bg-asker.png) no-repeat top right; font-size:10px; line-height:16px;} .bigCell div.tabUp a{color:#000; text-decoration:none;} .bigCell div.tabUp a.close{background:url(images/btn-close.gif) no-repeat top right; padding-right:26px;} /* -- Holy cow -- */ .bigCell div.question, .bigCell div.answer, .bigCell div.expertAnswer, .bigCell form#searchBox, .bigCell div.thanks, .bigCell div.biography{background:#fff;} .bigCell div.question h5{font-size:14px;} .bigCell div.question p{font-size:18px; line-height:21px;} .bigCell div.answer h2, .bigCell div.biography h2{font-size:15px;} .bigCell div.answer p, .bigCell div.biography p{line-height:14px; margin-top:15px;} .bigCell div.answer ul, .bigCell div.answer ol, .bigCell div.biography ul, .bigCell div.biography ol{line-height:14px; margin-top:15px;} .bigCell div.answer ul, .bigCell div.biography ul{margin-left:13px;} .bigCell div.answer ol, .bigCell div.biography ol{margin-left:20px;} .bigCell div.answer ul, .bigCell div.biography ul{list-style:none;} .bigCell div.answer ul li, .bigCell div.biography ul li{background:url(images/bullet1.gif) no-repeat left 5px; padding-left:9px;} .bigCell div.answer li ul, .bigCell div.biography li ul{margin-left:5px; margin-top:5px} .bigCell div.answer li li, .bigCell div.biography li li{font-size:9px; background:url(images/bullet2.gif) no-repeat left 6px; padding-left:5px;} .bigCell div h3{font-size:15px; color:#F99D31; margin-top:30px;} .bigCell div h4{font-size:13px; color:#F99D31; margin-top:30px;} .bigCell #tags h4{color:#000; margin-top:0;} /* -- Expert Answers -- */ .bigCell div.expertAnswer p{font-size:13px; font-weight:bold;} /* -- Answers -- */ .bigCell div.answer a, .bigCell div.answer a:visited{color:#F99D31; font-weight:bold; text-decoration:underline;} .bigCell div.answer a:hover, .bigCell div.answer a:visited:hover{color:#F99D31; background:#FFE52E;} .bigCell div.answer a:hover:active{color:#FFE52E; background:transparent;} /* -- Biography -- */ .bigCell div.biography h3{font-size:18px; margin-bottom:1em;} .bigCell div.biography p{line-height:14px;} /* -- Search Box -- */ .bigCell form#searchBox textarea{font-size:18px; color:#faa647; line-height:21px; font-family:Arial, Helvetica, Sans-Serif;} /* -- Thank you pages -- */ .bigCell div.thanks h5 a{font-size:15px; text-decoration:none; font-weight:normal; color:#000; border-bottom:2px solid #faa647;} .bigCell div.thanks h5 a:hover{background:#faa647; border-bottom:0;} .bigCell div.thanks p{font-size:16px; line-height:23px;} .bigCell div.thanks cite{font-style:normal; float:right; font-size:16px; line-height:23px;} /* -- Feedback -- */ .bigCell ul#feedback li#rate a{background:url(images/bg-rate.gif) no-repeat top left;} .bigCell ul#feedback li#rate ul{background:url(images/bg-rating.png) no-repeat bottom left;} .bigCell ul#feedback li#rate ul li.stars{height:11px; width:65px; background:url(images/bg-stars.gif) no-repeat top left; position:relative;} .bigCell ul#feedback li#rate ul li.stars a{background:none; position:relative; z-index:10;} .bigCell ul#feedback li#rate ul.r1 li.stars .mercury{width:12px;} .bigCell ul#feedback li#rate ul.r2 li.stars .mercury{width:24px;} .bigCell ul#feedback li#rate ul.r3 li.stars .mercury{width:36px;} .bigCell ul#feedback li#rate ul.r4 li.stars .mercury{width:50px;} .bigCell ul#feedback li#rate ul.r5 li.stars .mercury{width:64px;} .bigCell ul#feedback li#rate ul li.stars .mercury{height:11px; background:url(images/bg-stars-rated.gif) no-repeat top left; position:absolute; top:0; left:0;} .bigCell ul#feedback li#email a{background:url(images/bg-email.gif) no-repeat top left;} .bigCell ul#feedback li#email ul{background:url(images/bg-email.png) no-repeat bottom left;} .bigCell ul#feedback li#email ul li a{background:#000; text-align:center; color:#fff; background-image:none; line-height:17px; text-decoration:none; font-weight:bold;} /* -- Tags -- */ .bigCell div#tags a{color:#000; text-decoration:none;} .bigCell div#tags a:hover{background:#faa647;} /* -- Small Questions -- */ .bigCell div.smallQuestion{background:url(images/bg-expertQuestion.gif) no-repeat bottom left;} .bigCell div.smallQuestion a{color:#000; text-decoration:none;} /* -- Hover State for questions -- */ .bigCell a.hovering{font-size:18px; text-align:center; font-weight:bold; color:#000; text-decoration:none; background:url(images/bg-hovering.png) no-repeat top left; text-indent:-1000em;} .bigCell a.hovering:hover{background-position:bottom left; text-indent:0;} /* -- Submit Forms -- */ #submitForm label{font-size:18px; text-align:right;line-height:31px;} #submitForm input{font-size:18px; color:#faa647; border:0; background:url(images/bg-input.png) no-repeat top left;} /* -- Outer Text -- */ .outText{font-size:14px;} h2.outText{font-weight:normal;} .outText strong, .outText a{font-weight:bold; color:#000; text-decoration:none;} .outText span{border-bottom:2px solid #faa647;} .outText a:hover{background:#faa647; border-bottom:none;} .smallText{font-size:10px; line-height:12px; margin-bottom:19px;} /* -- Profile Pictures -- */ #profilePic{background:url(images/bg-profilePicTop.png) no-repeat top left;} #profilePicBottom{background:url(images/bg-profilePicBottom.png) no-repeat bottom left;} #profilePicBottom a#expertBioButton{text-align:center; height:21px; line-height:21px; font-size:14px; text-decoration:none; color:#000; background:#faa647;} /* -- Buttons -- */ .button span{background-position:top left; background-repeat:no-repeat;} .button:hover span{background-position:bottom left;} .button#askExpert span{background-image:url(images/btn-askExpert.png);} .button#askIt span{background-image:url(images/btn-askIt.png);} .button#searchAnswers span{background-image:url(images/btn-searchAnswers.png);} .button#stillAsk span{background-image:url(images/btn-stillAsk.png);} .button#yesHelps span{background-image:url(images/btn-yesHelps.png);} /* - search - */ #content #searchButton{background:url(images/bg-searchButton.png) no-repeat top left;} #content #searchButton h3{background:#fff;} #content #searchButton h3 a{background:url(images/ir-searchButton.png) no-repeat center top;} #content #searchButton h3 a:hover{background-position:center bottom;} /*:: 404 Page ------------------------------------- */ #FourOhNoesFour{background:url(images/ir-404.png) no-repeat top left;} /*:: Footer ------------------------------------- */ #footer .container{background:url(images/bg-containerTop.png) no-repeat top left;} #footer .containerBottom{background:url(images/bg-containerBottom.png) no-repeat bottom left;} /* - lists - */ #footer ul li ul li.first{border-left:2px solid #c2c4c7;} #footer ul li div, #footer ul li ul li a{background-repeat:no-repeat;} #footer ul li div{background-position:19px 2px;} #footer ul li ul li a{background-position:4px 4px;} #footer ul li#aboutTheExperts ul li a{background-position:2px 2px; margin-top:1px !important; padding-top:1px !important;} #footer ul li ul li a:hover, #footer ul li.on div{background-color:#faa647;} #footer ul li#aboutTheExperts ul li { height:18px; overflow:hidden; } #footer #aboutTheExperts div{background-image:url(images/ir-aboutTheExperts.png);} #footer #clement a{background-image:url(images/ir-clement.png);} #footer #dettlaff a{background-image:url(images/ir-dettlaff.png);} #footer #hickey a{background-image:url(images/ir-hickey.png);} #footer #schutten a{background-image:url(images/ir-schutten.png);} #footer #hogan a{background-image:url(images/ir-hogan.png);} #footer #sasso a{background-image:url(images/ir-sasso.png);} #footer #williams a{background-image:url(images/ir-williams.png);} #footer #helpfulLinks div{background-image:url(images/ir-helpfulLinks.png);} #footer #search a{background-image:url(images/ir-search.png);} #footer #submit a{background-image:url(images/ir-submit.png);} #footer #browse a{background-image:url(images/ir-browse.png);} #footer #categories a{background-image:url(images/ir-categories.png);} #footer #about a{background-image:url(images/ir-about.png);} #footer #onTheWeb div{background-image:url(images/ir-onTheWeb.png);} #footer #facebook a{background-image:url(images/ir-facebook.png);} #footer #twitter a{background-image:url(images/ir-twitter.png);} #footer #vimeo a{background-image:url(images/ir-vimeo.png);} #footer #youTube a{background-image:url(images/ir-youtube.png);} #footer #focusOnEnergy a{background-image:url(images/ir-focusOnEnergy.png);} #footer #moreFromFocus div{background-image:url(images/ir-moreFromFocus.png);} #footer #residential a{background-image:url(images/ir-residential.png);} #footer #business a{background-image:url(images/ir-business.png);} #footer #renewable a{background-image:url(images/ir-renewable.png);} #footer #rewards a{background-image:url(images/ir-rewards.png);} #footer #research a{background-image:url(images/ir-research.png);} #footer #information a{background-image:url(images/ir-information.png);} #footer ul li#aboutTheExperts ul li { margin:5px 0 0 0 !important; } /*:: Styles for JS ------------------------------------- */ /* -- Modal Controls -- */ div.modal-background {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1001;} div.modal-container {position: fixed; top: 50%; left: 50%; margin-left: -340px; margin-top:-181px; width: 650px; height: 362px; padding:15px; z-index: 1002; overflow: hidden; background:#f0dd68;} html body div.privacy-modal {margin-top:-220px; margin-left:-312px; overflow:visible; height:441px; width:624px; padding:0;} html body div.privacy-modal div.paddingDiv{height:429px; width:612px; padding:6px; overflow:hidden; position:relative; z-index:100;} #closeButton{position:absolute; right:0; background:#F0DD68; text-decoration:none; color:#000; padding:4px; top:-16px;} #closeButton span{display:inline-block; height:13px; width:13px; background:url(images/btn-close.gif) no-repeat top left; margin-left:4px;} html body div.modal-home {margin-top:-219px; width: 650px; height: 423px; padding:15px 15px 0 15px; } .modal-container .modalControls{float:left;} .modal-container p, .modal-container label{font-weight:bold; font-size:11px;} .modal-container p{padding:5px 0 5px 0;} .modal-container .modalControls label{height:13px; line-height:13px; float:left;} .modal-container .modalControls input{height:13px; width:13px; float:left; margin-right:5px;} .modal-container #getStarted{float:right; height:45px; width:238px; text-indent:-1000em; background:url(images/btn-getStarted.gif) no-repeat top right; margin-right:-7px; margin-top:7px;} .modal-container #getStarted:hover{background-position:bottom left;} /* -- Scrollbar -- */ .scrollControlsY{position: absolute; top:0; right:0; height:100%; width:14px; border-left:2px solid #faa647;z-index:10;} .upBtn{position:absolute; top:0; right:0; width:14px; height:13px; background: url(images/upBtn.gif) no-repeat 0 0; cursor:pointer;} .upBtn-Active{background-position:-14px 0;} .downBtn{position:absolute; bottom:0; right:0; width:14px; height:13px; background: url(images/downBtn.gif) no-repeat 0 0; cursor:pointer;} .downBtn-Active{background-position:-14px 0;} .scrollBar{position:absolute; top:14px; right:0; bottom:14px; width:14px;} .scrollHandle{position:absolute; top:0px; right:0; width:14px; height:11px; min-height:11px; cursor: pointer; background:#faa647;} /* -- Privacy Page -- */ html#privacy body div#main{width:567px; height:389px; overflow:hidden; padding:20px 14px;} html#privacy h2{text-align:center; margin-bottom:1em; margin-top:0;} html#privacy p{font-size:11px; line-height:12px; margin-bottom:1em;} html#privacy a{color:#faa647;} html#privacy a:hover{color:#faa647; text-decoration:none;} html#privacy a:visited{color:#faa647;} /* -- About Us Page -- */ html#about body div#main{width:622px; height:320px; overflow:hidden; padding:20px 14px;} html#about h1{font-size:60px; line-height:26px; margin-bottom:20px;} html#about p{font-size:16px; line-height:23px;} html#about cite{font-style:normal; float:right; font-size:16px; line-height:23px;} html#about ol{list-style:none; clear:both;} html#about ol li{float:left; width:150px; margin-right:40px;} html#about ol li h2{height:30px; width:150px; text-indent:-1000em; background-position:top left; background-repeat:no-repeat; margin:12px 0 8px 0;} #first h2{background-image:url(images/title-1.gif);} #second h2{background-image:url(images/title-2.gif);} #third h2{background-image:url(images/title-3.gif);} html#about ol li p{font-size:14px; line-height:18px;} .aboutUsPage p{margin-bottom:15px;} .aboutUsPage h2{font-size:20px; margin:1em 0 .25em 0;} html#about body div.aboutUsPage{overflow-y:scroll !important;} .aboutUsPage a{color:#faa647;} .aboutUsPage a:hover{color:#faa647; text-decoration:none;} .aboutUsPage a:visited{color:#faa647;}