/*

    PacifiCorp--PP/RMP 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: #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                    {
    /* site refresh - background: #fff url(../img/css/bg_body.gif) 0 0 repeat-x; */
	background: #fff;
    color: #252525;
    font: 75%/1.335 Verdana, Arial, Helvetica, sans-serif; /* 75% */
}
/* site refresh h1, h2, h3, h4, h5, h6  { color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0 0 .25em 0; } */

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; }

/* site refresh - h1  { font-size: 2.25em;}  /* 26px */
h1  { font-size: 2.167em; font-weight: normal; }  /* 26px */
/* site refresh - h2  { font-size: 1.665em; font-weight: normal; } /* 20px */
h2  { font-size: 1.833em; font-weight: normal; } /* 22px */
h3  { font-size: 1.417em; } /* 17px */
h4  { font-size: 1.25em; }  /* 15px */
h5  { font-size: 1em; }     /* 12px; */
h6  { font-size: .917em; } /* 11px; */


body #wrapper .column-header { border-bottom: 1px solid #c7c7c7; margin-bottom: .4em; }

    .news-listing h3, #page-home #secondary h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }

p,dl    { margin-bottom: 1em; }

ul, ol      { margin: 0 0 1em 3em; }
ul          { list-style: none; margin-left: 0; }
.padded     { margin-bottom: 2em; }
ul li, #page-home .column li, .landing .column li   { background: transparent url(../img/css/bullet_ul_li.gif) 0 .55em no-repeat; margin-bottom: 2px; padding: 0 0 0 8px; }
#page-home .column li, .landing .column li          { line-height: 1.2; margin-bottom: .6em; background-position: 0 .5em; }
#page-home .column .news-listing li, .landing .column .news-listing li  { line-height: 1.335; margin-bottom: 0; background-position: 0 .55em; }

table       { border-collapse: collapse; margin: 0 0 1em 0; width: 100%; }

th    { background: #3c74b9 url(../img/css/bg_th.gif) left bottom repeat-x; color: #fff; font-size: .8em; font-weight: bold; text-shadow: 0 0 0 #3c74b9; vertical-align: bottom; }
th a  { color: #fff !important; display: block; padding: .5em; zoom: 1; }
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; }

.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: .8em; }

/* add site refresh */
/*---------------------------------- Headers and Titles  --------------------*/

h1.page-title {
  margin-bottom: .5em;
  }

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 0px 0px 20px;  
  margin: 0px;
  border: none;
}

h3.signin-header,
h3.nav-header {
  font-family: "Gill Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  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: 138px;
}

h3.signin-header.signedIn {
  font-size: 1.25em;
  margin-bottom: 10px;
}

#page-home h3.signin-header {
  width: 189px;
}

/* 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;
}
    /* site refresh - * html #wrapper { background-image: url(../img/css/bg_wrapper_ie.gif); } */
#header {
    background: #fff;
    height: 75px;
    margin: 0 5px 43px 5px;
    position: relative;
	/* add site refresh */
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    width: 1018px;
	/* end add*/
}

#PCAnnouncement {
    /* site refresh margin-left: 5px; */
    /* site refresh padding-top: 5px; */
    width: 1018px;
	/* site refresh add */
	margin: 5px 5px 0px 5px;    
    position: relative;
    border: 1px solid #FF0000;
    background-color: #F0F0F0;
    background: url(../img/css/bg_announcement.gif) repeat;
	/* end add*/
}
#announcement {
    margin: 0px 5px;
    padding: 10px;
	/* site refresh moved to #PCAnnoucement
    background-color: #F0F0F0;
    background: url(../img/css/bg_announcement.gif) repeat;
    border-width: 1px;
    border-style:solid;
    border-color:#ff0000;
	*/
}
#announcement p {
    margin: 0px;
}

/* site refresh - no background to shift
body.hasAnnouncement {
    background-position: 0px 43px;
}
body.hasAnnouncement.inEdit {
    background-position: 0px 70px;
}
body.emptyAnnouncement.inEdit {
    background-position: 0px 32px;
}
*/

body.hasAnnouncement #nav {
    /*  site refresh top: 124px; */
	top: 113px;
}
body.hasAnnouncement.inEdit #nav {
    top: 140px;
}
body.emptyAnnouncement.inEdit #nav {
    top: 113px;
}
    #brand {
        border: none;
        position: absolute; left: 37px; top: 14px;
    }
    #utility {
        position: absolute; right: 37px; top: 15px;
        text-align: right;
        padding: 0 0 3.5em 0;
        width: 400px;
    }
        #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;	
    /* site refresh padding: 25px 44px 35px 44px; */
    padding: 15px 44px 35px 44px;	
}
    *+html #footer { padding-top: 10px; }
   /* site refresh * 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 24px 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           { width: 1018px; }
    .landing #lead  { margin: 0 0 10px 0; overflow: hidden; width: 100%; }
        #actions {
            /*position: absolute; top: 12px; left: 760px;*/
            margin: 0 0 0 760px;
            padding: 9px 0 0 0;
            position: relative;
            width: 220px;
        }
            #actions h2 { height: 23px; width: 206px; }
        #flashcontent { position: absolute; left: 0; top: 0; } 
#primary {
    background: #fff url(../img/css/bg_primary.gif) -614px 0 repeat-y;
    display: inline;
    float: left;
    margin-left: 201px; 
    width: 614px;
}
    .wide #primary {
        background: #fff url(../img/css/bg_primary_wide.gif) -799px 0 repeat-y;
        margin-left: 16px;
        width: 799px;
    }
    #primary .fill-top, #primary .fill-bottom {
        background: #fff url(../img/css/bg_primary.gif) 0 0 no-repeat;
        clear: both;
        display: block;
        height: 6px;
        overflow: hidden;   
        width: 614px;
    }
        .wide #primary .fill-top, .wide #primary .fill-bottom {
            background-image: url(../img/css/bg_primary_wide.gif);
            width: 799px;
        }
    #primary .fill-bottom { background-position: 0 -6px; } 
    .inner          { overflow: hidden; padding: 12px 23px 12px 25px; min-height: 30em; }
    * 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 -1016px;
    width: 202px;
}
#nav {
    background: transparent url(../img/css/nav_main.gif) 0 0 no-repeat;
    height: 43px;
    position: absolute; left: 5px; top: 75px;
    width: 1018px;
	/* add site refresh */
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
	/* end add */
}

/*----------------------------------- #page-home ----------*/
#page-home #wrap-content {
    display: inline;
    float: left;
    margin: 0 0 0 31px;
    position: relative;
    width: 721px;
}

#page-home #lead-wrap   { background: #fff url(../img/css/bg_lead.gif) 759px bottom no-repeat; }
#page-home #lead        { background: transparent url(../flash/images/main_image_1.jpg) 0 0 no-repeat; min-height: 371px; padding-bottom: 1px; position: relative; }
#page-home #lead object { outline: none; }
* html #page-home #lead { height: 371px; }

    #page-home #lead div#flashcontent {
        color: #fff;
        font-size: 130%;
        left: 40px; top: 40px;
        width: 500px;
    }
        div#flashcontent h1 { color: #fff; font-family: "Gill Sans Std","Gill Sans","Trebuchet MS",Trebuchet,Helvetica,sans-serif; font-weight: normal; line-height: 1.1; }
        div#flashcontent p  { width: 360px; }
        div#flashcontent a  { color: #fff; text-decoration: underline; }
        div#flashcontent li { background: none; padding: 0; }

#youtubeplayer {
    padding-bottom: 10px;
}   

#coverimageforplayer {
    padding-bottom: 10px;
}
    
#page-home #primary, #page-home #secondary {
    background: none;
    margin: 0;
    width: 721px;   
}
#page-home #secondary {
    margin-left: 9px; 
    margin-top: 0;
    width: 712px;
}
#page-home #tertiary {
    margin: 27px 0 0 0;
    width: 234px;
}
    #page-home .column { background: #fff; float: left; margin: 0; }
    #page-home .column.pc-colctrl-lt1-c0 { margin-right: 17px; width: 220px; }
	#page-home .column.pc-colctrl-lt1-c1 { width: 460px; }
    
    #page-home #primary .column {
        /* site refresh - background: transparent url(../img/css/bg_home_column.png) 0 0 no-repeat; */
        /* site refresh - margin: -35px 0 0 0; */
		margin: 16px 0 0 0;
        padding: 16px 9px 0 9px;
        width: 219px;   
    }
    * html #page-home #primary .column      { background-image: url(../img/css/bg_home_column_ie.gif); position: relative; }
    * html #page-home #primary .column ul   { position: relative; } 
        #page-home #primary .column img     { 
		    display: block; 
			margin: 0 auto 1em auto;
			/* add site refresh */
			border: none;
			/* end add */
			}

#page-home #secondary h4 { font-size: 1em; }

/*----------------------------------- Widgets ----------*/
.block {
    background: #fff url(../img/css/bg_block.gif) -352px 0 repeat-y;
    margin: 0 0 12px 0;
    width: 176px;
}

    .block .inner {
        background: transparent url(../img/css/bg_block.gif) 0 0 no-repeat;
        min-height: 77px;
        padding: 11px 12px;
    }
        * html .block .inner { height: 77px; }
    .block .fill-bottom {
        background: transparent url(../img/css/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; }  

#page-home .block {
    background: #fff url(../img/css/bg_block_btm.gif) left bottom no-repeat;
    margin: 0 0 4px 0;
    padding: 0 0 12px 0;
    width: 234px;
}
/*
    #page-home .block h2, #page-home .block h3, #page-home .block h4 {
        padding: 10px 15px 0 15px;
    }*/
.interior .callout {
    background: #fff url(../img/css/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(../img/css/bg_block_top_interior.gif) 0 0 no-repeat;
    display: block;
    height: 11px;
    overflow: hidden;
}
#page-home .top { background: transparent url(../img/css/bg_block_top.gif) 0 0 no-repeat; }

#lead .block {
    background: #fff;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 6px 7px 6px 7px;
    width: auto;
}
    #lead .block h2, #lead .block h4                    { padding: 0; }
    #lead .block h3                                     { padding-left: 11px; position: relative; }
    #lead .block p                                      { margin: 0 0 .2em 9px; }
    #lead .loggedin p                                   { margin-bottom: 1em; }
    #lead p.alert, #secondary .block p.alert            { font-size: .9em; }
    #lead .block p.userhelp                             { margin-top: 12px; clear: both; }
    #lead .block form                                   { padding: 0 9px .2em 9px; }
    #lead .block p a                                    { font-size: .9em; }
    #lead .loggedin p a                                 { font-size: 1em; }
    #lead .block ul                                     { margin: 0 9px; }

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

.columns        { clear: both; overflow: hidden; }
* html .columns { height: 1%; }

.column,
.cq-colctrl-lt0 .column,
.wide .sitemap .column {
    display: inline;
    float: left;
    width: 46.5%;
    margin-right: 2%;
}
    .landing .column        { width: 270px; margin: 0 13px 0 0; padding: 0; }
    .landing .addborder .column     { width: 255px; }
    .landing .columns .addborder    { margin-top: 0; width: 240px; }
    .wide .column           { width: 50%; margin-right: 2%; }
    .wide .second           { width: 48%; margin-right: 0; }
    .wide .three .column    { width: 32%; margin-right: 2%; }
    .wide .three .first     { width: 40%; margin-right: 2%; }
    .wide .three .third     { width: 24%; margin-right: 0; }
    .column h2, .column h3, .column h4, .column h5 { clear: both; }
    #secondary .column li   { background: none; padding: 0; } /* needed on homepage */
    .column h3, .column h3  { font-size: 1.1em; }

.wide .columns      { margin-bottom: 2em; }
.wide .three        { margin-bottom: 3em; }
.wide .column h3    { font-size: 1.25em; border-bottom: 1px solid #ddd; }
.wide .column h4    { font-size: 1.1em; margin-bottom: 0; }

.preface { clear: both; overflow: hidden; } /* clear to prevent float of global header from conflict */

/* 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; }

.listing-alpha  { letter-spacing: -.1em; margin: 1.8em 0; }
.listing-alpha a{ letter-spacing: 0; padding-left: 1px; }
.listing-alpha a.current { color: #000 !important; cursor: text; text-decoration: none !important; }

.inactive       { color: #c7c7c7; }

.listing-city       { margin-bottom: 2em; }
.listing-city h2    { font-size: 1.4em; font-weight: bold; }

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

.callout-content {
    width: 264px;   
}
.addborder {
    border: 1px solid #c7c7c7;
    margin: 1.6em 0;
    padding: 10px 14px;
}

.panel .full .toggle-wrapper { margin-top: -1.5em; position: relative }
* html .panel .full .toggle-wrapper { margin-top: -1.2em; }
*+html .panel .full .toggle-wrapper { margin-top: -1.1em; }
.toggle-content { padding-top: 1em; }
.inner li .toggle-content img   { border: 1px solid #ccc; 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(../img/css/icon_external.gif) right .2em no-repeat; padding-right: 16px; }
* html a.external           { display: inline-block; }
*+html a.external           { display: inline-block; }

.inner img, #page-home #secondary img, #CQrte img   { border: 1px solid #ccc; padding: 1px; }
.inner li img,
.panel td img,
.inner p a img      { border: 0; padding: 0; }
.inner img.noborder, #page-home #secondary img.noborder, #CQrte img.noborder { border: none; padding: 0; }
#billexample        { margin-bottom: 2em;  }

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

.pdfIcon { border: none !important; display: inline !important; vertical-align: middle !important; }
/*

dropped in favor of next block to fix multiline alignment in ut-18/19

a.pdf img   { border: none; display: block; float: left; margin: 0 4px 0 0; }
.collapsible .filing-title a.pdf img { margin-top: -1px } */

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: 22px; line-height: 1.4; }
.collapsible li a.pdf img   { margin-top: 1px; }
.bill a.pdf                 { display: inline-block; white-space: nowrap; padding-left: 23px }

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

.btn {
    background: #3b71b4 url(../img/css/btns_interior.gif) 0 0 no-repeat;
    border: none;
    display: block;
    height: 24px;
    overflow: hidden;
    text-indent: -999em;
    width: 27px;
}
    input.btn {
        border: none;
        cursor: pointer;
        padding: 0;
    }
    #page-home .btn                     { background-image: url(../img/css/btns_home.gif); }
    .go                                 { background-position: 0 0; height: 22px; }
    .go:hover, .over-go                 { background-position: -27px 0; }
    .newuser                            { background-position: 0 -22px; float: left; height: 22px; margin: 0 8px 0 0; width: 71px; }
    #primary .newuser,
    #secondary .newuser                 { float: none; }
    #page-home .newuser                 { margin-top: 6px; }
    .newuser:hover, .over-newuser       { background-position: -71px -22px; }
    .logout                             { background-image: url(../img/css/btns_interior.gif) !important; background-position: 0 -46px; margin: 0 0 1em 4px; width: 71px; }
    .logout:hover, .over-logout         { background-position: -71px -46px; }
    #lead .logout                       { margin-left: 9px; }
    .btn-close                          { background-position: 0 -238px; margin: 0 0 1em 0; width: 55px; }
    .btn-close:hover, .over-btn-close   { background-position: -55px -238px; }

    .btn-applyfilters                               { background-position: 0 -262px; margin: 0 6px .6em 0; width: 96px; }
    .btn-applyfilters:hover, .over-btn-applyfilters { background-position: -96px -262px; }

    .btn-clearfilters                               { background-image: url(../img/css/btn_clearfilters.gif); background-position: 0 0; float: left; margin: 0 6px 1em 0; width: 90px; }
    .btn-clearfilters:hover, .over-btn-clearfilters { background-position: 0 -24px; }
    
.btn-disabled           { background-image: url(../img/css/btns_disabled.gif) !important; cursor: default !important; }
.btn-cancel-disabled    { background-image: url(../img/css/btns_alert_disabled.gif) !important; cursor: default !important; }

/* li's with no image bullet */
.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;  }
.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; }

/* site refresh - remove
.block h3, .block h4 {
    background: #3c75ba url(../img/css/bg_hdr.gif) left bottom repeat-x;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: .8em;
    padding: 5px 7px;
}
end site refresh remove */

.pageactions        { float: right; font-size: .9em; margin: 1.2em 0 1em 3px; width: 120px; }
    .pageactions li { background: none; padding: 0 0 4px 0; }
a.secure    { background: transparent url(../img/css/icon_lock.gif) 3px center no-repeat; padding: 2px 0 1px 21px; }
a.print     { background: transparent url(../img/css/icon_print.gif) 0 center no-repeat; padding: 3px 0 1px 21px; }
a.csv       { background: transparent url(../img/css/icon_csv.gif) 1px center no-repeat; padding: 3px 0 1px 21px; }

span.check {
    background: transparent url(../img/css/icon_check.gif) 0 0 no-repeat;
    display: block;
    height: 10px;
    margin: 3px auto 0 auto;
    overflow: hidden;
    text-indent: -9999em;
    width: 13px;
}
    .alt span.check { background-position: 0 -10px; }

table.clean                 { border: none; width: 100%; }
table.clean td,
table.clean th              { color: #121212; border: none; text-align: center; }
table.clean td.left-align,
table.clean th.left-align   { text-align: left; }
table.clean td.currency,
table.clean th.currency,
table.clean td.numeric,
table.clean th.numeric      { padding-right: 20px; text-align: right; }
table.clean th              { background: transparent; }
table.clean .alt td         { padding-top: 1px; padding-bottom: 1px; }
.collapsible table.clean td,
.collapsible table.clean th { text-align: left; }

.collapsible td.filing-title { width: 66%; }
td.document-title { width: 80%; }

table.numeric th, table.numeric td { padding-left: 18px; text-align: left; }

.tabledivide {
    border: 1px solid #c7c8ca;
    border-width: 1px 0;
    margin: 0 0 2em 0;
    padding: .8em 0 .6em 0;
}

.tabledivide table.clean th { font-size: .9em; }

/* participant columns */
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; }


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(../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: 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; }
dd .reveal-content  { display: none; }

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%; }
.pcsitemap { overflow: auto; }
.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; 
  /* site refresh 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(../img/css/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(../img/css/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; }

/* 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; }

p.footnote                      { color: #666; font-size: .9em; }

/* --- tabs --- */
#content ul.tabs {
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 1em 0;
    overflow: hidden;
    padding: 0 4px;
}
* html .tabs { display: inline-block; }/* auto clear */
.tabs li {
    background: none;
    float: left;
    margin: 1px 5px 0 0;
    padding: 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;
}



/*---------------------------------- Image Replaced --------------------*/
/* site refresh - image replaced no longer used 

.hdr {
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 0;
    text-indent: -9999em;
}

*/
/* site refresh delete
#page-home .hdr                         { background-image: url(/content/dam/pacific_power/image/Header_Text/hdrs_home.gif); }
#page-home h2.hdr, #page-home h3.hdr,
.landing .column h2.hdr,
.landing .column h3.hdr                 { border-bottom: 1px solid #ddd; height: 20px; width: auto; overflow: hidden; }
#page-home .block h3.hdr                { border: none; height: 22px; }
#page-home #actions .hdr                { height: 23px; width: 206px; overflow: hidden; margin-bottom: 3px; }
#page-home #tertiary .hdr               { background-color: transparent; background-image: url(/content/dam/pacific_power/image/Header_Text/hdrs_home.gif);  }

#tertiary .hdr                          { background-image: url(../img/css/hdrs_nav_left.gif); height: 30px; margin: 0; padding: 0; width: 152px; }
.interior #secondary .callout .hdr,
.interior #tertiary .callout .hdr       { background-color: transparent; background-image: url(/content/dam/pacific_power/image/Header_Text/hdrs_interior.gif); height: 21px; width: 165px; margin: 0; padding: 0; }
end site refresh delete */

/* site refresh - moved from above*/
/* site refresh - #tertiary .hdr                          { background-image: url(../img/css/hdrs_nav_left.gif); height: 30px; margin: 0; padding: 0; width: 152px; } */
/* site refresh - end move */

/* home */

/* site refresh delete
#hdr-signin                     { background-position: 0 0; }
#hdr-accountquicklinks          { background-position: 0 -23px; }
#hdr-residentialcustomers       { background-position: 0 -46px; }
#hdr-smallandmediumbusinesses   { background-position: 0 -66px; }
#hdr-largebusinesses            { background-position: 0 -86px; }
#hdr-brightideas                { background-position: 0 -106px; }
#hdr-energyassistance           { background-position: 0 -126px; }
#hdr-news                       { background-position: 0 -146px; }
#page-home #hdr-customerservice { background-position: 21px -186px; }
end site refresh delete */

/* #hdr-customerservice            { background-position: 21px -166px; } */


/* site refresh - #hdr-bewattsmart                { background-position: 0 -206px; } */

/* site refresh
#tertiary #null                 {background-position: 0 -450px; }
#tertiary #hdr-youraccount, #hdr-youraccount                { background-position: 0 0; }
#tertiary #hdr-residential, #hdr-residential                { background-position: 0 -30px; }
#tertiary #hdr-business, #hdr-business                      { background-position: 0 -60px; }
#tertiary #hdr-contractors, #hdr-contractors                { background-position: 0 -90px; }
*/
/* double up to be sure works in all columns */
/* site refresh - #tertiary #hdr-efficiency,#secondary #hdr-efficiency                { background-position: 0 -124px; height: 46px; } */
/* From when "Saftey & Outages" was "Education & Safety".  Need to eventually clean up.
#tertiary #hdr-education,#secondary #hdr-education                  { background-position: 0 -174px; height: 46px; }
*/

/* site refresh
#tertiary #hdr-education,#secondary #hdr-education                  { background-position: 0 -510px; }
#tertiary #hdr-blueskyrenewable     { background-position: 0 -484px; height: 46px; }
#tertiary #hdr-paymentplanoptions   { background-position: 0 -344px; height: 46px; }
*/
/* site refresh delete
#hdr-aboutus                    { background-position: 0 -280px; }
#hdr-payyourbill                { background-position: 0 -310px; }
#hdr-youronlineprofile          { background-position: 0 -390px; }
#hdr-yourbill                   { background-position: 0 -420px; }
#hdr-yourservices               { background-position: 0 -450px; }

#secondary #hdr-signin,#tertiary #hdr-signin                        { background-image: url(../img/css/hdrs_nav_left.gif); background-position: 0 -220px; height: 30px; padding: 0; }
#secondary #hdr-accountquicklinks,#tertiary #hdr-accountquicklinks  { background-image: url(../img/css/hdrs_nav_left.gif); background-position: 0 -250px; height: 30px; padding: 0; }

#page-efficiency .columns .hdr                      { background-image: url(/content/dam/pacific_power/image/Header_Text/hdrs_interior.gif); }
#hdr-customerservice                                { background-position: 21px -140px; }
end delete */

/* contact us */
 /* site refresh .hdr-contactus          { background-position: 0 0; background-repeat: none; border-bottom: 1px solid #ddd; height: 20px;} */


/*---------------------------------- Navigation --------------------*/
ul#nav, .nav, .inline {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.columns .inline { margin-bottom: 1em; }
ul#nav { z-index: 100; }
    .center     { text-align: center; }
    .inline li  { background: none; display: inline; padding: 0; }
    .columns .inline li { padding-right: 40px; }

#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: 9px; }
    #nav a  { overflow: hidden; text-indent: -999em; top: 0; width: 100%; }
    
    li#nav-youraccount  { background-position: -43px -9px; left: 43px; width: 151px; }
    li#nav-residential  { background-position: -194px -9px; left: 194px; width: 124px; }
    li#nav-business     { background-position: -318px -9px; left: 318px; width: 106px; }
    li#nav-contractors  { background-position: -424px -9px; left: 424px; width: 136px; }
    li#nav-efficiency   { background-position: -560px -9px; left: 560px; width: 230px; }
    li#nav-safety    { background-position: -790px -9px; left: 790px; width: 191px; }
    
    li#nav-youraccount:hover, li.over#nav-youraccount, #page-youraccount li#nav-youraccount { background-position: -43px -52px; }
    li#nav-residential:hover, li.over#nav-residential, #page-residential li#nav-residential { background-position: -194px -52px; }
    li#nav-business:hover, li.over#nav-business, #page-business li#nav-business             { background-position: -318px -52px; }
    li#nav-contractors:hover, li.over#nav-contractors, #page-contractors li#nav-contractors { background-position: -424px -52px; }
    li#nav-efficiency:hover, li.over#nav-efficiency, #page-efficiency li#nav-efficiency     { background-position: -560px -52px; }
    li#nav-safety:hover, li.over#nav-safety, #page-safety li#nav-safety         { background-position: -790px -52px; }
    
    #nav ul {
        background: #fff;
        border: 7px solid #2b558a;
        padding: 7px 13px 11px 13px;
        position: absolute; left: -9999px; top: 34px;
        width: 191px;
    }
    #nav li:hover:last-child ul {
        left: auto;
        right: 0px;
    }
    #nav #nav-efficiency ul { width: 189px; }
    #nav li:hover ul, #nav li.over ul { left: 0px; }
        #nav ul li {
            background: none;
            border-bottom: 1px solid #d9d9d9;
            display: block;
            height: auto;
            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;
            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; 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 */

.pcfooter ul.nav.inline li  { display: inline; }
.pcfooter ul.nav li a { display: inline; padding: 0px; }

.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; }
    
#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 6px 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;
        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; }

.section-select { overflow: hidden; width: 100%; }
    .section-select li {
        background: none;
        float: left;
        margin: 0 20px 0 0;
        padding: 0;
    }
        .section-select li a { display: block; padding: .3em 0; }
        .section-select li.current a {
            background: #3C74B9 url(../img/css/bg_th.gif) left bottom repeat-x;
            color: #fff;
            font-weight: bold;
            padding: .3em .5em;
        }

#footer-social-media {
    float: right;
    padding: 0 0 0 0;
	/* site refresh width: 295px; */
}
    #footer-social-media #footer-social-media-text {
        /* site refresh
		display: inline; 
		height: 18px;
		overflow: hidden; 
        text-indent: -9999em;
		*/
		display: inline;
        float: left;
        margin: 3px 0 0 0;
		font-family: "Gill Sans", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.417em;
    }
	
	/* add site refresh */
	#footer-social-media ul {
        display: inline;
    }
	
    #footer-social-media ul.nav li {
        background: transparent url(""); 
        display: inline;
        float: right;
        width: 25px;        /*require for IE to work*/
    }
    #footer-social-media ul.nav li a {
        display: inline;
        float: left;
        height: 25px;
        margin: 1px 1px 0 0;
        overflow: hidden;
        text-indent: -9999em;
        width: 25px;
    }
    #footer-social-media ul.nav li a span.up { display: block; position: static; }
    #footer-social-media ul.nav li a span.rollover { display: block; position: absolute; left: -99999px; top: 0; }
    #footer-social-media ul.nav li a:hover span.up,
    #footer-social-media ul.nav li a.over span.up      { display: none; }
    #footer-social-media ul.nav li a:hover span.rollover,
    #footer-social-media ul.nav li a.over span.rollover   { position: static; }
    

/*----------------------------------- 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: 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; }
#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; }

#sitesearch { margin: 3px 0 0 0; position: relative; }
    #sitesearch legend  { display: none; }
    #sitesearch input   { padding: 2px 4px 3px 4px; position: absolute; top: 1px; right: 32px; width: 180px; }
    #sitesearch button,
    #sitesearch input.btn { padding: 0; position: absolute; top: 0; right: 0; width: 27px; }
    #sitesearch label   { position: absolute; top: 4px; left: -131px; }

#lead .block form {}
    #primary #signin { margin: 1em 0; width: 188px; }
    .wide #primary #signin { margin-bottom: 3em; }
    #lead .block legend, #secondary .block legend, #primary #signin legend { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }   
    #lead form#signin label, #primary form#signin label {
        clear: left;
        float: left;
        padding: 6px 0 0 0;
        width: 68px;
    }
    form#signin input {
        background: #fff url(../img/css/bg_input_text.gif) left bottom repeat-x;
        margin: 3px 0 0 0;
        width: 110px;
    }
        * html #page-home form#signin input { width: 107px; }
        * html #primary #signin input       { width: 107px; }
    #lead .wrapper-rememberme label.checkradio, 
    #secondary .block .checkradio, 
    #primary form#signin label.checkradio,
    .wrapper-rememberme                                 { float: left; font-size: .95em; margin: 8px 0 2px 0; padding: 0; width: 150px; }
    .wrapper-rememberme                                 { margin: -31px 0 6px 9px; }
    * html .wrapper-rememberme                          { margin: -35px 0 0 5px; }
    *+html .wrapper-rememberme                          { margin: -35px 0 0 9px; }
    #primary .inner .wrapper-rememberme                 { margin: -56px 0 0 0; clear: both; }
    * html .wrapper-rememberme input                    { margin-left: -4px !important; }
    *+html .wrapper-rememberme input                    { margin-left: -4px !important; }
    #lead .block .checkradio, #signin .checkradio       { margin-top: 5px; }
        #lead .block .checkradio input,
        #wrapper #secondary .block .checkradio input,
        .wrapper-rememberme .checkradio input           { background: none; margin-top: 0; padding: 0; width: auto; }
        * html #page-home .wrapper-rememberme .checkradio input { width: auto; }
        * html #primary .wrapper-rememberme .checkradio input   { width: auto; }
    #lead .block .go, #secondary .block .go, #primary #signin .go { float: right; margin: 6px 0 0 0; }


#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          { margin: -41px 0 10px 5px; width: 110px; }
* html #secondary .wrapper-rememberme   { margin-left: 3px; }
.wrapper-rememberme .tooltip    {
    color: #34639f;
    cursor: help;
    display: block;
    line-height: .7;
    margin: 0 0 0 17px;
}
* html .wrapper-rememberme .tooltip             { margin-left: 20px; }
* html #secondary .wrapper-rememberme .tooltip  { margin-left: 19px; }
*+html .wrapper-rememberme .tooltip             { margin-left: 20px; }
*+html #secondary .wrapper-rememberme .tooltip  { margin-left: 19px; }
form .inline        { margin-bottom: 1em; }
form .inline label  { display: inline; padding-right: 20px; }
.form-filtered-content .inline label { white-space: nowrap; }

.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; }
    * 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; }

/*----------------------------------- Date Picker --------------------*/
table.jCalendar {
    background: #fff;
    border: 1px solid #c7c8ca;
    border-collapse: collapse;
    margin: 3px 0 0 0;
}
table.jCalendar th {
    background: #305d94 url(../img/css/bg_hdr.gif) left bottom repeat-x;
    border: 1px solid #c7c8ca;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    padding: 3px 5px;
}
table.jCalendar td {
    background: #fff;
    border: 1px solid #c7c8ca;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #eeeef0;
}
table.jCalendar td.today { background: #305d94 url(../img/css/bg_hdr.gif) left bottom repeat-x; color: #fff; }
table.jCalendar td.selected, table.jCalendar td.selected:hover {
    background: #ef3d42;
    color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #f9fab0;
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #fff url(../img/css/bg_angle.gif) 0 0 repeat;
    color: #bbb;
}
/* For the popup */
div.dp-popup {
    background: #f7f8f8;
    border: 1px solid #3c75ba;
    font-size: 10px;
    line-height: 1.2em;
    padding: 0 4px 4px 4px;
    position: relative;
    width: 18em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    margin: 2px 0;
    padding: 0 4px;
    text-align: center;
}
a#dp-close {
    display: block;
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
}
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a {
    color: #000;
    padding: 3px 2px 0;
    text-decoration: none;
}
div.dp-popup div.dp-nav-prev {
    position: absolute; left: 4px; top: 1px;
    width: 80px;
}
div.dp-popup div.dp-nav-prev a { float: left; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next {
    position: absolute; right: 4px; top: 1px;   
    width: 80px;
}
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }
a.dp-choose-date {
    background: url(../img/css/icon_calendar.gif) no-repeat; 
    display: block;
    float: left;
    height: 21px;
    margin: 0 12px 8px 0;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
    width: 21px;
}
input.dp-applied, .dateselector input.date-picker {
  float: left;
  margin-right: 4px;
  position: relative; /* ie6 */
  width: 76px !important;
}
.dateselector input.date-picker { margin-right: 30px; }
input.dp-applied { margin-right: 4px !important; }

/*----------------------------------- Popup ---*/
body.popup {
    background: #fff;
    padding: 14px;
}
    .popup div.img          { min-height: 6em; }
    * html .popup div.img   { height: 6em; }


/*----------------------------------- Tooltip ---*/
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #2a4d7b;
    background-color: #fff;
    padding: 5px;
    opacity: 0.9;
    width: 260px;
}
#tooltip h3, #tooltip div { font-size: 1em; font-weight: normal; }

#video {
margin:0 0 12px 0;
}
div#video {
height:372px;
}
.video h2.hdr {
border-bottom:1px solid #ddd;
margin-bottom:12px;
}
img.push-up {
margin-top:-27px;
}
.video-nav {
overflow:hidden;
}

/* site refresh
.video .columns {
margin:0 0 0.4em -15px;
overflow:hidden;
}
*/ 

* html .video .columns {
height:1%;
}
.video .cq-colctrl-lt4 .column {
margin:0 0 0 15px;
width:128px;
}
* html .video .column {
margin-left:11px;
}
.video .column img {
border: 1px solid #ddd;
display:block;
height:70px;
margin: 0 0 .3em 0;
padding:2px;
width:124px;
}
.video .column a, .video .column span {
float:left;
position:relative;
}
.video .column span {
padding-right:0.3em;
}
.video .column a.caption {
width:87%;
}

/* -- Handle column layouts -- */

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

.columns .column:first-child {
	margin-left: 0;
}
.columns .column:last-child{
	margin-right: 0;
}

/* added for IE and earlier */
.pc-colctrl-lt2-c1.column,
.pc-colctrl-lt3-c2.column,
.pc-colctrl-lt4-c3.column {
    margin-right: 0px;
}


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

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

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

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

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

/*----------------------------------- 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%; }

.underline      { text-decoration:underline; }
.linethrough    { text-decoration:line-through; }
.no-margin      { margin:0 !important; }
.no-pad         { padding:0 !important; }

/* jqModal base Styling courtesy of;
    Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
    the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.continue-alert {
    display: none;    
    position: fixed; top: 25%; left: 50%;    
    margin-left: -265px;
    width: 480px;    
    background-color: #fff;
    color: #333;
    border: 2px solid #2a4d7b;
    padding: 24px;
}
.jqmOverlay { background: transparent; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .continue-alert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* buttons for modal ----- */
.btn-submit-changes, .btn-continue-without {
    background: #fff url(../img/css/btns_modalcontrols.gif) 0 0 no-repeat;
    float: left;
    margin: 0 20px 1em 0;
}
a.btn-submit-changes        { background-position: 0 0; width: 119px; }
a.btn-submit-changes:hover  { background-position: -119px 0; }
a.btn-continue-without      { background-position: 0 -24px; width: 195px; }
a.btn-continue-without:hover{ background-position: -195px -24px; }



/*****************************************************************************
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 remove sIFR no longer used
@media screen {

    /* prevent sIFR from breaking lines funny 
    .inner h1.fixwidth  { width: 400px; } */

	/* site refresh remove sIFR no longer used
    .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;
    }
    .sIFR-active h1 {
        visibility: hidden; 
    } 
}
@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;
    }
}

end site refresh remove */

/*****************************************************************************
Styles used by meerkat survey popup
*****************************************************************************/
#meerkat-wrap {
left:0;
}

/***************Ryan add  ****/
.calculator #primary {
background:none repeat scroll 0 0 #FFFFFF;
width:795px;
}
.calculator #tertiary {
margin-left:-1002px;
}
.calculator #primary .inner {
padding:0 5px 0 14px;
}
.calculator #secondary, .calculator #primary .fill-top, .calculator #primary .fill-bottom {
display:none;
}
.calculator-wrap-a {
background:url("../img/css/bluesky/bg-blue-sky-calc-rpt.jpg") repeat-y scroll 0 0 transparent;
position:relative;
}
.calculator-wrap-b {
background:url("../img/css/bluesky/bg-blue-sky-calc-bottom.jpg") no-repeat scroll left bottom transparent;
margin-bottom:4em;
overflow:hidden;
padding-bottom:7em;
}
* html .calculator-wrap-b {
}
.calculator-wrap-c {
background:url("../img/css/bluesky/bg-blue-sky-calc-top.jpg") no-repeat scroll 0 0 transparent;
min-height:240px;
padding:10em 0 0 16px;
}
* html .calculator-wrap-c {
padding-top:11em;
}
* + html .calculator-wrap-c {
padding-top:11em;
}
.calculator-wrap-a h1 {
color:#FFFFFF;
left:215px;
position:absolute;
top:91px;
}
#calculator p {
font-size:2em;
padding:4em;
}
.calculator-wrap-a h2 {
left:-9999em;
position:absolute;
}
.calculator-wrap-a h4 {
color:#FFFFFF;
font-size:1.25em;
font-weight:normal;
left:215px;
position:absolute;
top:72px;
}
.calculator-page .inner {
padding:0 13px 12px 15px;
}
.calculator-stand-alone {
background-image:none;
}
.calculator-stand-alone .inner {
padding-top:1em;
}
.calculator-stand-alone #primary {
background-image:none;
display:block;
float:none;
margin:0 auto;
padding:0;
width:801px;
}
#chooser {
background:url("../img/css/bluesky/bg-chooser.jpg") repeat-x scroll 0 bottom #FFFFFF;
border:1px solid #A1A1A1;
margin-top:1.3em;
overflow:hidden;
padding:9px;
width:732px;
}
#chooser h2 {
border-bottom:1px solid #FDD98E;
color:#999976;
font-size:2em;
left:0;
padding:9px 0 13px 13px;
position:relative;
}
#calc-state-select ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
width:50%;
}
#chooser form ul {
margin-bottom:2em;
overflow:hidden;
}
#chooser form li {
border-bottom:1px dashed #DADADA;
font-size:1.5em;
margin:0;
padding:9px 0 9px 150px;
}
#chooser form ul + ul li {
padding-left:100px;
}
#chooser form label {
color:#34639F;
}
#chooser form input {
margin:-4px 5px 0 0;
}
#chooser #calc-customer-type li {
display:block;
float:left;
padding:9px 0;
text-align:center;
width:33%;
}
#chooser .btn-continue {
margin:1em;
}
.btn-continue {
background-position:0 -142px;
float:right;
width:77px;
}
.btn-continue:hover, .over-btn-continue {
background-position:-79px -142px;
}
.disclaimer p {
color:#999999;
font-size:0.9em;
padding:0 5em;
}
#partner-levels {
padding:2em 0;
width:750px;
}
#partner-levels table {
background:url("../img/css/bluesky/bg-chooser.jpg") repeat-x scroll 0 bottom #FFFFFF;
}
#partner-levels table tbody th {
font-weight:bold;
}

/** RTE Image property dialog **/
#CQ .x-menu .x-menu-item .rte-imageProps {
    background: url( "../img/css/image.png" ) center no-repeat;
}

/* 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;
}

.landing .pcbuttons ul li {
    background: none;
}

/* ------------------------ 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; }

.homepageCarousel {
    width:1018px;
    height: 381px;
    position: absolute;
    top: 0;
    left: 0;
}

.homepageCarousel .container {
    width: 1018px;
    padding: 0;
}

/* Override bootstrap */
/* site refresh
#wrapper h2 {
    margin: 0px;
}
end site refresh */


/* ------------------------ Image with Buttons Component -------------------------- */
.imageWithButtons {
  margin-bottom: 10px;
}

.imageWithButtons img {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
}

.imageWithButtons .buttons a {
    display: block;
    box-sizing: border-box;
    text-align: center;
	float: left;
    width: 50%;
	padding: 5px 0px;
    border-top: 1px solid #fff; 
    background: #7fb0eb; 
	color: #fff;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none; 
}

.imageWithButtons a:hover {
  background: #4075BA;
  }

.imageWithButtons a.leftButton {
    border-right: 1px solid #fff;
}