/*
PacifiCorp Metavante CSS
ISITE Design
--------- Notes -----------
* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs
------- typography ---------
font-sizes are set in em for resizable goodness. Here's a basic guide for the stylesheet.
font-size: .75em; = 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; = 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em; = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em; = 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px
font colors:
body: #252525;
h*: #000;
link colors:
a: #34639f;
v: #4075ba;
h: #2a4d7b;
*/
/* Basic browser reset */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/
body {
background: #fff url(../images/bg_body.gif) 0 0 repeat-x;
color: #252525;
font: 75%/1.335 Verdana, Arial, Helvetica, sans-serif; /* 75% */
}
h1, h2, h3, h4, h5, h6 { color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0 0 .25em 0; }
h1 { font-size: 2.2em;font-weight:normal; padding-bottom:12px; } /* 26px #primary h1 is replaced with sIFR */
h2 { font-size: 1.665em; font-weight: normal; } /* 20px */
h3 { font-size: 1.415em; } /* 17px */
h4 { font-size: 1.25em; } /* 15px */
h5 { font-size: 1em; } /* 12px; */
h6 { font-size: .9175em; } /* 11px; */
.column-2 h3 { font-size: 1.25em; }
.news-item h4 { font-size: 1.15em; margin-bottom: .75em; }
.news-item p { margin-bottom: .6em; }
p,dl { margin-bottom: 1em; }
ul, ol { margin: 0 0 1em 3em; }
ul { list-style: none; margin-left: 0; }
ul li { background: transparent url(../images/bullet_ul_li.gif) 0 .5em no-repeat; line-height: 1.1; margin-bottom: .6em; padding: 0 0 0 8px; }
ul li.current a,
ul li a.current { color: #000; }
table { border-collapse: collapse; margin: 0 0 1.5em 0; width: 100%; border:solid 1px #ccc;}
td,th { padding: .5em; text-align: left; }
th { background: transparent url(../images/bg_tfoot.gif) 0 2em repeat-x; padding-bottom: 1.5em; }
td { vertical-align: top; }
.alt td,
.alt th { background: #eeeef0; padding: .2em .5em; }
hr { border: 0; background: #c7c7c7; color: #c7c7c7; height: 1px; margin: 1.5em 0; }
td hr { margin: .4em 0; }
dt { font-weight: bold; }
address { font-style: normal; }
* html pre { width: 500px; overflow: hidden; }
sup { font-size: .6em; }
/*----------------------------------- Site Structure --------------------*/
#wrapper {
background: transparent url(../images/bg_wrapper.png) 0 0 repeat-y;
margin: auto;
position: relative;
width: 1028px;
}
* html #wrapper { background-image: url(../images/bg_wrapper_ie.gif); }
#header {
background: #fff;
border-bottom: 2px solid #000;
height: 86px;
margin: 0 5px 0 5px;
position: relative;
}
#brand {
border: none;
position: absolute; left: 37px; top: 21px;
}
#utility {
position: absolute; right: 37px; top: 35px;
text-align: right;
padding: 0 0 3.5em 0;
width: 400px;
}
#utility .advancedsearch { display: block; position: absolute; bottom: 0; right: 0; }
#footer {
background: #fff url(../images/bg_footer.gif) 0 0 no-repeat;
clear: both;
padding: 25px 0 15px 0;
text-align: center;
}
*+html #footer { padding-top: 10px; }
* html #footer { background-image: url(../images/bg_footer_ie.gif); }
#footer p { font-size: .9em; margin: .3em 0 0 0; }
#content {
background: transparent url(../images/bg_content.gif) 0 0 repeat-x;
display: inline;
float: left;
overflow: hidden;
margin: 0 5px 0 5px;
min-height: 400px;
padding: 14px 0 24px 0;
width: 1018px;
background-color:#FFFFFF;
}
* html #content { height: 400px; overflow: visible; padding-bottom: 0; }
#primary {
background: #fff url(../images/bg_primary.gif) -614px 0 repeat-y;
display: inline;
float: left;
margin-left: 206px;
width: 614px;
}
.wide #primary {
background: #fff url(../images/bg_primary_wide.gif) -799px 0 repeat-y;
width: 799px;
}
.full #primary {
background: #fff url(../images/bg_primary_full.gif) -997px 0 repeat-y;
margin-left: 12px;
width: 992px;
}
#primary .fill-top, #primary .fill-bottom {
background: #fff url(../images/bg_primary.gif) 0 0 no-repeat;
clear: both;
display: block;
height: 13px;
overflow: hidden;
width: 614px;
}
.wide #primary .fill-top, .wide #primary .fill-bottom {
background-image: url(../images/bg_primary_wide.gif);
width: 799px;
}
.full #primary .fill-top, .full #primary .fill-bottom {
background-image: url(../images/bg_primary_full.gif);
width: 992px;
}
#primary .fill-bottom { background-position: 0 -12px; height: 6px; }
.inner { overflow: hidden; padding: 12px 23px 12px 25px; }
* html .inner { overflow: visible; } /* hidden chops the columns blocks */
#secondary {
display: inline;
float: left;
margin-top: 5px;
width: 200px;
}
#tertiary {
display: inline;
float: left;
margin: 5px 0 0 -1010px;
width: 202px;
}
.about {
border-bottom: 1px solid #d7d7d7;
margin: 3em 0 1em 0;
}
.pageactions { float: right; margin-top: .25em; }
.about h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 0; }
.about h2 span { font-weight: normal; }
/* --------- columns -------------- */
.columns {
background: transparent url(../images/bg_vertical_column.gif) 508px 0 repeat-y;
border-bottom: 1px solid #dcddde;
overflow: hidden;
}
* html .columns { height: 1%; }
.column-1, .column-2 { float: left; padding-bottom: 1em; }
.column-1 {
padding-right: 18px;
width: 490px;
}
.column-main {
padding:0 18px 0 18px;
width: 713px;
}
.column-2 {
padding-left: 18px;
width: 223px;
}
/*----------------------------------- Widgets ----------*/
.block {
background: #fff url(../images/bg_block.gif) -352px 0 repeat-y;
margin: 0 0 12px 0;
width: 176px;
}
.block .inner {
background: transparent url(../images/bg_block.gif) 0 0 no-repeat;
min-height: 77px;
padding: 11px 12px;
}
* html .block .inner { height: 77px; }
.block .fill-bottom {
background: transparent url(../images/bg_block.gif) -176px 0 no-repeat;
clear: both;
display: block;
height: 6px;
width: 176px;
}
#secondary .block { margin-left: 4px; }
#tertiary .block { margin-left: 23px; }
/*.block h2, .block h3, .block h4 { padding: 10px 15px 0 15px; } image replaced which takes care of the pad */
.block p, .block ul, .block ol { margin-left: 22px; margin-right: 18px; }
.addborder p, .addborder ul, .addborder ol { margin-left: 0; margin-right: 0; }
.block .addborder { margin-left: 15px; margin-right: 15px; }
.block .inner p, .block .inner ul,
.block .inner ol, .block .inner .addborder { margin-left: 5px; margin-right: 5px; }
.block .addborder { padding-left: 12px; padding-right: 12px; }
.block .inner .addborder { padding-left: 7px; padding-right: 7px; }
.interior .callout {
background: #fff url(../images/bg_block_interior_btm.gif) left bottom no-repeat;
padding: 0 0 12px 0;
width: 190px;
}
.interior #secondary .callout { margin-left: -3px; }
.interior #tertiary .callout { margin-left: 16px; }
.callout .top {
background: transparent url(../images/bg_block_top_interior.gif) 0 0 no-repeat;
display: block;
height: 11px;
overflow: hidden;
}
.block img {
border: 1px solid #ccc;
display: block;
margin: 0 auto .6em auto;
padding: 1px;
}
/*----------------------------------- Type, Links, Lists, Images ----------*/
a, a:link { color: #34639f; text-decoration: none; }
a:visited { color: #4075ba; }
a:hover, a:focus, a:active { color: #2a4d7b; text-decoration: underline; }
a.external { background: transparent url(../images/icon_external.gif) right .2em no-repeat; padding-right: 16px; }
.inner img, #page-home #secondary img { border: 1px solid #ccc; padding: 1px; }
.inner li img,
.panel td img { border: 0; padding: 0; }
.inner img.noborder { border: none; padding: 0; }
#billexample { margin-bottom: 2em; }
.img-caption img { display: block; }
.pdf {background-image:url(../images/pdf.png); background-position:left-20px; background-repeat:no-repeat; padding-left:20px; }
a.pdf img { border: none; display: block; float: left; margin: 0 4px 0 -22px;}
* html a.pdf img { margin-left: -11px; }
a.pdf { display: block;margin-left: 1px; line-height: 1.4; }
.collapsible li a.pdf img { margin-top: 1px; }
a#brand {
background: #eee;
display: block;
height: 70px;
text-indent: -9999em;
width: 70px;
}
.btn {
background: #3b71b4 url(../images/btns_interior.gif) 0 0 no-repeat;
display: block;
height: 24px;
overflow: hidden;
text-indent: -999em;
width: 27px;
}
/* li's with no image bullet */
ul.bullets li, .block li, .news-listing li, .panel li, .column li, .landing .news-listing li, .clean li { background: none; padding: 0; margin-left: 0; }
* html .clean li { display: inline; }
ul.bullets { list-style: disc; margin-left: 20px; }
ul.bullets li { margin-bottom: 1em; }
.block li a { padding: .1em 0; }
.block ul {
list-style: none;
padding: 0;
}
.block ul.listing li { margin-bottom: .8em; }
.news-listing { margin: -1em 0 2em 0; }
.column .news-listing { margin: 0 0 1em 0; }
.news-listing h3 { font-size: 1em; margin-bottom: 0; margin-top: 2em; }
#page-home .news-listing h3 { margin-top: 0; }
.news-listing h3 a { padding: .1em 0; } /* prevent flicker on wrap */
.news-listing p.date { margin-bottom: 0; }
.block h3, .block h4 {
background: #3c75ba url(../images/bg_hdr.gif) left bottom repeat-x;
color: #fff;
font-size: 1em;
font-weight: bold;
margin-bottom: .8em;
padding: 5px 7px;
}
dl.faq, dl.collapsible { margin-bottom: 1em; }
dl.faq dt, dl.call, dl.collapsible {
font-size: 1.1em;
margin: .25em 0 0 0;
overflow: hidden;
}
dl.collapsible dt span.date {
color: #666;
display: block;
float: left;
font-weight: normal;
width: 5.5em;
}
dl.collapsible dt span.description { display: block; overflow: hidden; }
* html dl.collapsible dt span.description { height: 1%; }
dl.expander dt { cursor: pointer; padding-left: 16px; }
dl.expander dt a.btn, .sitemap ul a.btn {
background: transparent url(../images/icon_plusminus.gif) 0 0 no-repeat;
display: block;
float: left;
height: 8px;
margin: 5px 6px 0 0;
width: 8px;
}
dl.expander dt a.btn { margin: 5px 6px 0 -16px; }
* html dl.expander dt a.btn { margin-left: -8px; }
#content dl.expander dt a.btn, #content .sitemap ul a.btn { background-image: url(../images/icon_plusminus.gif); /* avoid any page specific overrides */ }
.sitemap ul a.btn { border: 1px solid #fff; border-width: 3px 4px 2px 3px; margin: 1px 0 0 -17px; }
* html .sitemap ul a.btn { margin-left: -8px; }
dl.expander dt.hover { color: #2a4d7b; }
dl.expander dt a.hover,
.sitemap ul a.btn:hover { background-position: 0 -8px; }
dl.expander dt.open a.btn,
.sitemap ul a.open { background-position: -8px 0; }
dl.expander dt.open a.hover,
.sitemap ul a.open:hover { background-position: -8px -8px; }
dl.expander dd { padding: .15em 0 0 16px; }
dl.overview { margin-bottom: 2em; }
dl.overview dt { float: left; padding: 0 12px 0 0; width: 11em; }
dl.overview dd { margin-bottom: .6em; }
* html .sitemap ul,
* html .sitemap li { height: 1%; }
.sitemap ul a { font-weight: bold; }
.sitemap li { margin-bottom: 0; }
.sitemap ul ul li { padding: 0 0 0 16px; }
* html .sitemap ul ul li { position: relative; }
.sitemap ul ul a { font-weight: normal; }
.documents li {
background: none;
overflow: hidden;
padding: 0;
position: relative;
}
.documents li img.icon {
border: none;
display: block;
float: left;
height: 16px;
margin: 4px 0 0 0;
padding: 0;
width: 16px;
}
* html .documents li img.icon { margin-top: 18px; }
.documents li p { padding-left: 24px; }
.documents li img.icon { display: block; position: absolute; left: 0; top: 0; }
* html .documents li img.icon { left: -24px; top: -1.3em; }
p.date-news { font-size: 1.25em; margin-top: -1.2em; }
* html p.date-news { margin-top: -.8em; }
*+html p.date-news { margin-top: -.8em; }
th.edit { text-align: center; width: 28px; }
th.remove { text-align: center; width: 32px; }
a.edit { background: transparent url(../images/icon_edit.gif) 4px 0 no-repeat; display: block; height: 16px; margin: 0 auto; overflow: hidden; text-indent: -999em; width: 26px; }
a.remove { background: transparent url(../images/icon_remove.gif) 8px 0 no-repeat; display: block; height: 16px; margin: 0 auto; overflow: hidden; text-indent: -999em; width: 32px;}
.panel-header a.edit { display: inline; height: auto; margin: 0; overflow: auto; padding-left: 22px; text-indent: 0; width: auto; }
DIV#flashcontent H1 {
FONT-WEIGHT: normal; COLOR: #fff; LINE-HEIGHT: 1.1; FONT-FAMILY: "Gill Sans Std","Gill Sans","Trebuchet MS",Trebuchet,Helvetica,sans-serif
}
/* footnotes */
ol.footnotes { list-style: none; margin-left: 2em; }
.footnotes li { clear: both; }
.footnotes span.asterisk { display: block; float: left; margin-left: -2em; width: 2em; }
* html .footnotes span.asterisk { margin-left: -1em; width: 1.5em; }
.footnotes span.note-content { display: inline-block; }
.table_text {font-size:11px;}
.bold_blue {font-weight:bold; color:#34639f;}
/*---------------------------------- Replaced --------------------*/
#hdr-homeenergy-co2 {
background: #fff url(../images/hdr_homeenergy_co2.gif) 1px 0 no-repeat;
border-bottom: 1px solid #dcddde;
height: 65px;
margin-bottom: 14px;
padding-bottom: 15px;
text-indent: -9999em;
width: 223px;
}
/*---------------------------------- Navigation --------------------*/
.nav, .inline {
list-style-type: none;
margin: 0;
padding: 0;
}
.columns .inline { margin-bottom: 1em; }
.center { text-align: center; }
.inline li { background: none; display: inline; padding: 0; }
.columns .inline li { padding-right: 40px; }
.block ul.nav { margin: 0 7px; color: #222; }
.block ul.nav ul { border-top: 1px solid #d9d9d9; margin: 3px 0 0 0; }
.block ul.nav ul ul { border-top: none; margin: 0; }
.block ul.nav li { border-bottom: 1px solid #d9d9d9; margin-bottom: 0; padding: 5px 0 3px 0; }
.block ul.nav a.open { background: transparent url(../images/arrow_down.gif) right 6px no-repeat; padding-right: 12px; }
* html .block ul.nav a.open { display: inline-block; }
*+html .block ul.nav a.open { display: inline-block; }
.block ul.nav a.current { color: #000; }
.block ul.nav ul li { margin: 0 0 0 18px; }
.block ul.nav ul a { padding: .1em 0; } /* prevent flickr of wrapping inline links */
.block h4.hdr-section {
background: none;
border-bottom: 1px solid #d9d9d9;
color: #252525;
font-size: 1.2em;
letter-spacing: -.02em;
line-height: 1.1;
padding-left: 0;
padding-right: 0;
margin: 0;
}
.block h4.hdr-section a.current { color: #000; }
a.return { display: block; font-size: .9em; margin: 1em 0 0 0; }
#innerNav li {border:none;}
/*----------------------------------- Forms -------------------------*/
form ul {
list-style-type: none;
margin: 0;
}
form.inline fieldset { margin-bottom: 1em; float: left; width: 100%; }
form li { background: none; margin-bottom: 1em; padding: 0; }
input, textarea { border: 1px solid #ccc; padding: 2px 4px 3px 4px; }
select { border: 1px solid #ccc; height: 1.8em; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; width: 520px; }
input:focus, textarea:focus { border-color: #999; }
.error input:focus, .error textarea:focus,
input.error:focus, textarea.error:focus,
.error select:focus, select.error:focus { border-color: #b00; }
input, select, textarea, label, button { display: block; }
.inline input, .inline label { display: inline; }
.inline label { font-weight: bold; }
#wrapper input[type=hidden] { border: none; }
label { color: #000; }
button { cursor: pointer; }
label input, .checkradio input,
input.checkradio { border: none; display: inline; width: auto; vertical-align: middle; }
body:nth-of-type(1) input.checkradio { vertical-align: top; }
p.help { color: #999; font-size: .9em; margin-bottom: 0; }
#wrapper input[type=hidden] { display: none; }
form p.error { clear: both; overflow: hidden; }
.error p.error { font-size: .8em; }
#secondary .block form#signin { margin: 1em 5px; }
#secondary .block form#signin input { width: 132px; }
* html #secondary .block form#signin input { margin-left: -5px; width: 127px; }
*+html #secondary .block form#signin input { margin-left: -5px; }
#secondary .block .newuser { margin: 1em 0; }
#secondary .block .checkradio { width: 110px; }
#primary .newuser { margin: 1em 0; }
#secondary .wrapper-rememberme { width: 110px; }
.wrapper-rememberme .tooltip {
color: #34639f;
cursor: help;
display: block;
line-height: .7;
margin: 0 0 0 17px;
}
form .inline { margin-bottom: 1em; }
form .inline label { display: inline; padding-right: 20px; }
.display-select label { font-size: 1.2em; font-weight: bold; }
.display-select select { float: left; margin-right: 5px; }
.nav-form { margin-top: 2em; }
/*----------------------------------- Popup ---*/
body.popup {
background: #fff;
padding: 14px;
}
.popup div.img { min-height: 6em; }
* html .popup div.img { height: 6em; }
/*----------------------------------- Inforgraphic ---*/
.infographic img {
border: none;
display: block;
margin: 6px auto;
}
.js .infographic { position: relative; width: 100%; top:15px }
.js .infographic ol {
list-style: none;
margin: 0;
padding: 0;
}
.js .infographic li {
background: #fff url(../images/bg_infographic.gif) left bottom repeat-x;
border: 1px solid #b2b2b2;
margin: 0;
padding: 5px 10px 1px 10px;
position: absolute;
width: 198px;
}
.js #info-1 { left: 0; top: 0; }
.js #info-2 { left: 260px; top: 0; }
.js #info-3 { left: 520px; top: 0; }
.js #info-4 { left: 0; bottom: 0; }
.js #info-5 { left: 520px; bottom: 0; }
* html.js #info-1, * html.js #info-2, * html.js #info-3 { top: 16px; }
* html.js #info-4, * html.js #info-5 { bottom: 16px; }
*+html.js #info-4, *+html.js #info-5 { bottom: 16px; }
.js .infographic li h5 {
color: #34639f;
font-size: 1.25em;
font-weight: normal;
line-height: 1.1;
padding-bottom: .1em;
text-align: center;
}
.js .infographic li h5 .small { font-size: .8em; }
.js .infographic li .description {
border-top: 1px solid #b2b2b2;
display: none;
padding-top: .4em;
}
/*----------------------------------- Randoms/dev utility styles ---*/
.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.hide { display: none; }
.left { float: left; margin: 1px 18px 10px 0; }
.right { float: right; margin: 1px 0 10px 18px; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.error, .alert,
.red { color: #ef3d42; }
.nowrap { white-space: nowrap; }
.small { width: 25%; }
.medium { width: 48%; }
.large { width: 90%; }
.small-text { font-size: .9em; }
* html .overflow{ overflow: hidden; width: 100.5%; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
/* prevent sIFR from breaking lines funny */
.inner h1.fixwidth { width: 400px;}
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
thead th { background: #3c74b9 url(../images/bg_th.gif) left bottom repeat-x; color: #fff; font-size: .8em; text-shadow: 0 0 0 #3c74b9; vertical-align: bottom; }
thead th a { color: #fff !important; display: block; padding: .5em; zoom: 1;}
thead th.no-sort a { cursor: default; text-decoration: none; }
#content th a img { border: none; height: 5px; width: 9px; }
td,th { border: 1px solid #ccc; padding: .5em; }
td { vertical-align: top; }
th.linked { padding: 0; }
tbody th { font-weight: normal; vertical-align: middle; background:none; }
tbody th a { padding: .1em 0; }
.alt td,
.alt th { background: #eeeef0; }
.highlight td,
.highlight th { background: #ffd; }
hr { border: 0; background: #c7c7c7; color: #c7c7c7; height: 1px; margin: 1.5em 0; }
td hr { margin: .4em 0; }
dt { font-weight: bold; }
address { font-style: normal; }
* html pre { width: 500px; overflow: hidden; }
sup { font-size: .6em; }
/* footnotes */
ol.footnotes { font-size: .9em; list-style: none; margin-left: 2em; }
.footnotes li { clear: both; }
.footnotes span.asterisk { display: block; float: left; margin-left: -2em; width: 2em; }
* html .footnotes span.asterisk { margin-left: -1em; width: 1.5em; }
.footnotes span.note-content { display: inline-block; }