/*

    PacifiCorp CSS

    --------- 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: #4075ba;
        v: #86a2c6;
        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*/
.hdr{ display:block; text-indent:-9999px; overflow:hidden; }
body                    {
    /* site refresh background: #fff url(../img/css/bg_body.gif) 0 0 repeat-x; */
    color: #252525;
    font: 75%/1.335 Verdana, Arial, Helvetica, sans-serif;
}
/* site refresh h1, h2, h3, h4, h5, h6  { color: #000; font-family: Arial, Verdana, Helvetica, sans-serif;  margin: 0 0 .25em 0;} */

/* site refresh add */
h1, h2 { color: #000; font-family: "Gill Sans", Arial, Helvetica, sans-serif;  margin: 0 0 .25em 0;}
h3, h4, h5, h6  { color: #000; font-family: Arial, Helvetica, sans-serif;  margin: 0 0 .25em 0;}
/* end add */

h1  { font-size: 2em; font-weight:normal; color: #85855c; }     /* 24px */
/* site refresh - h2  { font-size: 1.5em; font-weight: normal; margin-bottom: 0; } /* 20px */
h2  { font-size: 1.833em; font-weight: normal; margin-bottom: 0; } /* 22px */
h3  { font-size: 1.417em; } /* 17px */
h4  { font-size: 1.25em; }  /* 15px */
h5  { font-size: 1em; }     /* 12px; */
h6  { font-size: .917em; } /* 11px; */
#primary h1             { border-bottom: 1px solid #cc9; }
.interior #primary h1   { margin-bottom: .75em; }
#primary h2             { margin-bottom: .1em; }

h3.sifr { font-size: 1.415em; } /* 17px */

.news-listing h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }

p   { margin-bottom: 1em; }

ul, ol  { margin: 0 0 1em 3em; }
ul      { list-style: none; margin-left: 0; }
ul li   { background: transparent url(../img/css/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: 1em 0; }
td      { border: 1px solid #ccc; padding: .5em;  }
hr      { border: 0; background: #c7c7c7; color: #c7c7c7; height: 1px; margin: 1.5em 0; }
dt      { font-weight: bold; }

/* add site refresh */
/*---------------------------------- Headers and Titles  --------------------*/
h1.page-title{
/*font-weight: 400;   needed????*/
}

#lead h1 {
        background: none;
        color: #fff;
        height: auto;
        margin-bottom: .1em;
        text-indent: 0;
        width: 325px;
    }

h2.content-header {
    font-family: "Gill Sans Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
    border-bottom: 1px solid #DDD;  
	margin-bottom: 10px;
}

h3.callout-header {
    font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
    padding: 0px 20px;  
    margin: 0px;
    border: none;
}

h3.nav-header {
  font-family: "Gill Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  background: #34639F;
  background: -webkit-linear-gradient(#4075BA,#2A4D7B);
  background: -o-linear-gradient(#4075BA,#2A4D7B);
  background: -moz-linear-gradient(#4075BA,#2A4D7B);
  background: linear-gradient(#4075BA,#2A4D7B);
  color: #fff;
  padding: 3px 7px;
  width: 139px;
}

/* end add*/

/*----------------------------------- Site Structure --------------------*/
#wrapper {
    /* site refresh background: transparent url(../img/css/bg_wrapper.png) 0 0 repeat-y; */
    margin: auto;
    position: relative;
    width: 1028px;
}
    * html #wrapper { background-image: url(../img/css/bg_wrapper_ie.gif); }
#header {
    background: #fff url(../img/css/bg_header.jpg) left bottom no-repeat;
    height: 113px;
    /* site refresh margin: 0 5px 34px 5px; */
	margin: 0 3px 34px 5px;
    position: relative;
	/* add site refresh */
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    /* end add*/
}
    #brand {
        border: none;
        position: absolute; left: 389px; top: 23px;
    }
    #utility {
        position: absolute; right: 37px; top: 21px;
        text-align: right;
        padding: 0 0 3.6em 0;
        width: 368px;
    }
        #utility .advancedsearch { display: block; position: absolute; bottom: 0; right: 0; }
#footer {
    /* site refresh background: #fff url(../img/css/bg_footer.gif) 0 0 no-repeat; */
    clear: both;
    padding: 25px 0 15px 0;
    text-align: center;
    position: relative;
}
    *+html #footer { padding-top: 10px; }
    * html #footer { background-image: url(../img/css/bg_footer_ie.gif); }
    #footer p { font-size: .9em; margin: .3em 0 0 0; }

#content {
    background: transparent url(../img/css/bg_content.gif) 0 0 repeat-x;
    display: inline;
    float: left;
    overflow: hidden;
    margin: 0 5px 0 5px;
    min-height: 400px;
    padding: 0 0 1em 0;
    width: 1018px;
	/* add site refresh */
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
	/* end add */
}
    * html #content { height: 400px; overflow: visible; padding-bottom: 0; }
    
    #lead       { background: #3c74b9 url(../img/css/bg-lead.gif) left bottom repeat-x; color: #fff; width: 978px; }
    #lead-btm   { background:url(../img/css/bg-lead-btm.gif) 0 0 no-repeat; position:absolute; bottom:0; left:0; height:29px; width:367px; }
    
	/* site refresh remove
    #lead h1 {
        background: none;
        color: #fff;
        font-family: "Gill Sans", Trebuchet, Trebuchet MS, Georgia, sans-serif;
        font-size: 2.3em;
        font-weight: normal;
        height: auto;
        margin-bottom: .1em;
        text-indent: 0;
        width: 325px;
    }
	end remove */
	
    #lead p { width:320px; line-height:1.6em; float:left; padding-bottom: 30px; }
    #lead1  { width:325px; float:left; margin-right:50px; padding-top: 10px;}
    #lead2  { width:570px; float:left; }

#primary {
    display: inline;
    float: left;
    margin-left: 217px;
    padding-bottom: 1em;
    width: 538px;
}
    .wide #primary { margin-right: 22px; width: 775px; }
    .full #primary { margin-left: 22px; margin-right: 22px; width: 974px; }
#secondary {
    display: inline;
    float: left;
    margin-left: 14px;
    width: 245px;
}
#tertiary {
    float: left;
    margin-left: -995px;
    width: 177px;
}
#nav {
    background: #000 url(../img/css/nav_main.gif) 0 0 no-repeat;
    height: 34px;
    position: absolute; left: 5px; top: 113px;
    width: 1018px;
	/* add site refresh */
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    /* end add*/
}
#secondary #nav {
    height: auto;
    position: relative;
    top: 0;
}
#secondary #nav a, #secondary #nav li {
    float: none;
    padding: 0;
}

/*----------------------------------- #page-home ----------*/
#page-home #lead        { margin-bottom: 23px; min-height: 203px; overflow: hidden; padding: 22px 0 0 40px; position: relative; }
* html #page-home #lead { height: 203px; }
#page-home #primary     { margin: 4px 0 0 279px; width: 461px; }
#page-home #secondary   { margin-left: 13px; width: 245px; }
#page-home #tertiary    { margin-left: -965px; width: 245px; }


/*----------------------------------- Widgets ----------*/
.block {
    background: #fff url(../img/css/bg_block_btm.gif) left bottom no-repeat;
    margin: 0 0 4px 0;
    padding: 0 0 10px 0;
    width: 234px;
}
    .block p, .block ul, .block ol, .block h5, .block .sifr, .block .addborder { margin-left: 18px; margin-right: 18px; }
    .block .addborder { padding-left: 0; padding-right: 0; }

.block img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto .6em auto;
    padding: 1px;
}

.block .top {
    background: transparent url(../img/css/bg_block_top.gif) 0 0 no-repeat;
    display: block;
    /* site refresh height: 15px; */
	height: 11px;
    overflow: hidden;
}
.pdfIcon { border: none !important; display: inline !important; vertical-align: middle !important; }

#primary .block { float: right; margin: 0 0 1em 24px; }

.addborder {
    border: 1px solid #ccc;
    margin: 1.6em 0;
    padding: 12px 14px;
}
.columns {
    border: 1px solid #ccc;
    margin: 2em 0;
    padding: 17px;
    overflow: hidden;
}
.noborder {
    border: none;
    margin-bottom: 0;
    padding: 0;
}
.full .columns { border: none; padding: 0; }
    * html .columns { height: 1%; }
    .columns h3 {
        color: #85855c;
        font-size: 1.25em;
        line-height: 1;
        margin-bottom: .5em;
    }
    .full .columns h3,
    .noborder .column h3  { border-bottom: 1px solid #ddd; }
        * html .addborder div.column { width: 43%; }
        .noborder .column, .noborder ul.column, .wide .noborder ul.column { margin-bottom: 0; }
        .column h2, .column h3, .column h4, .column h5 { clear: both; }
        #secondary .column li   { background: none; padding: 0; } /* needed on homepage */
        .column h3              { font-size: 1.1em; }

.nav-content img                                        { float: left; margin: 5px 0 0 0; width: 100px; }
.nav-content p, .nav-content .columns, .nav-content h2  { margin-left: 116px; }

.interior #tertiary .block {
    background: #fff url(../img/css/bg_block.gif) -352px 0 repeat-y;
    margin: 0 0 12px 3px;
    padding-bottom: 0;
    overflow: hidden;
    width: 176px;
}
    .interior #tertiary .block .inner {
        background: transparent url(../img/css/bg_block.gif) 0 0 no-repeat;
        min-height: 77px;
        overflow: hidden;
        padding: 11px 12px 11px 11px;
    }
        * html .interior #tertiary .block .inner { height: 1%; }
    .interior #tertiary .block .fill-bottom {
        background: transparent url(../img/css/bg_block.gif) -176px 0 no-repeat;
        clear: both;
        display: block;
        height: 6px;
        width: 176px;
    }   

#primary img {
    border: 1px solid #ccc;
    padding: 1px;
}
#primary img.noborder { border: none; }
#primary li a img { border: none }  


/*----------------------------------- Type, Links and Lists ----------*/
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(../img/css/icon_external.gif) right .2em no-repeat; padding-right: 16px; }
* html a.external           { display: inline-block; }
*+html a.external           { display: inline-block; }

a#brand {
    background: #eee;
    display: block;
    height: 70px;
    text-indent: -9999em;
    width: 70px;
}

.btn {
    background: #3b71b4 url(/content/dam/pacificorp/image/Buttons/btns.gif) 0 0 no-repeat;
    display: block;
    height: 22px;
    overflow: hidden;
    text-indent: -999em;
    width: 27px;
}
    .go                             { background-position: 0 0; }
    .go:hover, .go:focus, .over-go  { background-position: -27px 0; }
    .newuser                        { background-position: 0 -22px; float: left; margin: 0 8px 0 0; width: 75px; }
    .newuser:hover, .newuser:focus, .over-newuser   { background-position: -75px -22px; }


/* li's with no image bullet */
.block .nav li, .news-listing li, .nav li, .clean li, ul.column li { background-image: none; padding: 0; }
.block li a         { padding: .1em 0; }

.block ul {
    list-style: none;
    padding: 0;
}
    #page-home .block li { background: none; padding: 0; }

.news-listing               { margin-top: .5em; }
.news-listing li            { background: none; line-height: 1.335; margin-bottom: 0; padding: 0; }
    .news-listing h3        { font-size: 1em; margin-bottom: 0; }
.news-listing h3 a          { padding: .1em 0; } /* prevent flicker on wrap */
.news-listing p.date        { margin-bottom: 0; }   
.interior .news-listing li  { margin-bottom: 2em; }

.documents { margin: 1.6em 0 1em 0; }
.documents li {
    background: none;
    overflow: hidden;
    line-height: 1.335;
    margin: 0;
    padding: 0;
}
    .documents li img.icon {
        border: none;
        display: block;
        float: left;
        height: 16px;
        margin: 0 4px 0 0;
        padding: 0;
        width: 16px;
    }
    .block .documents li img{ margin: 1px 7px 0 0; }
    .block .documents li p  { margin: 3px 0 .5em 0px; }
    
#primary table  { width: 100%; }
tbody th        { background: #fff url(../img/css/bg_breadcrumb.gif) left bottom repeat-x; border: 1px solid #ccc; }

th      { text-align: left; padding: .5em; }
th.icon {
    background: transparent url(../img/css/icons_camping.gif) 0 0 no-repeat;
    padding-top: 32px;
}
    th.th-location  { background-position: 23px -13px; }
    th.th-picnic    { background-position: 13px -114px; }
    th.th-restroom  { background-position: 25px -212px; }
    th.th-fishing   { background-position: 20px -313px; }
    th.th-boating   { background-position: 17px -413px; }

#primary .nav li a:hover,
#primary .nav li a:active,
#primary .nav li a:focus    {  }
#primary .nav li h3 a       { line-height: 46px; }
#primary .nav li h3         { clear: both; }
#primary .nav li img        { border: none; float: left; padding: 0 8px 0 0; }

/* --- tabs --- */
#content ul.tabs {
    list-style: none;
    margin: 1.5em 0 0 6px;
    overflow: hidden;
    padding: 0;
}
* html .tabs { display: inline-block; }/* auto clear */
.tabs li {
    background: none;
    float: left;
    margin: 1px 5px 0 0;
    padding: 0;
}
.tabs li.current { background-image: none; padding-left: 0; }
.tabs a, .tabs a span {
    background: url(../img/css/bg_tabs.gif) no-repeat;
    display: block;
    padding: 0 10px 0 0;
}
.tabs a span { padding: 0 0 0 12px; }
.tabs a, .tabs a:visited {
    color: #34639F;
    line-height: 1.2;
    padding-left: 0;
    position: relative; top: 0;
    text-align: center;
    white-space: nowrap;
    z-index: 2;     
}
.tabs .current a, .tabs a:hover, .tabs a:focus, .tabs a:active {
    background-position: 100% -183px;
    color: #2a4d7b;
    outline: 0;
}
.tabs .current a { color: #252525; text-decoration: none; }
.tabs a { background-position: 100% -122px; }
.tabs a span {
    padding-top: 6px;
    padding-bottom: 4px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs .current a span, .tabs a:hover span, .tabs a:focus span, .tabs a:active span { background-position: 0 -61px; }
.tabs a span { background-position: 0 0; }
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
.tabs .current a:link, .tabs .current a:visited { cursor: text; }
/* @ Opera, we need to be explicit again here now... */
.tabs a:hover, .tabs a:focus, .tabs a:active { cursor: pointer; }
.tabs-container {
    background: #fff;
    border: 1px solid #ccc;
    padding: 1em 17px;
}

/* pagination */
p.date-select   { font-size: 1.2em; font-weight: bold; }
.pagination     { overflow: hidden; width: 100%; }
p.page-count    { float: left; margin-right: 25px; }
p.page-select   { float: right; }

p.date-news { font-size: 1.25em; margin-top: -1em; }
* html p.date-news { margin-top: -.6em; }
*+html p.date-news { margin-top: -.6em; }

.bio        { overflow: hidden; width: 100%; }
.bio img    { float: left; margin: 0 18px 18px 0; }
.bio a.more { white-space: nowrap; }

.img-caption img    { margin-bottom: 1mm; }
.img-caption span   { font-size: .835em; color: #565555; }

/*---------------Defect: 7349----------------------*/
dl.faq, dl.collapsible { margin-bottom: 0em; }
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(../img/css/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(../img/css/icon_plusminus.gif); /* avoid any page specific overrides */ }
        .sitemap ul a.btn           { border: 1px solid #fff; border-width: 3px 4px 2px 3px; margin: 2px 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; }
dd .reveal-content  { display: none; }

* html .sitemap ul,
* html .sitemap li { height: 1%; }
.pcsitemap { overflow: auto; }
.sitemap ul a                       { font-weight: bold; }
    .sitemap li                     { background: none; line-height: 1.4; margin-bottom: 0; padding: 0; }
    .sitemap ul ul li               { padding: 0 0 0 16px;  }
        * html .sitemap ul ul li    { position: relative; }
        .sitemap ul ul a            { font-weight: normal;  }

/* ------------------------ image-btn -------------------------- */
.image-btn a {
    background: transparent url(../img/css/bg_image_btn.png) 0 0 no-repeat;
    color: #fff !important;
    display: block;
    float: left;
    font-size: 1.1em;
    margin: 0 7px;
    text-align: center;
}
    .image-btn-dark a { color: #34639f !important; }
    .image-btn-text span.image-text { display: none;}
    .image-btn-noshadow a   { background-image: none; }
    * html .image-btn a     { background-image: none !important; margin-right: 0; }
    .image-btn a span {
        cursor: pointer;
        display: block;
        margin: 5px 6px 7px 6px;
    } 
        *+html .image-btn a span            { margin-left: 4px; }
        .image-btn-noshadow a span          { margin: 0; }
        *+html .image-btn-noshadow a span   { margin: 0; }
    .image-btn a:hover { zoom: 1; }  /* This is a fix for IE6 */     
    .image-btn a span.up                { display: block; position: static; }
    .image-btn a span.rollover          { display: block; position: absolute; left: -99999px; top: 0; }
    .image-btn a:hover span.up,
    .image-btn a.over span.up           { display: none; }
    .image-btn a:hover span.rollover,
    .image-btn a.over span.rollover     { position: static; }


/* ------------------------ image-btn non-homepage -------------------------- */
.image-nobtn a {
    
    color: #fff !important;
    display: block;
    font-size: 1.1em;
    margin: 0 7px;
    text-align: left;
}
    .image-nobtn-dark a { color: #34639f !important; }
    .image-nobtn-text span.image-text { display: none;}
    .image-nobtn-noshadow a   { background-image: none; }
    * html .image-nobtn a     { background-image: none !important; margin-right: 0; }
    .image-nobtn a span {
        cursor: pointer;
        display: block;
        margin: 0px 6px 0px 6px;
    } 
        *+html .image-btn a span            { margin-left: 4px; }
        .image-btn-noshadow a span          { margin: 0; }
        *+html .image-btn-noshadow a span   { margin: 0; }
    .image-nobtn a:hover { zoom: 1; }  /* This is a fix for IE6 */    
    .image-nobtn a span.up                { display: block; position: static; }
    .image-nobtn a span.rollover          { display: block; position: absolute; left: -99999px; top: 0; }
    .image-nobtn a:hover span.up,
    .image-nobtn a.over span.up           { display: none; }
    .image-nobtn a:hover span.rollover,
    .image-nobtn a.over span.rollover     { position: static; }


/*----------------------------------- Image Replaced -------------*/

/* site refresh - image replaced headers no longer used */

/* site refresh

.hdr                                { background: transparent url(../img/css/hdrs_nav_left.gif) 0 0 no-repeat; height: 20px; margin-bottom: 0; }
.interior #tertiary .block h3.hdr   { background-image: url(../img/css/hdrs_nav_left.gif); height: 30px; padding: 0; }


.callout .hdr,
.interior #tertiary .callout h3.hdr { background-image: url(/content/dam/pacificorp/image/Header_Text/hdrs_home.gif); }
#page-home #hdr-news                { background-image: url(/content/dam/pacificorp/image/Header_Text/hdrs_home.gif); background-position: 0 0; border-bottom: 1px solid #dbdcdd; }
#page-home #hdr-careers             { background-position: 18px -20px; }
#page-home #hdr-cultureandvalues    { background-position: 18px -40px; }
#page-home #hdr-moreinformation     { background-position: 18px -60px; }
#page-home #hdr-projectcontacts     { background-position: 18px -80px; }
#page-home #hdr-recreation          { background-position: 18px -100px; }
#page-home #hdr-transmission        { background-position: 18px -120px; }
#page-home #hdr-24-hourwaterreleaseinfo { background-position: 18px -140px; }
#page-home #hdr-planningforthefuture    { background-position: 18px -160px; }
#page-home #hdr-hydroconstruction    { background-position: 18px -180px; }
#page-home #hdr-energyimbalancemarket   { background-position: 18px -200px; }
#page-home #hdr-conditdamvideo   { background-position: 18px -220px; }
#page-home #hdr-ourclimatepledge   { background-position: 18px -240px; }
#page-home #hdr-gridcoordination   { background-position: 18px -260px; }
*/

/* #hdr-culture             { background-position: 17px -40px; }
#hdr-moreinformation        { background-position: 17px -60px; }
#hdr-projectcontacts        { background-position: 17px -80px; }
#hdr-24hourwater            { background-position: 17px -140px; }
 */
/* site refresh .interior #tertiary .hdr    { margin: 0; } */

/* left nav headers */
/* site refresh
h3#hdr-aboutus              { background-position: 0 0; }
h3#hdr-suppliers            { background-position: 0 -30px; }
h3#hdr-energysources        { background-position: 0 -60px; }
h3#hdr-transmission         { background-position: 0 -90px; }
h3#hdr-environment          { background-position: 0 -120px; }
h3#hdr-careers              { background-position: 0 -150px; }
*/

/* right column */
/* site refresh .interior #secondary .hdr   { background-position: 18px 0; } */

/* 
.interior #tertiary .block h3.hdr   { background-image: url(../img/css/hdrs_left_nav.gif); height: 30px; padding: 0; }

#hdr-block-culture          { height:21px; background:url(../img/css/hdr-block-culture.gif) no-repeat; }
#hdr-join-our-team          { width:538px; height:28px; background:url(../img/css/hdr-join-our-team.gif) no-repeat; }
#hdr-block-projectcontacts  { height:23px; background:url(../img/css/hdr-block-projectcontacts.gif) no-repeat; }
#hdr-block-moreinformation  { height:23px; background:url(../img/css/hdr-block-moreinformation.gif) no-repeat; } */


/*---------------------------------- Navigation --------------------*/
ul#nav, .nav, .inline {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#nav { z-index: 100; }
    .inline li { background: none; display: inline; margin: 0; padding: 0; }
.column ul.nav { margin-top: .5em; }

#nav a, #nav li {
    background: transparent url(../img/css/nav_main.gif) 0 34px no-repeat;
    display: block;
    height: 34px;
    padding: 0;
    text-decoration: none;
}
    #nav li { position: absolute; top: 0px; }
    #nav a  { overflow: hidden; text-indent: -999em; top: 0; width: 100%; }
    
    li#nav-aboutus          { background-position: -129px 0; left: 129px; width: 114px; }
    li#nav-suppliers        { background-position: -243px 0; left: 243px; width: 108px; }
    li#nav-energysources    { background-position: -351px 0; left: 351px; width: 150px; }
    li#nav-transmission     { background-position: -501px 0; left: 501px; width: 139px; }
    li#nav-environment      { background-position: -640px 0; left: 640px; width: 138px; }
    li#nav-careers          { background-position: -778px 0; left: 778px; width: 106px; }
    
    li#nav-aboutus:hover, li.over#nav-aboutus, #page-aboutus li#nav-aboutus                         { background-position: -129px -34px; }
    li#nav-suppliers:hover, li.over#nav-suppliers, #page-suppliers li#nav-suppliers                 { background-position: -243px -34px; }
    li#nav-energysources:hover, li.over#nav-energysources, #page-energysources li#nav-energysources { background-position: -351px -34px; }
    li#nav-transmission:hover, li.over#nav-transmission, #page-transmission li#nav-transmission     { background-position: -501px -34px; }
    li#nav-environment:hover, li.over#nav-environment, #page-environment li#nav-environment         { background-position: -640px -34px; }
    li#nav-careers:hover, li.over#nav-careers, #page-careers li#nav-careers                         { background-position: -778px -34px; }
    
    #nav ul {
        background: #fff;
        border: 7px solid #2b558a;
        padding: 7px 13px 11px 13px;
        position: absolute; left: -9999px; top: 34px;
        width: 180px;
    }
    #nav li:hover ul, #nav li.over ul { left: 1px; }
        #nav ul li {
            background: none;
            border-bottom: 1px solid #d9d9d9;
            height: auto;
            line-height: 1.335;
            margin-bottom: 0;
            padding: 1px 0;
            position: static;
        }
            .block ul.nav ul li { border: none; }
        #nav ul li a {
            background: none;
            height: auto;
            padding: 4px 0 2px 0;
            position: static;
            text-indent: 0;
        }   
            #nav ul li a:hover { text-decoration: underline; }

.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; line-height: 1.335; margin-bottom: 0; padding: 5px 0 3px 0; }
    .block ul.nav a.open    { background: transparent url(../img/css/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: 5px 0;
    margin: 0;
}
.block h4.hdr-section a.current { color: #000; }

a.return { display: block; font-size: .9em; margin: 1em 0 0 0; }    

#breadcrumb {
    background: #fff url(../img/css/bg_breadcrumb.gif) left bottom repeat-x;
    border: 1px solid #aeafb3;
    color: #666;
    font-size: .9em;
    line-height: 1.4;
    margin: 10px 22px 18px 22px;
    overflow: hidden;
    padding: 2px 5px;
}
    * html #breadcrumb { overflow: visible; height: 1%; }
    #breadcrumb li {
        background: url(../img/css/arrow_breadcrumb.gif) 0 .3em no-repeat;
        float: left;
        line-height: 1.335;
        margin: 2px 5px 0 0;
        padding: 2px 2px 2px 12px;
        white-space: nowrap;
    }
    #breadcrumb li#breadcrumb-home {
        background: none;
        margin: 0;
        padding-left: 0;
    }
        #breadcrumb li#breadcrumb-home a {
            background: transparent url(../img/css/btn_home.gif) 0 0 no-repeat;
            display: block;
            height: 18px;
            overflow: hidden;
            text-indent: -9999em;
            width: 31px;
        }
            #breadcrumb li#breadcrumb-home a:hover { background-position: 0 -18px; }

.jumpnav { margin-top: .25em; overflow: hidden; width: 100%; }
.jumpnav li {
    float: left;
    margin: 0 14px .5em 0;  
}

/*----------------------------------- Forms -------------------------*/
form ul {
    list-style-type: none;
    margin: 0;
}
form li                                 { background: none; margin-bottom: 1em; padding: 0; }
input, textarea                         { border: 1px solid #ccc; padding: 1px 4px 2px 4px; }
input:focus, textarea:focus             { border-color: #999; }
.error input, .error textarea,
input.error, textarea.error                 { border-color: #f00; }
.error input:focus, .error textarea:focus,
input.error:focus, textarea.error:focus     { border-color: #b00; }
input, select, textarea, label, button  { display: block; }
#wrapper input[type=hidden]             { border: none; }
label                                   { color: #000; }
button                                  { cursor: pointer; }
label input, .checkradio input          { border: none; display: inline; width: auto; }

#sitesearch { margin: 5px 0 0 0; position: relative; }
    #sitesearch legend  { display: none; }
    #sitesearch input   { position: absolute; top: 1px; right: 32px; width: 180px; }
    #sitesearch button  { position: absolute; top: 0; right: 0; }
    #sitesearch label   { position: absolute; top: 4px; left: 30px; }

.block form     { margin: 0 18px 10px 18px; }
.block label    { font-weight: bold; margin-bottom: 3px; }
.block select   { margin: 0 0 3px 0; width: 100%; }
.block button   { float: right; }
    
/*----------------------------------- 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; }
* html .left    { margin-right: 9px; }
.right          { float: right; margin: 1px 0 10px 18px; }
.clear          { clear: both; }
.clearleft      { clear: left; }
.clearright     { clear: right; }
.error, .red    { color: #f00; }
.small          { width: 25%; }
.medium         { width: 48%; }
.large          { width: 90%; }
.menu-x         { overflow:hidden; list-style-type:none; }
.menu-x li      { float:left; list-style-type:none; background:0; }

.underline      { text-decoration:underline; }
.linethrough    { text-decoration:line-through; }

/*
    Use as last resort - aim for alt images to avoid performance hit
    * html img, * html div, * html a{ behavior:url(/etc/designs/pacificorp/js/iepngfix.htc); } */
    

/*----------------------------------- sIFR ----------*/
/* .sIFR-flash {visibility:visible !important;margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-flash + div[adblocktab=true] {display:none !important;}

.sifr-border {
    border: 1px solid #cc9;
    border-width: 0 1px 1px 0;
    font-size: 2.1em;
    position: absolute; left: 222px; top: 202px;
}
    .sifr-border span { visibility: hidden; }
 */
 
 /*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ? 2008 Mark Wubben, <http://novemberborn.net/>

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 <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
/* site refresh sIFR no longer used

@media screen {
  .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;
  }
  .block .sIFR-replaced { margin-bottom: 0; }
  h3.sifr { font-size: 1.395em; }
}
@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;
  }
}
*/

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

/* site refresh
@media screen {
  .sIFR-active #primary h1 {
        border-bottom: none;
  }
  .sIFR-active .interior #primary h1    { margin-bottom: .25em; }
  .sIFR-active #lead h1 { line-height: .02; }
  .sIFR-active h1 { visibility: hidden; }
}
*/

 
/* ------------------- filtered list -------------------------- */
table.filtered      { margin: 0 0 1em 0; }
.filtered thead th  { background: #e6e6cd url(../img/css/bg_thead.gif) 0 0 repeat-x; border: 1px solid #cc9; padding: 0; }
thead th a          { color: #000 !important; display: block; font-size: .9em; padding: .5em .6em; zoom: 1; }
thead th.no-sort a  { cursor: default; text-decoration: none; }
#content th a img   { border: none; height: 4px; margin-left: 2px; width: 7px; }
#content td a img   { border: none; }
.alt td             { background: #eeeef0; }
 
/* using column width here again. there was discussion about this with the PP version. I believe decided safest option */
th.col-business { width: 39%; }
th.col-city     { width: 23%; }
th.col-state    { width: 10%; }
th.col-category { width: 25%; }

/* filing columns */
th.col-number   { width: 35%; }
th.col-title    { width: 60%; }

/* renewable columns */
th.col-projectname  { width: 20%; }
th.col-energysource { width: 16%; }
th.col-fundedby     { width: 20%; }
th.col-status       { width: 20%; }

/* schedules */
th.col-schedulenumber a { width: 9em; }
th.col-sheet a          { width: 6.8em; }

/* filtered list forms */ 
form .inline        { margin-bottom: 1em; }
form .inline label  { display: inline; padding-right: 20px; }
form .inline input  { display: inline; width: auto;}
.form-filter-list  {
    margin: 1em 0;
    overflow: hidden;
    padding: 0;
}
.form-filtered-content {
    border-bottom: 1px solid #c7c7c7;
    clear: both;
    margin-bottom: 1em;
    padding: 0 0 1em 0;
}
    form.noborder                   { border: none; margin-bottom: 0; padding-bottom: 0; }
    .form-filter-list ul            { overflow: hidden; width: 100%; }
    * html .form-filter-list        { height: 1%; }
    .form-filter-list .state        { float: left; width: 120px; }
    .form-filter-list .city         { float: left; }
    .form-filter-list input         { width: 300px; }
    .form-filter-list .left input   { width: 240px; }
* html .form-filter-list li.left    { display: inline; }
.filter-list-multidate              { overflow: hidden; width: 60%; }
.selectdaterange                    { display: none; }
.filter-list-multidate .date-range label{ float: left; margin: .3em 10px 0 0; }

.btn-applyfilters                               { background-image: url(../img/css/btn_applyfilters.gif); background-position: 0 0; margin: 0 6px .6em 0; width: 96px; }
.btn-applyfilters:hover, .over-btn-applyfilters { background-position: -96px 0; }

.listing-alpha  { margin: 1.8em 0; }
.inactive       { color:#c7c7c7; }

/* special content icons */
.filtered td a.pdf {
    display: block;
    line-height: 1.4;
    margin-left: 22px;
}
    .filtered td a.pdf img {
        border: none;
        display: block;
        float: left;
        margin: 0 4px 0 -22px;
    }
    * html .filtered td a.pdf img   { margin-left: -11px; }

/* YouTube component */
.youtubeplayer {
    padding-bottom: 10px;
}   

.coverimageforplayer {
    padding-bottom: 10px;
}

/* Military Hiring */
#mt_qsb #mt_submit { padding: 15px 0 0 0; }
#mt_qsb .submit { font-family: verdana; background-color: #2D548A; border-color: #2D548A; color: #fff; font-weight: bold; padding: 10px; }
#mt_qsb input { padding: 2px 5px; vertical-align: middle; display:inline; }
#mt_codes { float: left; width: 40%; margin-right: 10px; }
#mt_codes input { width: 80%;  }
#mt_branches { float: left; width: 50%; }
#mt_branches label { display:inline; }
#mt_branches input { margin-right: 10px; border-style:none; }
.blueSubmitButton { 
    background-image: url(../img/css/btns_blue_submit.gif);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 65px;
    height: 24px;
    border: 0px;

}

/* Military Hiring Response */
#qsb-svc-row input { display:inline; }

/* CQ dialogs with labels */
label.x-form-cb-label-hidden {
    display: inline;
}
label.x-form-cb-label {
    display: inline;
}
label.x-form-item-label {
    display: inline;
}

/* CQ text-based buttons */
.pcbuttons a{
    font-size: 1em;
    padding: 5px 10px 5px 10px;
    margin: 0px 1px 0px 1px;
    color: #FFFFFF;
    background: #34639F;
    background-image: -webkit-linear-gradient(#4075BA,#2A4D7B);
    background-image:    -moz-linear-gradient(#4075BA,#2A4D7B);
    background-image:      -o-linear-gradient(#4075BA,#2A4D7B);
    background-image:         linear-gradient(#4075BA,#2A4D7B);
}
.pcbuttons a:hover {
    background: #2A4F80;
    background-image: -webkit-linear-gradient(#3461AF,#25456F);
    background-image:    -moz-linear-gradient(#3461AF,#25456F);
    background-image:      -o-linear-gradient(#3461AF,#25456F);
    background-image:         linear-gradient(#3461AF,#25456F);
    text-decoration: none;
}

/* -- Handle column layouts -- */

.column {
    display:inline;
    float:left;
    margin:0 2% 0 0;
    padding: 0;
}

.column,
.pc-colctrl-lt0 .column {
	width: 47%;
}

.columns .pc-colctrl-lt1-c0,
.columns .pc-colctrl-lt2-c1 {
	width: 31%;
}

.columns .pc-colctrl-lt1-c1,
.columns .pc-colctrl-lt2-c0 {
	width: 63%;
}

.pc-colctrl-lt3 .column {
	width: 31%;   
}

.pc-colctrl-lt4 .column {
	width: 23%;
}