/* Core CSS, pTools v4/5 * Establishes basic CSS rules for the site * * SEI CMS site * */ body { background:#fff url('/images/energymap/structural/bodyBack.gif') repeat-y; background-position: top center;} body, td, ul, ol, li, form, b, i { margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; color: #007a8c; text-align: left; } table, td { border: 0; vertical-align: top; } ul, ol { margin: 0; padding: 5px 0 7px 0; } li { margin: 0; padding: 5px 0 5px 5px; list-style-position: inside; } img { margin: 0; padding: 0; border: 0; } div, span {} a:link, a:visited { color: #769520; text-decoration: none; } a:hover, a:active { color: #000; text-decoration: underline; } b {font-weight: bold;} i {font-style: italic;} h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: bold; line-height: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666;} h1 {padding: .4em 0; font-size: 1.9em; font-weight: normal; color: #526f02;} h2 {padding: .4em 0 .1em 0; font-size: 1.5em; color: #ed571c;} h3 {padding: .4em 0 0 0; font-size: 1.3em; color: #ed571c;} h4 {padding: .2em 0 0 0; font-size: 1.1em; color: #ed571c;} h5 {padding: .1em 0 0 0; font-size: 1em; color: #ed571c;} h6 {padding: .1em 0 0 0; font-size: .8em; color: #ed571c; font-weight: normal;} .clear {clear: both;} /* Structural CSS, pTools v4/5 * Outline structure CSS rules for overal page layout * * SEI CMS site * */ #pageContainer { position: relative; padding:0px; background-color:#fff; margin-right:auto; margin-left:auto; width:990px; } /* Page section shared styles */ #pageMain, #pageFooter { position: relative; clear: both; width: 970px; padding-left:10px; padding-right:10px; text-align: left;} /* Page Header section */ #pageHeader {display: block; color: #729902; text-decoration: none; height:75px; clear: both; width:980px; padding-left:10px;text-align: left; padding-right:0px;} * html #pageHeader {} #pageHeader a:link, #pageHeader a:visited {color: #729902; text-decoration: none; } #pageHeader a:hover, #pageHeader a:active {color: #000; text-decoration: underline;} #topArea { position: relative; height: 75px;} /* Page Main section */ #pageMain { margin-top: 5px; background-color: #fff; width:970px; height:auto; margin-right: auto; margin-left: auto; background-color:#fff; } #pageMainEmap { position: relative; clear: both; width: 751px; margin-right: auto; margin-left: auto; text-align: left; background-color: #FFF; } .panels { width: 560px; height: 142px; } .rsPanels { position: absolute; left: 560px; top: 0; width: 190px; height:445px; } .mainHomeContentArea { width: 560px; height: 303px; background-color: #fff; } #lsMainCol, #centerMainCol, #centerMainCol2, #rsMainCol { float: left; margin: 0; padding: 0; text-align: left;} #lsMainCol { margin-left: 4px; width: 200px; float:right; } #centerMainCol { position: relative; left: 0; top: 2px; width: 371px; } #centerMainCol2 { position: relative; left: 0; top: 2px; width: 740px;} #centerMainCol2EmapHome { position: relative; clear: both; left: 0; top: 2px; } /*#rsMainCol { position: absolute; left: 563px; top: 0; }*/ #rsMainCol { position: relative; left: 2px; top: 0; } /* Page Footer section */ #pageFooter { position: relative; clear: both; padding: 0; display:block; width:100%; } #bottomStatementsArea { position: relative; left: 0; width: 90%; padding: 0; border-top: solid 1px #ffba00; } #statementText { position: absolute; left: 115px; right: 65px; top: 10px; font-size: .7em; color: #00798e; line-height: 1.3em; text-align: center; } #bottomMenuArea { position: relative; width: 751px; padding: 0 auto 0 auto; border-top: solid 1px #ffba00; text-align: center; } /* Other main structural styles */ .spacer { display: block; clear: both; } /* Backward compatability */ #breadCrumb {clear: both; width: 965px; padding: 5px 0px 5px 5px; background: #fff; color: #737373; font-size: .7em; text-align: left; } #breadCrumb a:link, #breadCrumb a:visited {color: #769520;text-decoration: none;} #breadCrumb a:hover {color: #000;text-decoration: underline;} #breadCrumb a.active {text-decoration: none; font-weight:bold;} #breadCrumb .navarrows {color: #db8b6c; font-weight: bold;} /* #bottomStatementsArea { width: 772px; padding: 6px 0; font-size: .7em; color: #0a5aaa;} #bottomStatementsArea a:link, #bottomStatements a:visited { color: #0a5aaa; text-decoration: none;} #bottomStatementsArea a:hover, #bottomStatements a:active { color: #0a5aaa; text-decoration: underline;} #bottomStatementsArea img { margin-right: 5px; vertical-align: middle;} */ .mainContentWrap { vertical-align: top; padding: 5px; background: #fff; color: #000;} /* Navigation Results Styles - used in shared_navigation.xsl */ .navigation_results { padding: 0px; color: #0a5aaa; font-size: .7em; margin-top: 0px;} .navigation_results a:link, .navigation_results a:visited { color: #1a52cb; text-decoration: none;} .navigation_results a:hover, .navigation_results a:active { color: #666666; text-decoration: underline;} #loginName {position: relative; clear: both; width: 751px; margin-left: auto; margin-right: auto; padding: 5px 0px 5px 5px; background: #fff; color: #737373; font-size: .7em; text-align: left;} /* Components CSS, pTools v4/5 * CSS rules for functional components other than main site navigation * * SEI CMS site * */ /* Content CSS, pTools v4/5 * CSS rules for main site content and secondary content * * SEI CMS site * */ /* Homepage */ /* Remove these later, they'll go into the editor */ .middleRowPanels { position: relative; float: left; clear: none; width: 184px; height: 147px; margin: 1px; } .middleRowPanels ul { position: relative; clear: none; margin: 0px 10px 0px 10px; padding: 0; } .middleRowPanels li { padding: 0; list-style-position: outside; list-style-type: none; text-indent: 0; } .middleRowPanels a, .middleRowPanels a:link, .middleRowPanels a:visited { display: block; padding: 1px 2px 4px 12px; background: url('/images/energymap/structural/link_arrows_orange.gif') no-repeat; background-position: 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.2em; font-weight: normal; color: #007a8c; text-decoration: underline; } .middleRowPanels a:hover, .middleRowPanels a:active { background: url('/images/energymap/structural/link_arrows_green.gif') no-repeat; background-position: 1px 5px; color: #ed571c; text-decoration: none; } .middleRowPanels p, .middleRowPanels p a { padding: 0; margin: 0; } #atHomePanel { clear: left; background: #fff url('/images/energymap/panels/homepanel_athome.gif') top left no-repeat; } #businessPanel { background: #fff url('/images/energymap/panels/homepanel_business.gif') top left no-repeat; } #renewEnergyPanel { background: #fff url('/images/energymap/panels/homepanel_renewenergy.gif') top left no-repeat; } #schoolsPanel { clear: left; background: #fff url('/images/energymap/panels/homepanel_schools.gif') top left no-repeat; } #grantsTenderPanel { background: #fff url('/images/energymap/panels/homepanel_grantstender.gif') top left no-repeat; } #buildingProfsPanel { background: #fff url('/images/energymap/panels/homepanel_buildingprofs.gif') top left no-repeat; } /* End removal section */ /* Backward compatability */ .mainContent { position: relative; margin-bottom:10px; font-size: 11px; line-height: 14px; color: #666;} .mainContent td, .mainContent li, .mainContent form, .mainContent p, .mainContent b, .mainContent i {font-family: Verdana, Helvetica, Arial, sans-serif; color: #000;} .mainContent li, .mainContent form, .mainContent p, .mainContent b, .mainContent i {} .mainContent li, .mainContent form {line-height: 1.2em;} .mainContent li {padding-left: 16px; text-indent: -16px;} .mainContent a:link { color: #769520; text-decoration: underline;} .mainContent a:visited { color: #769520; text-decoration: underline;} .mainContent a:hover, .mainContent a:active { color: #000; text-decoration: underline;} .mainContent img { float: left; margin-right: 18px;} html>body .mainContent img {margin-right: 8px;} .mainContent img.right{ text-align: right; float: right;} .mainContent img.left{ float: left; margin-right: 18px;} html>body .mainContent img.left {margin-right: 8px;} .mainContent td { margin: 0; padding: 2px; color: #000; font-size: 11px; } .mainContent div.pillar01 p.top { width: 540px; height: 11px; margin: 10px 0 0 0; padding: 0; background: #ffd9b3 url('/images/energymap/boxes/top01.gif') top left no-repeat;} .mainContent div.pillar01 p.middle { width: 540px; margin: 0; padding: 0; background: #ffd9b3;} .mainContent div.pillar01 p.middle strong { display: block; margin: 0; padding: 0; color: #e36500; font-weight: bold; font-size: 15px;} .mainContent div.pillar01 p.middle a:link, .mainContent div.pillar01 p.middle a:visited { margin: 0; padding: 5px 0 0 10px; color: #e36500;} .mainContent div.pillar01 p.middle a:hover, .mainContent div.pillar01 p.middle a:active { color: #000;} .mainContent div.pillar01 p.bottom { width: 540px; height: 11px; margin: 0; padding: 0; background: #ffd9b3 url('/images/energymap/boxes/bottom01.gif') bottom left no-repeat;} .mainContent div.pillar02 p.top { width: 540px; height: 11px; margin: 10px 0 0 0; padding: 0; background: #d6f5bd url('/images/energymap/boxes/top02.gif') top left no-repeat;} .mainContent div.pillar02 p.middle { width: 540px; margin: 0; padding: 0; background: #d6f5bd;} .mainContent div.pillar02 p.middle strong { display: block; margin: 0; padding: 0; color: #3f8d00; font-weight: bold; font-size: 15px;} .mainContent div.pillar02 p.middle a:link, .mainContent div.pillar02 p.middle a:visited { margin: 0; padding: 5px 0 0 10px; color: #3f8d00;} .mainContent div.pillar02 p.middle a:hover, .mainContent div.pillar02 p.middle a:active { color: #000;} .mainContent div.pillar02 p.bottom { width: 540px; height: 11px; margin: 0; padding: 0; background: #d6f5bd url('/images/energymap/boxes/bottom02.gif') bottom left no-repeat;} .mainContent div.pillar03 p.top { width: 540px; height: 11px; margin: 10px 0 0 0; padding: 0; background: #d9defc url('/images/energymap/boxes/top03.gif') top left no-repeat;} .mainContent div.pillar03 p.middle { width: 540px; margin: 0; padding: 0; background: #d9defc;} .mainContent div.pillar03 p.middle strong { display: block; margin: 0; padding: 0; color: #0625d9; font-weight: bold; font-size: 15px;} .mainContent div.pillar03 p.middle a:link, .mainContent div.pillar03 p.middle a:visited { margin: 0; padding: 5px 0 0 10px; color: #0625d9;} .mainContent div.pillar03 p.middle a:hover, .mainContent div.pillar03 p.middle a:active { color: #000;} .mainContent div.pillar03 p.bottom { width: 540px; height: 11px; margin: 0; padding: 0; background: #d9defc url('/images/energymap/boxes/bottom03.gif') bottom left no-repeat;} .mainContent div.pillar04 p.top { width: 540px; height: 11px; margin: 10px 0 0 0; padding: 0; background: #fefbb3 url('/images/energymap/boxes/top04.gif') top left no-repeat;} .mainContent div.pillar04 p.middle { width: 540px; margin: 0; padding: 0; background: #fefbb3;} .mainContent div.pillar04 p.middle strong { display: block; margin: 0; padding: 0; color: #84690d; font-weight: bold; font-size: 15px;} .mainContent div.pillar04 p.middle a:link, .mainContent div.pillar04 p.middle a:visited { margin: 0; padding: 5px 0 0 10px; color: #84690d;} .mainContent div.pillar04 p.middle a:hover, .mainContent div.pillar04 p.middle a:active { color: #000;} .mainContent div.pillar04 p.bottom { width: 540px; height: 11px; margin: 0; padding: 0; background: #fefbb3 url('/images/energymap/boxes/bottom04.gif') bottom left no-repeat;} .mainContent div.pillar05 p.top { width: 540px; height: 11px; margin: 10px 0 0 0; padding: 0; background: #e6b8f1 url('/images/energymap/boxes/top05.gif') top left no-repeat;} .mainContent div.pillar05 p.middle { width: 540px; margin: 0; padding: 0; background: #e6b8f1;} .mainContent div.pillar05 p.middle strong { display: block; margin: 0; padding: 0; color: #6c0087; font-weight: bold; font-size: 15px;} .mainContent div.pillar05 p.middle a:link, .mainContent div.pillar05 p.middle a:visited { margin: 0; padding: 5px 0 0 10px; color: #6c0087;} .mainContent div.pillar05 p.middle a:hover, .mainContent div.pillar05 p.middle a:active { color: #000;} .mainContent div.pillar05 p.bottom { width: 540px; height: 11px; margin: 0; padding: 0; background: #e6b8f1 url('/images/energymap/boxes/bottom05.gif') bottom left no-repeat;} .head1 {padding: 9px 0px 11px 0px; font-size: 1.3em; line-height: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif; color: #db1f1e;} .contentPadding {padding: 10px 30px 15px 30px;} /*ul.docList { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Geneva, sans-serif; } ul.docList p { margin:0; padding: 0 0 1em 0; font-weight: normal; font-size: .85em; text-indent: 0;} ul.docList li { list-style-position: inside; padding: 0; font-size: 1em; font-weight: bold; text-indent: 0;} ul.docList li a {padding: 0; text-indent: -16px;} ul.docList li a:link, ul.docList li a:visited { color: #4795E4; text-decoration: none;} ul.docList li a:hover { text-decoration: underline;}*/ ul.docList { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Geneva, sans-serif; } ul.docList p { margin:0; padding: 0 0 1em 0; font-weight: normal; font-size: 1em; text-indent: 0; margin-top: 5px;} ul.docList li { list-style-position: inside; padding: 0; font-size: 1em; font-weight: bold; text-indent: 0;} ul.docList li a {padding: 0; text-indent: -16px; font-size: 1.5em; font-weight: bold; line-height: 1em; font-family: Arial, Verdana, Helvetica, sans-serif;} ul.docList li a:link, ul.docList li a:visited { text-decoration: underline;} ul.docList li a:hover { text-decoration: underline;} ul.docListStep1, ul.docListStep2 {position: relative; display: block} ul.docListStep { width: 96%; margin-top: 10px; padding: 0; list-style-type: none; border-top: 1px solid #fff1cc; border-bottom: 1px solid #fff1cc; } ul.docListStep li { position: relative; display: block; margin-top: .5em; padding: 0; list-style-position: outside; text-indent: 0; } ul.docListStep li input { position: absolute; top: 0; left: 0; margin:0; padding: 0; background: #FFF; text-indent: 0; } ul.docListStep li span { position: relative; top: 0; left: 23px; margin: 0; padding: 0; font-family: Arial, Geneva, sans-serif; color: #ed571c; font-size: 16px; line-height: 20px; font-weight: bold; } ul.docListStep li p { position: relative; top: 0px; left: 23px; display: block; clear: both; margin: 0 0 20px 0; padding: 0px; color: #666; font-size: 11px; line-height: 14px; font-weight: normal; } ul.docListStep li a:link, ul.docListStep li a:visited { margin-left: 25px;color: #4795E4; text-decoration: none;} ul.docListStep li a:hover { text-decoration: underline;} .formButton { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding: 0; color: #ed571c; font-size: 11px; font-weight: bold; } ul.docListEvents { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Geneva, sans-serif; border-top: 1px solid #00798C; } ul.docListEvents li { margin:0; padding: 0; border-bottom: 1px solid #00798C; list-style-position: outside;} ul.docListEvents table { margin:0; padding: 0; } ul.docListEvents table td {margin:0; padding: 5px;} .boxEvents01 { width: 120px; } .boxEvents02 { width: 60%; background: #E5F1F3;} .boxEvents02 a:link, .boxEvents02 a:visited { color: #00798C; font-weight: bold; text-decoration: underline;} .boxEvents02 a:hover { color: #000; text-decoration: underline;} .boxEvents03 { width: 25%; font-weight: normal; background: #FFF;} ul.labelling { margin: 0; padding: 5px 1px 5px 17px; list-style-type: decimal; font-family: Arial, Geneva, sans-serif; } ul.labelling p { margin:0; padding: 0 0 .5em 0; font-weight: normal; font-size: .85em; text-indent: 0;} ul.labelling li { list-style-position: inside; padding: 0; color: #4795E4; font-size: 1em; font-weight: bold; text-indent: -16px;} ul.labelling li a {padding: 0; text-indent: -16px;} ul.labelling li a:link, ul.labelling li a:visited { color: #4795E4; text-decoration: none;} ul.labelling li a:hover { text-decoration: underline;} .labellingBox01 { margin-bottom: 10px; padding: 7px; color: #4795E4; background: #C3E1FF; font-size: 1em; font-weight: bold; } p.otherDocsBox { margin: 0; padding: 5px 0 7px 0;} ul.otherDocs { margin: 0; padding: 0; list-style-type: none;} ul.otherDocs li { position: relative; margin: 0; padding: 2px 2px 10px 2px; color:#000; line-height: 1.4em; text-indent: 0; list-style-position: outside; } ul.otherDocs li a { font-weight: bold;} ul.otherDocs li img {position: relative; top: 3px;} ul.otherDocs li.pdfLink {} img#printImg { margin-right: 5px; vertical-align: middle;} img#emailImg { margin-right: 5px; margin-left: 25px; vertical-align: middle;} img#topImg { margin-right: 5px; margin-left: 25px; vertical-align: middle;} #productLink { position: relative; text-align:center; padding:10px; font-size: 0.7em;} #productLink a { color: #8A8A8A; } .hide { display:none;} .bodylinkBox {position: relative; clear: both; border-top: 1px solid #ffba00; padding-top: 5px; margin-top: 10px; margin-bottom: 10px;} .bodylinkItem { padding-left: 20px; padding-top: 3px; padding-bottom: 5px;} .bodylinkBox a{margin-right:15px;} .bodylinkBox a:link, .bodylinkBox a:visited { color: #769520; text-decoration: none; } .bodylinkBox a:hover, .bodylinkBox a:active { color: #000; text-decoration: underline; } .mainContent .bodylinkBox img {position: relative; margin:0px; top: 5px; float: none;} table.subscribe { font-size: .7em;} table summary, table caption {display: none;} .contentBanner {display: block; margin: 0; padding:0; border: 0; } .contentBanner img {margin: 0; padding: 0; border: 0;} h1.toolname { font-size: 1.3em;} h2.toolstep { font-size: 1.9em;} /* EMAP Forms */ .emapResults {display: block; padding: .2em 6px; background-color: #dbdbe6; zoom: 1;} .emapResults .emapFormButton {clear: none; margin: 5px; vertical-align: middle;} .emapResults .emapFormButton.left {float: left; width: 100px;} .emapResults .emapFormButton.right {float: right; width: 260px;} .techPanel { padding: 8px; background-color: transparent; border-top: solid 1px #cbcbd6; zoom: 1;} .techPanel.last {border-bottom: solid 1px #cbcbd6;} .techPanel h3 {padding: .1em; font-size: 1.3em; color: #000; display: inline;} .techPanel a {margin-left: 1em;} .techPanel a.hideActions {display: none;} .costsPanel, .costsPanel_Plan {display: none; position: relative;} .costsPanel a, .costsPanel_Plan a {margin-left: 0;} .costsPanel h4, .costsPanel_Plan h4 {margin: 0; padding: .1em 3em; font-size: 1.1em; color: #000;} .costsPanel p, .costsPanel_Plan p {position: relative; margin: 0 60px; padding: .1em 0; border-bottom: dotted 1px #a8a8c3; zoom: 1;} .costsPanel p a:link, .costsPanel p a:visited, .costsPanel_Plan p a:link, .costsPanel_Plan p a:visited {color: #32d; text-decoration: underline;} .costsPanel p a:hover, .costsPanel p a:active, .costsPanel_Plan p a:hover, .costsPanel_Plan p a:active {color: #f31; text-decoration: none;} .costsPanel p input, .costsPanel_Plan p input {position: absolute; left: 595px; height: 17px; margin: 0; padding: 0; font-size: .8em;} .emapPlanHeader {position: relative; margin: 5px; zoom: 1;} .emapPlanHeader.bottom {margin-bottom: 25px;} .emapPlanHeader .estCost, .estCost2, .emapPlanHeader .estKhSaved, .emapPlanHeader .estSaved {position: absolute; top: 40px;} .emapPlanHeader .estCost {left: 382px;} .emapPlanHeader .estKhSaved {left: 455px;} .emapPlanHeader .estSaved {left: 604px;} .costsPanel_Plan p { margin: 0 360px 0 60px; padding: .2em 0;} .costsPanel_Plan p input {margin-top: -2px;} .costsPanel_Plan p input.estCost {left: 310px;} .costsPanel_Plan p span.estCost2 {left: 310px; margin-top: -2px;} .costsPanel_Plan p input.estKhSaved {left: 430px;} .costsPanel_Plan p input.estTotalCalced {left: 560px;} .emapPlanTotals, .emapPlanTotalsCarbon {position: absolute; left: 270px; font-weight: bold; font-size: 1.2em; font-weight: bold; line-height: 1.2em;} .emapPlanTotals {top: 3px;} .emapPlanTotalsCarbon {top: 27px;} .estTotalCost, .estTotalKhSaved, .estTotalSaved {position: absolute; font-weight: normal;} .estTotalCost {left: 110px;} .estTotalKhSaved {left: 230px;} .estTotalSaved {left: 360px;} #app_emap_plan {position: relative;} #app_emap_plan #whatColsLink {display: block; position: absolute; left: 570px; top: 10px;} .instructionsPanel {float: right; width: 300px; margin-top: -40px; padding: .3em; padding-left: 1em; background-color: #ffba00; border: solid 1px #cbcbd6;} #app_emap_technology #selectAll {margin-left: 0px;} #app_emap_technology #technologyLists {clear: both; margin-bottom: 40px;} .training table tr td{border-bottom: 1px solid #efefef; padding-top: 5px; padding-bottom: 5px;} .training table tr.heading {background: #efefef; } .training table tr.heading td{border-left: 1px solid #fff; border-right: 1px solid #fff;} .training table tr.blank td{background: #fff; border: 0 0 0 0; border-bottom: none;} .training table td.blank{background: #fff; border: 0 0 0 0;} .training h2 {background: url('/images/energymap/training/back_h1.gif') no-repeat; height: 30px; color: white; text-indent: 10px;} .training h4 {background: #efefef; color: #000; text-indent: 5px; padding: 5px 0 5px 0} .training table tr.blank td {vertical-align: bottom; font-weight: bold;} .training table tr.blank td img {margin: 30px 0 0 0;} /*.training table tr.blank td img {position: relative; top: 60; left: 0;}*/ html>body .training table tr.blank td img {position: relative; left: 0; top: 30; margin: 0;} .training ul {list-style-image: url('/uploadedfiles/Energy Show/arrow01.gif');} .training table img {margin-left: 20px; margin-right: -15px;} /*.training table img {position: relative; left: 20; top: 35;}*/ html>body .training table img {position: relative; left: 20; top: 0; margin: 0;} table.top10 td {border: 1px solid #A6CF56;} table.top10 tr.heading td.blank {background: white;} table.top10 tr.heading td {background: #fff; } table.top10 tr.heading2 td {background: #DCF59D;} /* Components CSS, pTools v4/5 * CSS rules for functional components other than main site navigation * * SEI CMS site * */ /* Home page list panels */ .topRowPanels { position: relative; float: left; clear: none; width: 184px; height: 140px; margin: 1px; } .topRowPanels ul { position: relative; clear: none; margin: 36px 6px 0px 6px; padding: 0; list-style-type: none; } .topRowPanels li { padding: 2px 1px 2px 1px; list-style-position: outside; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.2em; font-weight: bold; color: #ed571c; text-indent: 0; } .topRowPanels a, .topRowPanels a:link, .topRowPanels a:visited {font-weight: normal; color: #000; text-decoration: none; } .topRowPanels a:hover, .topRowPanels a:active { color: #ed571c; text-decoration: underline;} td.homeLinks { width: 33%; margin: 5px; } td.homeLinks a:link, td.homeLinks a:visited { font-size: 11px; font-weight: bold; color: #ed571c; } td.homeLinks a:hover, td.homeLinks a:active { color: #000; } .rsDeepPanel { float: left; width: 187px; height: 297px; margin: 1px; } #newsPanel { background: #fff url('/images/energymap/panels/homepanel_news.gif') top left no-repeat; } #eventsPanel { background: #fff url('/images/energymap/panels/homepanel_events.gif') top left no-repeat; } #energyStatsPanel { background: #fff url('/images/energymap/panels/homepanel_energystats.gif') top left no-repeat; } /* Banners */ #rsHomeBanners1 { position: relative; background: #fff; } #rsHomeBanners1 img { margin: 1px; } #resourceCentrePanel { position: relative; left: 0; clear: left; background: #fff url('/images/energymap/panels/rspanel_resourcecentre.gif') top left no-repeat; } #resourceCentrePanel ul {margin-top: 35px; padding: 0px 2px 2px 2px; list-style-type: none;} #resourceCentrePanel li {margin: 0; padding: 2px 3px 5px 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.1em; font-weight: bold; color: #ed571c; list-style-position: outside; } #resourceCentrePanel li a {font-weight: normal;} #resourceCentrePanel img#viewAllButton { margin-left: 17px; margin-top: 5px;} /* Emap Banners */ #homeBanner { position: relative; left: 0; top: 3px; float: left; margin-bottom: 3px; } #homeBanner.homeBanner1 { margin-left: 3px; } #insideBanner { position: relative; left: 0; top: 2px; float: left; clear: both; display: block; } /* Page Header functionality */ #topUtilityMenu, #topUserTypeSelector { position: absolute; float: right; right: 0;} #topUtilityMenu { height: 25px; padding: 0; } #topUserTypeSelector { left: 270px; width: 275px; height: 30px; padding: 10px 0 0 0; } #topSearch { float:right; width: 300px; height: 30px; background: #FFF; margin-top:25px;} /* Basic Search component */ #basicSearch { padding: 10px 0 3px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.2em; font-weight: normal; color: #007a8c;} #basicSearch .searchTextbox{position: absolute;right: 52px;top: 2px; width: 30ex;} #basicSearch input#search_go {position: absolute;left: 105px;top: 2px;} #basicSearch .searchLinkAdvanced{position: absolute;left: 130px;top: 2px;width: 65px;} #basicSearch .searchLinkAdvanced a, #basicSearch .searchLinkAdvanced a:link, #basicSearch .searchLinkAdvanced a:visited { color: #007a8c; text-decoration: underline;} #basicSearch .searchLinkAdvanced a:hover, #basicSearch .searchLinkAdvanced a:active {color: #ed571c; text-decoration: none;} /* User Type Selector */ #topUserTypeSelector img{ margin: 9px 0 0 0; } #topUserTypeSelector .quicklink { position: absolute; left: 75px; top: 6px; } /* Backward compatability */ .componentWrap {margin: 15px 2px 15px 2px;} #mainBannerFrame {padding: 0; margin:0; border-left: 0px solid white; vertical-align: top;} #rightBannerFrame {padding: 0; margin:0; vertical-align: top; background: #fff;} .mainBanner2Wrap {padding: 0; margin:0; background: #fff;border-left: 1px solid white; text-align: center;} /* Right Column The Crime Calculator component */ #crimeTop {padding: 10px 0px 3px 10px;background: #add9ff;font-size: 75%;font-weight: bold;color: #0a5aaa;} #crimeMiddle {padding: 3px 0px 27px 10px;background: #add9ff;border-width: 1px;border-style: none none solid none;border-color: white;} #crimeDropdown {width: 150px;color: #000;font-size: 75%;background: #c8e4ff;} .rsBannerWrap {padding: 0 0 4px 0;margin: 0;text-align: center; background: #fff;} .hotTopicsHeader {padding: 0;background: #2072ce;border-bottom: 1px solid white;} .whatsNewHeader {padding: 0;background: #2072ce;border-width: 1px;border-style: none none solid solid;border-color: white;} .bodylink1 { padding: 5px 5px 5px 7px; margin: 0; background: url('/images/energymap/structural/top01.gif') top left no-repeat; font-size: 12px; color: #000; font-weight: bold; } .bodylink2 p { width: 180px; display: block; background: #fff1cc; margin: 0; padding: 0; font-size: 11px; vertical-align: top; border-bottom: 2px solid #FFF;} .bodylink2 p a:link, .bodylink2 p a:visited { display: block; color: #460100; padding: 0; margin: 0 5px 3px 5px; } .bodylink2 p a:hover, .bodylink2 p a:active { color: #ed571c; } .bodylink2Bottom { width: 180px; height: 10px; background: #fff url('/images/energymap/structural/bottom01.gif') top left no-repeat; padding: 0; margin: 0;} /* Quicklinks */ .quicklinkTop { width: 358px; padding: 5px 5px 2px 10px; margin-top: 10px; margin: 0; background: #e6e6e6 url('/images/energymap/structural/relatedlinks_3_top.gif') top left no-repeat; color: #db1f1e; font-weight: bold; } .quicklinkMiddle { width: 358px; background: #fff url('/images/energymap/structural/relatedlinks_3_middle.gif') top left repeat-y; padding: 3px 5px 0px 5px; margin: 0; border-top: 1px solid #db1f1e; } .quicklinkMiddle p { padding: 2px; margin: 0; } .quicklinkBottom { width: 358px; height: 12px; background: #fff url('/images/energymap/structural/relatedlinks_3_bottom.gif') top left no-repeat; padding: 0; margin: 0; margin-bottom: 10px; } /* Poll */ #rs_poll {margin: .1em 0 .7em;} #rs_poll h2 {padding: .2em .3em;font-size: 1em;font-weight: bold;} #rs_poll .checkboxInput {display: block; clear: both; padding: .4em .2em; font-size: .7em; line-height: 1.4em;} #rs_poll .checkboxInput input {margin: .2em .2em -0.2em;} /* Your Energy MAP login box */ #loginBox { position: relative; float: right; clear: both; top: 2px; right: 0; padding: 0; margin: 0; color: #000;} html>body #loginBox {margin-left: 3px; margin-top: 1px;} .box1 { width: 140px; height: 22px; padding: 0; margin: 0; background: url('/images/energymap/structural/yourEnergyMap.gif') top left no-repeat; font-size: 12px; color: #000; font-weight: bold; } .box2 { width: 140px; display: block; margin: 0; padding: 0; font-size: 9px; vertical-align: top; border-bottom: 0px solid #FFF; background: #ffba00 url('/images/energymap/structural/bottom02.gif') bottom left no-repeat; padding-bottom: 2px;} html>body .box2 {padding-bottom: 1px;} .box2 #loginform {margin-left: 10px; color: #000;} .box2 input#WU_login_name, .box2 input#WU_password {width: 117px; margin-left: 2px; height: 15px; font-size: 9px;} html>body .box2 input#WU_login_name, html>body .box2 input#WU_password {height: 19px;} .box2 input {margin-bottom: 2px; margin-left: 40px;} .box2 a {color: #000; margin-left: 10px; padding: 0;} .box2 a:link, .box2 a:visited { color: #000; margin-left: 10px;} .box2 a:hover, .box2 a:active { color: #000; margin-left: 10px;} .box2 .logged {margin-left: 10px; margin-bottom: 8px; margin-right: 10px;} .box2 .logged div {border-bottom: 1px solid #fff; padding-bottom: 5px; padding-top: 3px;} .box2 .logged a:link, .box2 .logged a:hover, .box2 .logged a:active, .box2 .logged a:visited {margin: 0; padding: 0; color: #000;} .box3 { width: 140px; height: 10px; background: #fff url('/images/energymap/structural/bottom02.gif') top left no-repeat; padding: 1px;} #right_col_box { top: 5px; right: 0px; padding: 0; margin: 0; background: #fff; text-align: center;} #right_col_box div {position:relative; padding: 0; margin: 10px 0;} #right_col_box div td { vertical-align: middle; padding: 0; margin: 0; font-size:11px} #right_col_box div a:link, #right_col_box div a:visited, #right_col_box div a:active { color: #000; text-decoration: none; } #right_col_box div a:hover { color: #000; text-decoration: underline; } #right_col_box_eart {padding: 0; margin: 0; background: #fff; text-align: right; position: absolute; top: 1px; right: 1px;} html>body #right_col_box_eart {position: relative; top: 0; left: 0;} #right_col_box_eart div {position:relative; padding: 0; margin: 10px 0;} #right_col_box_eart div td { vertical-align: middle; padding: 0; margin: 0; font-size:11px} #right_col_box_eart div a:link, #right_col_box_eart div a:visited, #right_col_box_eart div a:active { color: #000; text-decoration: none; } #right_col_box_eart div a:hover { color: #000; text-decoration: underline; } #quide_panel {width: 540px; padding: 0; margin-top: 10px; background: #FFF url('/images/energymap/structural/back_steps.gif') top left no-repeat;} #quide_panel table {margin-right: 130px;} #quide_panel td {padding: 7px 7px 0 7px; margin: 0; font-family:Arial; font-size:14px; color: #ED561D;} #quide_panel a:link, #quide_panel a:active, #quide_panel a:visited {font-family:Arial;font-size:12px;color:#608307;text-decoration:underline} #quide_panel a:hover {color:#000;text-decoration:none} #quide_panel ul {list-style-type: none;} #quide_panel_bottom {width: 540px; height: 10px; padding: 0; margin: 0; background: #FFF;} #emap_help_panel {width: 545px; height: 70px; background: #FFF url('/images/energymap/structural/emap_help_panel.gif') top left no-repeat; font-family:Arial; } #emap_help_panel td {font-family:Arial;font-size:14px; color: #000; } #emap_help_panel td {padding: 7px 7px 7px 60px; background: url('/images/energymap/structural/info.gif') 7px center no-repeat; } #emap_help_panel a:link, #emap_help_panel a:active, #emap_help_panel a:visited {color:#608307;text-decoration:underline} #emap_help_panel a:hover {color:#000;text-decoration:none} #emap_info_panel {width: 570px; height: 60px; background: #FFF url('/images/energymap/structural/emap_info_panel.gif') top left no-repeat; font-family:Arial; } #emap_info_panel td {font-family:Arial;font-size:12px; line-height: 14px; color: #5a760e; } #emap_info_panel td p {padding: 7px 7px 7px 60px; background: url('/images/energymap/structural/info.gif') 7px center no-repeat; } #emap_info_panel a:link, #emap_info_panel a:active, #emap_info_panel a:visited {color:#608307;text-decoration:underline} #emap_info_panel a:hover {color: #000;text-decoration:none} #emap_resources_table {width: 742px; } #emap_resources_table td {width: 240px; padding: 10px; margin: 0; background: #FFF url('/images/energymap/emap_resources_table.gif') top left no-repeat; border-right: 8px solid #FFF; border-bottom: 8px solid #FFF;} #emap_resources_table td p strong { padding: 0; margin: 0 0 10px 0; font-size:14px; color: #608307;} #emap_resources_table td ul {padding: 0; margin: 0; border-top: 1px dashed #e5f7b8; } #emap_resources_table td li { display: block; list-style: none; border-bottom: 1px dashed #e5f7b8;} #emap_resources_table td li a:link, #emap_resources_table td li a:visited { padding: 0; margin: 0; color:#608307;} #emap_resources_table td li a:hover { color:#000;} #download_panel {width: 740px; padding: 0; margin-top: 10px; background: #dcf59d url('/images/energymap/download_panel_top_wide.gif') top left no-repeat; } #download_panel p {padding: 7px; padding-left:12px; margin: 0; font-family:Arial; font-size:12px;} #download_panel p strong {padding: 0; margin: 0; font-family:Arial; font-size:14px; color: #608307;} #download_panel p a:link, #download_panel p a:visited {display: block; padding: 5px 0 5px 30px; margin-top: 10px; font-family:Arial;font-size:12px;color:#608307;text-decoration:underline; background: #dcf59d url('/images/energymap/download_panel_link_wide.gif') center left no-repeat;} #download_panel p a:link#doc, #download_panel p a:visited#doc {display: block; padding: 5px 0 5px 30px; margin-top: 10px; font-family:Arial;font-size:12px;color:#608307;text-decoration:underline; background: #dcf59d url('/images/energymap/download_panel_doc_wide.gif') center left no-repeat;} #download_panel p a:link#pdf, #download_panel p a:visited#pdf {display: block; padding: 5px 0 5px 30px; margin-top: 10px; font-family:Arial;font-size:12px;color:#608307;text-decoration:underline; background: #dcf59d url('/images/energymap/download_panel_pdf_wide.gif') center left no-repeat;} #download_panel p a:link#ppt, #download_panel p a:visited#ppt {display: block; padding: 5px 0 5px 30px; margin-top: 10px; font-family:Arial;font-size:12px;color:#608307;text-decoration:underline; background: #dcf59d url('/images/energymap/download_panel_ppt.gif') center left no-repeat;} #download_panel p a:link#xls, #download_panel p a:visited#xls {display: block; padding: 5px 0 5px 30px; margin-top: 10px; font-family:Arial;font-size:12px;color:#608307;text-decoration:underline; background: #dcf59d url('/images/energymap/download_panel_xls_wide.gif') center left no-repeat;} #download_panel p a:hover, #download_panel p a:active {color: #000; text-decoration:none} #download_panel_bottom {width: 740px; height: 10px; padding: 0; margin: 0; background: #FFF url('/images/energymap/quide_panel_bottom_wide.gif') top left no-repeat;} #tool_panel {width: 740px; padding: 0; margin-top: 10px; background: #dcf59d url('/images/energymap/quide_panle_top_wide.gif') top left no-repeat; } #tool_panel p {padding: 3px 7px 2px 7px; margin: 0; font-family:Arial; font-size:12px;} #tool_panel br {display: none;} #tool_panel a:link, #tool_panel a:visited {display: block; padding: 5px 0 5px 30px; margin-top: 3px; font-family:Arial;font-size:12px;color:#608307;text-decoration:underline; background: #dcf59d url('/images/energymap/tool_panel.gif') center left no-repeat;} #tool_panel a:hover, #download_panel a:active {color: #000; text-decoration:none} #tool_panel_bottom {width: 740px; height: 10px; padding: 0; margin: 0; background: #FFF url('/images/energymap/quide_panel_bottom_wide.gif') top left no-repeat;} #related_resources_panel {width: 100%; padding: 0; margin: 0; background: #dcf59d url('/images/energymap/quide_panle_top_wide.gif') top left no-repeat; } #related_resources_panel td { width:50%; padding: 5px; margin: 0; font-family:Arial; font-size:12px;} #related_resources_panel td strong {display: block; padding: 0; margin: 0 0 5px 0; font-family:Arial; font-size:14px; color: #608307;} #related_resources_panel td a:link, #related_resources_panel td a:visited {display: block; padding: 3px; margin: 0; color:#608307;text-decoration:underline; border-top: 1px dashed #FFF;} #related_resources_panel td a:link#www, #related_resources_panel td a:visited#www {display: block; padding: 3px; margin: 0; color:#608307;text-decoration:underline; border-top: 1px dashed #FFF; background: #dcf59d url('/images/energymap/popup.gif') center right no-repeat;} #related_resources_panel td a:hover, #related_resources_panel td a:active, #related_resources_panel td a:hover#www, #related_resources_panel td a:active#www {color: #000; text-decoration:none} #related_resources_panel td br { display: none;} #related_resources_panel_bottom {position: relative; width: 740px; height: 10px; padding: 0; margin: 0; background: #FFF url('/images/energymap/quide_panel_bottom_wide.gif') top left no-repeat; } #related_resources_panel table{width:100%} /*newly added 10/12/08*/ #related_resources_panel td h2 { color:#608307; display:block; font-family:Arial; font-size:14px; margin:0 0 5px; padding:0; } .mainContent #related_resources_panel tr td p { border-top: 1px dashed #FFF; padding-top:3px; } #related_resources_panel td p a:link, #related_resources_panel td p a:visited, #related_resources_panel td p a:hover, #related_resources_panel td p a:link#www, #related_resources_panel td p a:visited#www, #related_resources_panel td p a:active#www, #related_resources_panel td p a:hover#www { display:inline; border:none; } #dontforget_panel { padding: 5px 100px 5px 5px ; margin: 10px 60px 10px 50px; font-size:11px; border: 2px solid #dcf59d; background: url('/images/energymap/dontforget.gif') 95% 50% no-repeat;} #dontforget_panel strong { display: block; padding: 0 0 1px 0 ; margin: 0; font-size:12px; color: #608307; } #previous_next p {display: block; position: relative; width: 95%; padding: 10px 0 10px 0; margin: 20px 0 20px 0; border-top: 1px solid #dcf59d; } #previous_next p #previous {display: inline; position: absolute; top: 10px; left: 0; float: left; padding: 0; margin: 0;} #previous_next p #next {display: inline; position: absolute; top: 10px; right: 0; float: right; padding: 0; margin: 0;} #emap_links_box {background: #FFFFFF} #emap_links_box .p {font-family:arial;font-size:12px;font-weight:bold} #emap_links_box a:link, #emap_links_box a:active, #emap_links_box a:visited {font-family:Verdana,arial;font-size:12px;color:#608307;text-decoration:underline} #emap_links_box a:hover {font-family:Verdana,arial;font-size:12px;color:#000;text-decoration:none} div.yellow_header_1 { margin-top: 17px; color: #000; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #8FB036 url('/images/energymap/structural/top01.gif') top left no-repeat } div.yellow_header { margin-top: 4px; color: #000; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #8FB036 url('/images/energymap/structural/top01.gif') top left no-repeat } div.yellow_header_bottom { margin-bottom: 4px; background: #8FB036 url('/images/energymap/structural/bottom01.gif') top left no-repeat;} div.green_header { margin-top: 10px; color: #FFF; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #8fb036 url('/images/energymap/structural/top03.gif') top left no-repeat;} div.green_header_bottom { background: #FFF url('/images/energymap/structural/bottom03.gif') top left no-repeat;} div.red_header { margin-top: 10px; color: #FFF; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #ED571C url('/images/energymap/structural/top04.gif') top left no-repeat;} div.red_header_bottom { background: #FFF url('/images/energymap/structural/bottom04.gif') top left no-repeat;} div.orange_header { color: #FFF; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #FF7F00 url('/images/energymap/structural/top06.gif') top left no-repeat;} div.orange_header_bottom { margin-bottom: 4px; background: #FFF url('/images/energymap/structural/bottom06.gif') top left no-repeat;} div.light_green_header { color: #FFF; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #76DF22 url('/images/energymap/structural/top07.gif') top left no-repeat;} div.light_green_header_bottom { background: #FFF url('/images/energymap/structural/bottom07.gif') top left no-repeat;} div.blue_header { color: #FFF; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #425CF1 url('/images/energymap/structural/top08.gif') top left no-repeat;} div.blue_header_bottom { background: #FFF url('/images/energymap/structural/bottom08.gif') top left no-repeat;} div.bright_yellow_header { color: #000; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #FDF001 url('/images/energymap/structural/top09.gif') top left no-repeat;} div.bright_yellow_header_bottom { background: #FFF url('/images/energymap/structural/bottom09.gif') top left no-repeat;} div.purple_header { color: #FFF; padding: 3px 2px 3px 10px; font-size: 11px; font-weight: bold; background: #AA10D0 url('/images/energymap/structural/top10.gif') top left no-repeat;} div.purple_header_bottom { background: #FFF url('/images/energymap/structural/bottom10.gif') top left no-repeat;} ul.linkList, ul.linkList li {padding: 0; margin: 0; list-style-type: none;} ul.linkList li {list-style-position: outside; indent: 0;} ul.linkList li a {display: block; padding: 4px 3px 4px 10px; font-size: 11px; line-height: 1.2em; indent: 0;} ul.linkList li a:link, ul.linkList li a:visited {text-decoration: none;} ul.linkList li a:hover {text-decoration: underline;} ul.guides li {border-bottom: 1px solid #fff;} ul.green_header li {background-color: #dcf59d;} ul.green_header li a {} ul.green_header li a:link, ul.green_header li a:visited {color: #526f02;} ul.red_header li {background-color: #fdb7ac;} ul.red_header li a {} ul.red_header li a:link, ul.green_header li a:visited {color: #000;} ul.orange_header li {background-color: #FFD8B1;} ul.orange_header li a {} ul.orange_header li a:link, ul.orange_header a:visited {color: #000;} ul.light_green_header li {background-color: #D1FFAC;} ul.light_green_header a {} ul.light_green_header li a:link, ul.light_green_header a:visited {color: #000;} ul.blue_header li {background-color: #D5DBFF;} ul.blue_header a {} ul.blue_header li a:link, ul.blue_header a:visited {color: #000;} ul.bright_yellow_header li {background-color: #FFFCC4;} ul.bright_yellow_header a {} ul.bright_yellow_header li a:link, ul.bright_yellow_header a:visited {color: #000;} ul.purple_header li {background-color: #F7D5FF;} ul.purple_header a {} ul.purple_header li a:link, ul.purple_header a:visited {color: #000;} ul.related_links {} ul.related_links li {background-color: #fff1cc; border-bottom: 1px solid #fff; color: #769520;} ul.related_links li a:link, ul.related_links li a:visited {color: #000;} span.reg { padding: 4px 3px 4px 10px; font-size: 11px; } ul.steps_links {} ul.steps_links li {background-color: #fff1cc; border-bottom: 1px solid #fff; text-indent: 0;} ul.steps_links li a:link, ul.steps_links li a:visited {color: #CC420B;} ul.docListStep1 { float: left; width: 45%; margin-top: 10px; padding: 0; list-style-type: none; } ul.docListStep1 li { position: relative; display: block; margin-top: .5em; padding: 0; list-style-position: outside; text-indent: 0; } ul.docListStep1 li input { position: absolute; top: 0; left: 0; margin:0; padding: 0; background: #FFF; text-indent: 0; } ul.docListStep1 li span { position: relative; top: 0; left: 23px; margin: 0; padding: 0; font-family: Arial, Geneva, sans-serif; color: #ed571c; font-size: 16px; line-height: 20px; font-weight: bold; } ul.docListStep1 li p { position: relative; top: 0px; left: 23px; display: block; clear: both; margin: 0 0 20px 0; padding: 0px; color: #666; font-size: 11px; line-height: 14px; font-weight: normal; } ul.docListStep1 li a:link, ul.docListStep1 li a:visited { margin-left: 25px;color: #4795E4; text-decoration: none;} ul.docListStep1 li a:hover { text-decoration: underline;} ul.docListStep2 { float: right; width: 40%; margin-top: 10px; padding: 0; list-style-type: none; } ul.docListStep2 li { position: relative; display: block; margin-top: .5em; padding: 0; list-style-position: outside; text-indent: 0; } ul.docListStep2 li input { position: absolute; top: 0; left: 0; margin:0; padding: 0; background: #FFF; text-indent: 0; } ul.docListStep2 li span { position: relative; top: 0; left: 23px; margin: 0; padding: 0; font-family: Arial, Geneva, sans-serif; color: #ed571c; font-size: 16px; line-height: 20px; font-weight: bold; } ul.docListStep2 li p { position: relative; top: 0px; left: 23px; display: block; clear: both; margin: 0 0 20px 0; padding: 0px; color: #666; font-size: 11px; line-height: 14px; font-weight: normal; } ul.docListStep2 li a:link, ul.docListStep2 li a:visited { margin-left: 25px;color: #4795E4; text-decoration: none;} ul.docListStep2 li a:hover { text-decoration: underline;} .formButton { clear: both;} /*input { text-align: center;}*/ #guide_box { float: right; width: 180px;} #guide_box li { padding-left: 15px;} #guide_box img { float: none;} .mainContent div#eart01Top {width: 545px; height: 7px; padding: 0; margin: 0; background: #dceea6 url('/images/energymap/business/green_top.gif') top left no-repeat;} .mainContent div#eart01Middle { width: 545px; padding: 0; margin: 0; background: #dceea6; line-height: 18px; } .mainContent div#eart01Middle p { padding: 10px; margin: 0; font-size: 12px; } .mainContent div#eart01Bottom {width: 545px; height: 7px; padding: 0;margin-bottom: 10px; background: #dceea6 url('/images/energymap/business/green_bottom.gif') bottom left no-repeat;} .bounded_box {float: right; margin-left: 5px;} .bounded_box .top {background: url('/images/energymap/EnergyMap/orange-box-top.gif') no-repeat; height: 10px; width: 245px; margin-bottom: -5px;} html>body .bounded_box .top {margin-bottom: 0px;} .bounded_box .middle {border-left: 1px solid #ED571C; border-right: 1px solid #ED571C; padding-left: 5px; width: 245px;} html>body .bounded_box .middle {width: 238px;} .bounded_box .bottom {background: url('/images/energymap/EnergyMap/orange-box-bottom.gif') no-repeat; height: 10px; width: 245px;} .bottom_box {margin-bottom: 10px;} .bottom_box .top {background: url('/images/energymap/business/orange_top.gif') no-repeat; height: 10px; width: 545px; margin-bottom: -5px;} html>body .bottom_box .top {margin-bottom: 0px;} .bottom_box .middle {border-left: 1px solid #ED571C; border-right: 1px solid #ED571C; padding-left: 5px; width: 545px; } html>body .bottom_box .middle {width: 538px;} .bottom_box .bottom {background: url('/images/energymap/business/orange_bottom.gif') no-repeat; height: 10px; width: 545px; } .middle .heading {font-size: 1.3em; font-weight: bold;} .bottom_box_green {margin-bottom: 10px; clear: both;} .bottom_box_green .top {background: url('/images/energymap/business/orange_top.gif') no-repeat; height: 10px; width: 545px; margin-bottom: -5px;} html>body .bottom_box_green .top {margin-bottom: 0px;} .bottom_box_green .middle {border-left: 1px solid #ED571C; border-right: 1px solid #ED571C; padding-left: 5px; width: 545px; } html>body .bottom_box_green .middle {width: 538px; min-height: 80px;} .bottom_box_green .bottom {background: url('/images/energymap/business/orange_bottom.gif') no-repeat; height: 10px; width: 545px; } .content h2.underlined {border-bottom: 1px solid; clear: both;} ul.glossary_links {margin-left: 16px; clear: both;} html>body ul.glossary_links {margin-left: 0px;} ul.glossary_links li{display: inline; margin: 0; padding: 0 2px 0 5px; border-right: 1px solid black;} html>body ul.glossary_links li {padding: 0 2px 0 6px;} ul.glossary_links li:last-child {border-right: 0px;} .glossary_letter {clear: both; border-bottom: 1px solid;} div.glossary h2 {border-bottom: 1px solid;} div.glossary h3 {margin-left: 5px;} div.glossary p {margin-left: 5px;} a.toTop {float: right; margin-bottom: 4px;} div.logo_images {width: 100%;} div.logo_images img {margin-left: 40px; margin-bottom: 10px;} /* Structural CSS, pTools v4/5 * Outline structure CSS rules for overal page layout * * SEI CMS site * */ /* Page section shared styles */ /* Page Header section */ #topArea_rt { position: relative; height: auto; width: 980px;} /* Page Main section */ #pageMainEmap { position: relative; clear: both; width: 970px; text-align: left; background-color: #FFF; } .panels { width: 560px; height: 142px; } .rsPanels { position: absolute; left: 560px; top: 0; width: 190px; height:445px; } .mainHomeContentArea { width: 560px; height: 303px; background-color: #fff; } #centerMainCol2EmapHome { position: relative; clear: both; left: 0; top: 2px; } /*#rsMainCol { position: absolute; left: 563px; top: 0; }*/ #rsMainCol { position: relative; left: 2px; top: 0; } /* Page Footer section */ #pageFooter { margin-top:10px; width:85%; position: relative; clear: both; padding: 0; padding-left:10px; padding-right:10px;} #ndp_logo { position: absolute; left: 0px; top: 6px; } #eu_logo { position: absolute; right: 0px; top: 10px; } #statementText { position: absolute; left: 115px; right: 65px; top: 10px; font-size: .7em; color: #00798e; line-height: 1.3em; text-align: center; } #bottomMenuArea { position: relative; width: 751px; padding: 0 auto 0 auto; border-top: solid 1px #ffba00; text-align: center; } /* Other main structural styles */ .spacer { display: block; clear: both; } .mainContentWrap { vertical-align: top; padding: 5px; background: #fff; color: #000;} /* Navigation Results Styles - used in shared_navigation.xsl */ .navigation_results { padding: 0px; color: #0a5aaa; font-size: .7em; margin-top: 0px;} .navigation_results a:link, .navigation_results a:visited { color: #1a52cb; text-decoration: none;} .navigation_results a:hover, .navigation_results a:active { color: #666666; text-decoration: underline;} #loginName {position: relative; clear: both; width: 751px; margin-left: auto; margin-right: auto; padding: 5px 0px 5px 5px; background: #fff; color: #737373; font-size: .7em; text-align: left;} /* Utility menu */ #topUtilityMenuEmap { position: relative; clear: both; width: 100%; padding: 5px 0px 6px 0px; text-align: right; border-style: none; font: normal normal normal 11px Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; color: #ffba00; text-decoration: none; background-color: #f2f2f2;} #topUtilityMenuEmap a:link, #topUtilityMenuEmap a:visited { color: #729902; text-decoration: none; } #topUtilityMenuEmap a:hover, #topUtilityMenuEmap a:active { color: #000; text-decoration: underline; } #topUtilityMenuEmap .other a:link, #topUtilityMenuEmap .other a:visited, #topUtilityMenuEmap .other a:active { color: #f2f2f2; text-decoration: none; } #topUtilityMenuEmap .other a:hover { color: #000; text-decoration: underline; } #subUtilityMenuEmap { z-index: 10; position: relative; right: 0px; clear: both; width: 975px; padding: 5px 0px 0px 0px; text-align: right; border-style: none; font: normal normal normal 11px Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; color: #ffba00; text-decoration: none; font-weight: bold;} #subUtilityMenuEmap a:link, #subUtilityMenuEmap a:visited { color: #ED571C; text-decoration: none; } #subUtilityMenuEmap a:hover, #subUtilityMenuEmap a:active { color: #000; text-decoration: underline; } #subUtilityMenuEmap.other a:link, #subUtilityMenuEmap.other a:visited, #subUtilityMenuEmap .other a:active { color: #f2f2f2; text-decoration: none; } #subUtilityMenuEmap.other a:hover { color: #000; text-decoration: underline; } /* Main menu */ div#mainMenu { position: relative; margin-top: 0; display: block; width: 970px; background: #294B8E url('/images/energymap/navigation/menuBack.gif') top left no-repeat;} ul#mainMenu { width: 960px; height: 26px; margin-left: 10px; padding: 0; list-style-type: none;} #mainMenu li { width: 19.9%; display: block; float: left; height: 26px; margin: 0; padding: 0; zoom: 1; } #mainMenu li#lastitem { } html>body #mainMenu li { height: 18px; } #mainMenu li a { display: block; clear: none; width: auto; margin: 0; padding: 6px 10px 5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; } #mainMenu li a:link, #mainMenu li a:visited { color: #FFF; border-right: 1px solid #fff; } #mainMenu li a:hover, #mainMenu li a.active { display: block;} #mainMenu li#emap_2 a:hover,#mainMenu li#emap_2 a.active { background-color: #FF7F00; color: #FFF;} #mainMenu li#emap_3 a:hover,#mainMenu li#emap_3 a.active { background-color: #76DF22; color: #FFF;} #mainMenu li#emap_4 a:hover,#mainMenu li#emap_4 a.active { background-color: #5d91ff; color: #FFF;} #mainMenu li#emap_5 a:hover, #mainMenu li#emap_5 a.active { background-color: #FDF001; color: #000;} #mainMenu li#emap_6 a:hover, #mainMenu li#emap_6 a.active { background-color: #AA10D0; color: #FFF;} li.mainNavActive2 a { background-color: #FF7F00;} li.mainNavActive3 a { background-color: #76DF22;} li.mainNavActive4 a { background-color: #5d91ff;} #mainMenu .mainNavActive5 a { background-color: #FDF001; color: #000;} #mainMenu .mainNavActive5 a:link, #mainMenu .mainNavActive5 a:visited { color: #000; } #mainMenu .mainNavActive5 a:hover, #mainMenu .mainNavActive5 a:active { color: #000; } li.mainNavActive6 a { background-color: #AA10D0;} .mainMenuBreak { clear: both; } #emapSubMenu td a.active, #emapSubMenu2 td a.active, #emapSubMenu3 td a.active, #emapSubMenu4 td a.active, #emapSubMenu5 td a.active, #emapSubMenu6 td a.active {font-weight:bold;} #emapSubMenu {width: 100%; background: #dcf59d; } #emapSubMenu td {padding: .4em .4em .5em; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: .7em; text-align: center;} #emapSubMenu td.active {} #emapSubMenu td.active a:link, #emapSubMenu td.active a:visited {color: #526f03; font-weight:bold;} #emapSubMenu td.last {border-right: none;} #emapSubMenu2 { width: 100%; background: #FF7F00; } #emapSubMenu2 td { padding: .4em .4em .5em; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: .7em; text-align: center;} #emapSubMenu2 td.active {} #emapSubMenu2 td a:link, #emapSubMenu2 td a:visited { display:block; color: #fff; } #emapSubMenu2 td a:hover, #emapSubMenu2 td a:active { display: block; color: #FFF; } #emapSubMenu2 td.active a:link, #emapSubMenu2 td.active a:visited { color: #FFF; font-weight:bold;} #emapSubMenu2 td.last { border-right: none;} #emapSubMenu3 {width: 100%; background: #76DF22; } #emapSubMenu3 td {padding: .4em .4em .5em; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: .7em; text-align: center;} #emapSubMenu3 td.active {} #emapSubMenu3 td a:link, #emapSubMenu3 td a:visited { color: #fff; } #emapSubMenu3 td a:hover, #emapSubMenu3 td a:active { display: block; color: #FFF; } #emapSubMenu3 td.active a:link, #emapSubMenu3 td.active a:visited {color: #FFF; font-weight:bold;} #emapSubMenu3 td.last {border-right: none;} #emapSubMenu4 {width: 100%; background: #5d91ff; } #emapSubMenu4 td {padding: .4em .4em .5em; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: .7em; text-align: center;} #emapSubMenu4 td.active {} #emapSubMenu4 td a:link, #emapSubMenu4 td a:visited { color: #fff; } #emapSubMenu4 td a:hover, #emapSubMenu4 td a:active { display: block; color: #FFF; } #emapSubMenu4 td.active a:link, #emapSubMenu4 td.active a:visited {color: #FFF; font-weight:bold;} #emapSubMenu4 td.last {border-right: none;} #emapSubMenu5 {width: 100%; background: #FDF001; } #emapSubMenu5 td {padding: .4em .4em .5em; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: .7em; text-align: center;} #emapSubMenu5 td.active {} #emapSubMenu5 td a:link, #emapSubMenu5 td a:visited { color: #000; } #emapSubMenu5 td a:hover, #emapSubMenu5 td a:active { display: block; color: #000; } #emapSubMenu5 td.active a:link, #emapSubMenu5 td.active a:visited {color: #000; font-weight:bold;} #emapSubMenu5 td.last {border-right: none;} #emapSubMenu6 {width: 100%; background: #AA10D0; } #emapSubMenu6 td {padding: .4em .4em .5em; border-right: solid 1px #fff; border-top: solid 1px #fff; font-size: .7em; text-align: center;} #emapSubMenu6 td.active {} #emapSubMenu6 td a:link, #emapSubMenu6 td a:visited { color: #fff; } #emapSubMenu6 td a:hover, #emapSubMenu6 td a:active { display: block; color: #FFF; } #emapSubMenu6 td.active a:link, #emapSubMenu6 td.active a:visited {color: #FFF; font-weight:bold;} #emapSubMenu6 td.last {border-right: none;} /* Main menu Energy Awareness */ div#mainMenu_eart { position: relative; margin-top: 0; margin-top: 10px; display: block; width: 751px; background: url('/images/energymap/navigation/menuBack.gif') top left no-repeat;} ul#mainMenu_eart { width: 100%; height: 23px; margin-left: 12px; padding: 0; list-style-type: none;} ul#mainMenu_eart li { display: block; float: left; height: 26px; margin: 0; padding: 0; zoom: 1; } html>body #mainMenu_eart li { height: 18px; } #mainMenu_eart li a { display: block; clear: none; width: auto; margin: 0; padding: 5px 15px 5px 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; font-weight: bold; text-align: center; } #mainMenu_eart li a:link, #mainMenu_eart li a:visited { color: #fff; border-right: 1px solid #fff; } #mainMenu_eart li a:hover, #mainMenu_eart li a:active { display: block; color: #526f02; background: #dcf59d;} /* Bottom Menu */ #bottomMenu { position: relative; width: 730px; margin: 10px; padding: auto; border: 0; } #bottomMenu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; font-weight: normal; } #bottomMenu a:link, #bottomMenu a:visited { color: #ed571c; text-decoration: none; } #bottomMenu a:hover,#bottomMenu a:active { color: #007a8c; text-decoration: underline; } /* Bottom Menu Emap */ #bottomMenuEmap { padding: 5px 0px 2px 0px; vertical-align: left; border-style: none; font: normal normal normal 11px Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; color: #ffba00; text-decoration: none; } #bottomMenuEmap a:link, #bottomMenuEmap a:visited { color: #ed571c; text-decoration: none; } #bottomMenuEmap a:hover, #bottomMenuEmap a:active { color: #000; text-decoration: underline; } /* Sitemap */ #sitemapDisplay { margin: 0 auto 0 0; padding: 0; list-style-type: none; } #sitemapDisplay li { float: left; margin: 0; padding: 0; text-align: left; vertical-align: bottom; list-style-position: outside; } html>body #sitemapDisplay li { width: auto; float: none; border:none;} #sitemapDisplay li a {border:none; display: block; width: 100%; margin: 0; padding: 6px 7px 7px 10px; background-color: #78961d; font-size: .7em; color: #fff; border:none; text-decoration: none; } html>body #sitemapDisplay li a { margin:0px; border:none; } #sitemapDisplay ul { width: 600px; margin: 0; padding: 0; list-style-type: none; } #sitemapDisplay li li li a {border:none; padding-left: 20px; width: 590px; background-color: #ffba00; color: #000; text-decoration: none; } #sitemapDisplay li li li li a {border:none; padding-left: 35px; width: 575px; background-color: #ffdb22; color: #000; text-decoration: none; } #sitemapDisplay li li li li li a {border:none; padding-left: 50px; width: 560px; background-color: #ffed44; color: #000; text-decoration: none; } #sitemapDisplay li li li li li li a {border:none; padding-left: 65px; width: 550px; background-color: #fffe77; color: #000; text-decoration: none; } /*ptools add V5*/ #topSearch input {display:inline;} .search_btn {vertical-align:top;} .emlogo, .seilogo{float:left; } .center{text-align:center;} .summary { } .summary_top { background:#DCEEA6 url(/images/general/structural/green_top.gif) no-repeat scroll left top; height:7px; margin:0; padding:0; width:750px; } .summary_middle { background:#DCEEA6 none repeat scroll 0 0; margin:0; padding:0; width:750px; } .summary_bottom { background:#DCEEA6 url(/images/general/structural/green_bottom.gif) no-repeat scroll left bottom; height:7px; margin:0; padding:0; width:750px; } .summary p { font-size:12px; margin:0; padding:10px; } table#noborder td { border: none !important; } /*********************************************** Energy Awareness ************************************************/ .em_awareness_home_left_side { margin-top: 15px; } .em_awareness_home_left_side .mainContent { float: left; width: 750px; } .em_awareness_home_right_side { float: right; width: 205px; } .em_awareness_home_right_side img { margin-bottom: 10px; } .em_awareness_left_side { margin-top: 15px; } .em_awareness_left_side .mainContent { float: left; width: 733px; } .em_awareness_right_side { float: right; width: 205px; } .em_awareness_right_side img { margin-bottom: 10px; } .em_awareness_left_side strong { color: #526F02; } .print_page { background: transparent url("/images/EnergyMAP/buttons/print-bg.gif") top left no-repeat; height: 39px; float: left; width: 99px; } .print_page a { font-size: 12px; width: 35px; display: block; margin-left: 40px; padding-top: 5px; } .email_page { background: transparent url("/images/EnergyMAP/buttons/email-bg.gif") top left no-repeat; height: 39px; float: left; width: 98px; margin-left: 4px; } .email_page a { font-size: 12px; width: 35px; display: block; margin-left: 40px; padding-top: 5px; } .print_email_buttons { height: 40px; margin-bottom: 10px; } .mainContent .box_green_awareness_full { float: left; margin-bottom: 10px; } .mainContent .box_green_awareness_full thead { background: transparent url("/images/EnergyMAP/content/boxgrn1-top.jpg") top left no-repeat; height: 10px; line-height: 6px; } .mainContent table .box_green_awareness_full_row_content { background: transparent url("/images/EnergyMAP/content/boxgrn1-content.jpg") top left repeat-y; } .mainContent table .box_green_awareness_full_row_content td { padding: 5px 10px 0px 10px; line-height: 130%; } .mainContent table .box_green_awareness_full_row_last { background: transparent url("/images/EnergyMAP/content/boxgrn1-bottom.jpg") bottom left no-repeat; height: 10px; line-height: 6px; } .em_awareness_left_side .mainContent { font-size: 14px; line-height: 125%; font-family: Verdana; } .em_awareness_home_left_side .mainContent td { font-size: 12px; } .em_awareness_home_left_side .mainContent ul { list-style: none; height: auto; vertical-align: middle; } .em_awareness_home_left_side .mainContent ul li strong { color: #526F02; } .em_awareness_home_left_side .mainContent ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 55%; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .em_awareness_left_side .mainContent td { font-size: 14px; } .em_awareness_left_side .mainContent ul { list-style: none; vertical-align: middle; } .em_awareness_left_side .mainContent ul li strong { color: #526F02; } .em_awareness_left_side .mainContent ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 11px; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .em_awareness_home_left_side .mainContent table td { padding-bottom: 0px; padding-top: 0px; } .mainContent .box_green_awareness { float: left; margin-bottom: 10px; } .mainContent .box_green_awareness thead { background: transparent url("/images/EnergyMAP/content/boxgrn2-top.gif") top left no-repeat; height: auto; padding-bottom: 0px; } .mainContent .box_green_awareness thead td { } .mainContent .box_green_awareness thead td a:link { text-decoration: none; color: #435219; font-size: 17px; } .mainContent .box_green_awareness thead td a:hover { text-decoration: underline; } .mainContent .box_green_awareness thead td a:visited { text-decoration: none; color: #435219; font-size: 17px; } .mainContent .box_green_awareness thead td h2 { font-size: 16px; font-weight: bold; padding-top: 10px; padding-left: 10px; color: #435219; padding-bottom: 8px; } .mainContent table .box_green_awareness_row_1 { background: transparent url("/images/EnergyMAP/content/boxgrn-image.gif") top left no-repeat; height: 183px; } .mainContent table .box_green_awareness_row_content { background: transparent url("/images/EnergyMAP/content/boxgrn2-content.jpg") top left repeat-y; } .mainContent table .box_green_awareness_row_content td { padding: 5px 30px 0px 10px; color: #435219; line-height: 130%; } .mainContent table .box_green_awareness_row_last { background: transparent url("/images/EnergyMAP/content/boxgrn2-bottom.gif") bottom left no-repeat; height: 10px; } /* Box with Green Title Bar */ .mainContent table .box_green_title { background: transparent url("/images/EnergyMAP/content/box_green_title.png") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent table .box_green_title_content { background: transparent url("/images/EnergyMAP/content/box_green_content.png") top left repeat-y; height: auto; padding: 10px 10px 10px 10px; line-height: 120%; } .mainContent table .box_green_title_content ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 11px; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .mainContent table .box_green_title_content a:link { text-decoration: underline; color: #00aeee; } .mainContent table .box_green_title_content a:hover { text-decoration: none; } .mainContent table .box_green_title_content a:visited { color: #00aeee; } .mainContent table .box_green_title_bottom { background: transparent url("/images/EnergyMAP/content/box_green_bottom.png") top left no-repeat; height: 10px; } /* Box 730px width with green title */ .mainContent .box_green1 { height: auto; width: 730px; } .mainContent .box_green1 tr { width: 730px; } .mainContent .box_green1 .top { background: transparent url("/images/EnergyMAP/content/boxgrn1-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent .box_green1 .top { font-family: Arial; } .mainContent .box_green1 .content { background: transparent url("/images/EnergyMAP/content/boxgrn1-mid.gif") top left repeat-y; height: auto; padding: 10px 10px 10px 10px; line-height: 120%; } .mainContent .box_green1 .content ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 11px; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .mainContent .box_green1 .content a:link { text-decoration: underline; color: #00aeee; } .mainContent .box_green1 .content a:hover { text-decoration: none; } .mainContent .box_green1 .content a:visited { color: #00aeee; } .mainContent .box_green1 .bottom { background: transparent url("/images/EnergyMAP/content/boxgrn1-bottom.gif") top left no-repeat; height: 10px; } /* Box 730px width with no title */ .mainContent .box_green1 .top_nobg { background: transparent url("/images/EnergyMAP/content/boxgrn1-top_no_title.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; } .mainContent .box_green1 .top_nobg { font-family: Arial; } /* Box 482px width with green title */ .mainContent .box_green2 { height: auto; width: 100%; } .mainContent .box_green2 tr { width: 482px; } .mainContent .box_green2 .top { background: transparent url("/images/EnergyMAP/content/boxgrn34-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent .box_green2 .top { font-family: Arial; } .mainContent .box_green2 .content { background: transparent url("/images/EnergyMAP/content/boxgrn34-mid.gif") top left repeat-y; height: auto; padding: 10px 10px 10px 10px; line-height: 120%; } .mainContent .box_green2 .content ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 11px; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .mainContent .box_green2 .content a:link { text-decoration: underline; color: #00aeee; } .mainContent .box_green2 .content a:hover { text-decoration: none; } .mainContent .box_green2 .content a:visited { color: #00aeee; } .mainContent .box_green2 .bottom { background: transparent url("/images/EnergyMAP/content/boxgrn34-bottom.gif") top left no-repeat; height: 10px; } /* Box 482px width with no title */ .mainContent .box_green2 .top_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline34-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; } .mainContent .box_green2 .top_nobg { font-family: Arial; } /* Box 360px width with green title */ .mainContent .box_green3 { height: auto; margin-right: 10px; width: 100%; } .mainContent .box_green3 tr { width: 360px; } .mainContent .box_green3 .top { background: transparent url("/images/EnergyMAP/content/boxgrn2b-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent .box_green3 .top { font-family: Arial; } .mainContent .box_green3 .content { background: transparent url("/images/EnergyMAP/content/boxgrn2b-mid.gif") top left repeat-y; height: auto; padding: 10px 20px 10px 10px; line-height: 120%; } .mainContent .box_green3 .content ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 11px; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .mainContent .box_green3 .content a:link { text-decoration: underline; color: #00aeee; } .mainContent .box_green3 .content a:hover { text-decoration: none; } .mainContent .box_green3 .content a:visited { color: #00aeee; } .mainContent .box_green3 .bottom { background: transparent url("/images/EnergyMAP/content/boxgrn2b-bottom.gif") top left no-repeat; height: 10px; } /* Box 360px width with no title */ .mainContent .box_green3 .top_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline2-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; } .mainContent .box_green3 .top_nobg { font-family: Arial; } /* Box 236px width with green title */ .mainContent .box_green4 { height: auto; margin-right: 8px; width: 100%; } .mainContent .box_green4 tr { width: 236px; } .mainContent .box_green4 .top { background: transparent url("/images/EnergyMAP/content/boxgrn3-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent .box_green4 .top { font-family: Arial; } .mainContent .box_green4 .content { background: transparent url("/images/EnergyMAP/content/boxgrn3mid.gif") top left repeat-y; height: auto; padding: 10px 30px 10px 10px; line-height: 120%; } .mainContent .box_green4 .content ul li { background: transparent url("/images/EnergyMap/content/bullet.png") no-repeat left 11px; padding-left: 10px; text-indent: 0px; list-style-position:outside; } .mainContent .box_green4 .content a:link { text-decoration: underline; color: #00aeee; } .mainContent .box_green4 .content a:hover { text-decoration: none; } .mainContent .box_green4 .content a:visited { color: #00aeee; } .mainContent .box_green4 .bottom { background: transparent url("/images/EnergyMAP/content/boxgrn3bottom.gif") top left no-repeat; height: 10px; } /* Box 236px width with no title */ .mainContent .box_green4 .top_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline3-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; } .mainContent .box_green4 .top_nobg { font-family: Arial; } .mainContent .box_green5 { height: auto; margin-right: 8px; width: 100%; } .mainContent .box_green5 .top_big { background: transparent url("/images/EnergyMAP/content/boxgrn34-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; width: 455px; } .mainContent .box_green5 .top_small { background: transparent url("/images/EnergyMAP/content/boxgrn3-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent .box_green5 .content_big { background: transparent url("/images/EnergyMAP/content/boxgrn34-mid.gif") top left repeat-y; height: auto; padding: 10px 30px 10px 10px; line-height: 120%; width: 455px; } .mainContent .box_green5 .content_small { background: transparent url("/images/EnergyMAP/content/boxgrn3mid.gif") top left repeat-y; height: auto; padding: 10px 10px 10px 10px; line-height: 120%; } .mainContent .box_green5 .bottom_big { background: transparent url("/images/EnergyMAP/content/boxgrn34-bottom.gif") top left no-repeat; height: 10px; } .mainContent .box_green5 .bottom_small { background: transparent url("/images/EnergyMAP/content/boxgrn3bottom.gif") top left no-repeat; height: 10px; } .mainContent .box_green5 .top_big_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline34-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; width: 455px; } .mainContent .box_green5 .top_small_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline3-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; } .mainContent .box_green6 { height: auto; margin-right: 8px; width: 100%; } .mainContent .box_green6 .top_big { background: transparent url("/images/EnergyMAP/content/boxgrn34-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; } .mainContent .box_green6 .top_small { background: transparent url("/images/EnergyMAP/content/boxgrn3-top.gif") top left no-repeat; height: auto; padding-bottom: 10px; color: #526F02; padding-left: 20px; padding-top: 10px; font-weight: bold; font-size: 18px; width: 210px; } .mainContent .box_green6 .content_big { background: transparent url("/images/EnergyMAP/content/boxgrn34-mid.gif") top left repeat-y; height: auto; padding: 10px 10px 10px 10px; line-height: 120%; } .mainContent .box_green6 .content_small { background: transparent url("/images/EnergyMAP/content/boxgrn3mid.gif") top left repeat-y; height: auto; padding: 10px 30px 10px 10px; line-height: 120%; width: 210px; } .mainContent .box_green6 .bottom_big { background: transparent url("/images/EnergyMAP/content/boxgrn34-bottom.gif") top left no-repeat; height: 10px; } .mainContent .box_green6 .bottom_small { background: transparent url("/images/EnergyMAP/content/boxgrn3bottom.gif") top left no-repeat; height: 10px; } .mainContent .box_green6 .top_big_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline34-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; } .mainContent .box_green6 .top_small_nobg { background: transparent url("/images/EnergyMAP/content/boxgrnoutline3-top.gif") top left no-repeat; height: 8px; padding-bottom: 0px; color: #526F02; padding-left: 20px; padding-top: 0px; line-height: 8px; width: 210px; } .mainContent .box_orange_awareness { float: left; margin-bottom: 10px; margin-left: 10px; } .mainContent .box_orange_awareness thead { background: transparent url("/images/EnergyMAP/content/boxorg2-top.gif") top left no-repeat; height: auto; } .mainContent .box_orange_awareness thead td { } .mainContent .box_orange_awareness thead td a:link { text-decoration: none; color: #50210F; font-size: 17px; } .mainContent .box_orange_awareness thead td a:hover { text-decoration: underline; } .mainContent .box_orange_awareness thead td a:visited { text-decoration: none; color: #50210F; font-size: 17px; } .mainContent .box_orange_awareness thead td h2 { font-size: 16px; font-weight: bold; padding-top: 10px; padding-left: 10px; color: #50210f; padding-bottom: 8px; } .mainContent table .box_orange_awareness_row_1 { background: transparent url("/images/EnergyMAP/content/boxorg-image.gif") top left no-repeat; height: 183px; } .mainContent table .box_orange_awareness_row_content { background: transparent url("/images/EnergyMAP/content/boxorg2-content.jpg") top left repeat-y; } .mainContent table .box_orange_awareness_row_content td { padding: 5px 30px 0px 10px; color: #50210f; line-height: 130%; } .mainContent table .box_orange_awareness_row_last { background: transparent url("/images/EnergyMAP/content/boxorg2-bottom.gif") bottom left no-repeat; height: 10px; } .mainContent .green_table_five { width: 731px; } .mainContent .green_table_five tr { width: 731px; } .mainContent .green_table_five td { padding: 0 0 0 0; } .mainContent .green_table_five .top { border: none; background-color: Transparent; background: transparent url("/images/EnergyMAP/content/box_green_5_top.png") top left no-repeat; height: 7px;} .mainContent .green_table_five .top th { height: 7px; line-height: 0px; } .mainContent .green_table_five .title td { background-color: #bdd768; border-bottom: 1px solid #a3c052; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; color: #435219; line-height: 120%; font-family: Arial; } .mainContent .green_table_five .title td a:link { text-decoration: none; color: #435219; } .mainContent .green_table_five .title td a:hover { text-decoration: underline; } .mainContent .green_table_five .title td a:visited { text-decoration: none; color: #435219; } .mainContent table.green_table_five td { border-left: 1px solid #a3c052; background-color: #e6f8b8; width: 145px; } .mainContent .green_table_five .content td { border-top: 1px solid #a3c052; color: #435219; padding: 5px; font-family: Arial,Helvetica,sans-serif; line-height: 120%; } .mainContent .green_table_five .bottom td { border: none; background-color: Transparent; } .mainContent .green_table_five .bottom { background: transparent url("/images/EnergyMAP/content/box_green_5_bottom.png") top left no-repeat; height: 8px; } .mainContent .green_table_five .bottom th { line-height: 10px; } .mainContent .green_table_five .last { border-right: 1px solid #a3c052; } .mainContent table.green_table_five img { width: 145px; margin: 0px; } .mainContent .green_table_four { width: 731px; } .mainContent .green_table_four tr { width: 731px; } .mainContent .green_table_four td { padding: 0 0 0 0; } .mainContent .green_table_four .top { border: none; background-color: Transparent; background: transparent url("/images/EnergyMAP/content/box_green_4_top.png") top left no-repeat; height: 7px;} .mainContent .green_table_four .top th { height: 7px; line-height: 0px; } .mainContent .green_table_four .title td { background-color: #bdd768; border-bottom: 1px solid #a3c052; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; color: #435219; line-height: 120%; font-family: Arial; } .mainContent .green_table_four .title td a:link { text-decoration: none; color: #435219; } .mainContent .green_table_four .title td a:hover { text-decoration: underline; } .mainContent .green_table_four .title td a:visited { text-decoration: none; color: #435219; } .mainContent table.green_table_four td { border-left: 1px solid #a3c052; background-color: #e6f8b8; width: 181px; } .mainContent .green_table_four .content td { border-top: 1px solid #a3c052; color: #435219; padding: 5px; font-family: Arial,Helvetica,sans-serif; line-height: 120%; } .mainContent .green_table_four .bottom td { border: none; background-color: Transparent; } .mainContent .green_table_four .bottom { background: transparent url("/images/EnergyMAP/content/box_green_4_bottom.png") top left no-repeat; height: 8px; } .mainContent .green_table_four .bottom th { line-height: 10px; } .mainContent .green_table_four .last { border-right: 1px solid #a3c052; } .mainContent table.green_table_four img { width: 181px; margin: 0px; } .mainContent .green_table_three { width: 731px; } .mainContent .green_table_three tr { width: 731px; } .mainContent .green_table_three td { padding: 0 0 0 0; } .mainContent .green_table_three .top { border: none; background-color: Transparent; background: transparent url("/images/EnergyMAP/content/box_green_3_top.png") top left no-repeat; height: 7px;} .mainContent .green_table_three .top th { height: 7px; line-height: 0px; } .mainContent .green_table_three .title td { background-color: #bdd768; border-bottom: 1px solid #a3c052; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; color: #435219; line-height: 120%; font-family: Arial; } .mainContent .green_table_three .title td a:link { text-decoration: none; color: #435219; } .mainContent .green_table_three .title td a:hover { text-decoration: underline; } .mainContent .green_table_three .title td a:visited { text-decoration: none; color: #435219; } .mainContent table.green_table_three td { border-left: 1px solid #a3c052; background-color: #e6f8b8; width: 242px; } .mainContent .green_table_three .content td { border-top: 1px solid #a3c052; color: #435219; padding: 5px; font-family: Arial,Helvetica,sans-serif; line-height: 120%; } .mainContent .green_table_three .bottom td { border: none; background-color: Transparent; } .mainContent .green_table_three .bottom { background: transparent url("/images/EnergyMAP/content/box_green_3_bottom.png") top left no-repeat; height: 8px; } .mainContent .green_table_three .bottom th { line-height: 10px; } .mainContent .green_table_three .last { border-right: 1px solid #a3c052; } .mainContent table.green_table_three img { width: 242px; margin: 0px; } .mainContent .button_table { width: 100%; } .mainContent .button_table td { width: 50%; } .mainContent .button_table .previous { } .mainContent .button_table .previous a:link { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; margin-right:10px; background: #FB8E24 url("/images/EnergyMAP/buttons/button_previous.png") top left no-repeat; height: 27px; padding-top: 10px; width: 204px; display: block; padding-right: 10px; text-align: right; } .mainContent .button_table .previous a:hover { text-decoration: underline; } .mainContent .button_table .previous a:visited { text-decoration: none; color: #FFFFFF; } .mainContent .button_table .next { } .mainContent .button_table .next a:link { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; margin-left:10px; float: left; background: #FB8E24 url("/images/EnergyMAP/buttons/button_next.png") top left no-repeat; height: 27px; padding-top: 10px; float: right; width: 204px; padding-left: 10px; text-align: left; } .mainContent .button_table .next a:hover { text-decoration: underline; } .mainContent .button_table .next a:visited { text-decoration: none; color: #FFFFFF; } /* .mainContent .attention_box { background: transparent url("/images/EnergyMap/content/attention.gif") no-repeat top left; height: 122px; width: 236px; margin-left: 10px; margin-bottom: 5px; } .mainContent .attention_box p { padding: 42px 10px 15px 10px; text-align: center; width: 215px; word-wrap: break-word; color: #526F02; font-weight: bold; line-height: 110%; font-size: 14px; } .mainContent .attention_box td { padding: 42px 10px 15px 10px; text-align: center; width: 215px; word-wrap: break-word; color: #526F02; font-weight: bold; line-height: 110%; font-size: 14px; } .mainContent .right { float: right; } */ .mainContent .attention_box { width: 236px; } .mainContent .attention_box .top { background: transparent url("/images/EnergyMap/content/attention_top.png") no-repeat top left; height: 42px; } .mainContent .attention_box .content td { background: transparent url("/images/EnergyMap/content/attention_gradient.png") repeat-x top left; padding: 5px 10px 15px 10px; text-align: center; width: 215px; word-wrap: break-word; color: #526F02; font-weight: bold; line-height: 110%; font-size: 14px; border-left: 1px solid #A3C052; border-right: 1px solid #A3C052; } .mainContent .attention_box .bottom { background: transparent url("/images/EnergyMap/content/attention_bottom.png") no-repeat top left; height: 9px; } .mainContent .right { float: right; } #homeBannerEA { height: 60px; left: 0; position: relative; width: 100%; background: transparent url("/images/EnergyMAP/content/header-banner.jpg") top left no-repeat; } #homeBannerEA h2 { color: #ffffff; margin: 6px 0px 0px 0px; padding: 0px; } #homeBannerEA p { margin: 0px 0px 0px 20px; color: #ffffff; font-size: 25px; padding-top: 12px; font-family: Arial; } #homeBannerEA a:link { margin: 10px 0px 0px 0px; color: #ffffff; font-size: 25px; text-decoration: none; } #homeBannerEA a:hover { text-decoration: underline; } #homeBannerEA a:visited { text-decoration: none; color: #ffffff; } #mainMenuEA { background: url("/images/energymap/navigation/menuBack.gif") no-repeat scroll left top #294B8E; display: block; height: auto; position: relative; width: 970px; } .banner_title_ea { color: #ffffff; margin-left: 20px; margin-top: -50px; } .banner_title_ea h1 { color: #ffffff; } #box_links { float: left; width: 738px; } #box_links #box_links_menu #box_item { width: 236px; float: left; margin-right: 10px; margin-top: 10px; margin-bottom:5px; } #box_links #box_links_menu #box_item .box_item_title { font-family: Arial; background: transparent url("/images/energymap/content/link_box_top.png") top left no-repeat; height: 66px; } #box_links #box_links_menu #box_item .box_item_title_link { margin-left: 10px; padding-top: 8px; width: 170px; font-family: Arial; } #box_links #box_links_menu #box_item .box_item_title a:link { text-decoration: none; font-weight: bold; } #box_links #box_links_menu #box_item .box_item_title a:hover { text-decoration: underline; } #box_links #box_links_menu #box_item .box_item_title a:visited { text-decoration: none; font-weight: bold; } #box_links #box_links_menu #box_item .box_item_content { background: transparent url("/images/energymap/content/link_box_content.png") top left repeat-y; height: 105px; } #box_links #box_links_menu #box_item .box_item_content p { margin: 0; padding: 0px 8px 0px 10px; font-size: 14px; color: #000000; } #box_links #box_links_menu #box_item .box_item_button { background: transparent url("/images/energymap/content/link_box_content.png") top left repeat-y; height: 27px; } #box_links #box_links_menu #box_item .box_item_button img { float: right; margin-right: 10px; } #box_links #box_links_menu #box_item .box_item_bottom { background: transparent url("/images/energymap/content/link_box_bottom.png") bottom left no-repeat; height: 9px; } .mainContent .tip_box { width: 731px; } .mainContent .tip_box td { padding: 0px; } .mainContent .tip_box .top { background: transparent url("/images/EnergyMap/content/tip_top.png") top left no-repeat; height: 9px; line-height: 0px; } .mainContent .tip_box .icon { background: #f4701d url("/images/EnergyMap/content/tip_icon.png") center center no-repeat; height: 30px; width: 81px; } .mainContent .tip_box .content { background-color: #fee8d4; border-right: 1px solid #f47625; padding: 0px 10px 0px 10px; line-height: 130%; } .mainContent .tip_box .bottom { background: transparent url("/images/EnergyMap/content/tip_bottom.png") bottom left no-repeat; height: 8px; line-height: 0px; }