/*
styles_nav.css
Contains CSS for site menus and other navigation items (i.e. tabs)
This stylesheet should always be linked _after_ styles.css.
*/        
/* = Basic Horizontal link list/menu
------------------------------------------------- */
ul.h-linklist { /* NOTE: see settings in styles_ie.css as well */
    display: table;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
    ul.h-linklist li {
        display: table-cell;
        position: relative;
        margin: 0;
        padding: 0 10px;
    }
        ul.h-linklist li.first
        {
            padding-left: 0;
        }
        ul.h-linklist li a
        {
            display: block;
            font-family: Helvetica, Arial, Sans-Serif;
            text-decoration: none;
            white-space: nowrap;
        }

/* = Global Navigation Menu (Home, Residential, Business, etc)
------------------------------------------------- */
#navContainer {
    padding-top: 10px;
    padding-left: 147px;
}
#globalNav {
}
    #globalNav li {
        padding-left: 0;
        padding-right: 23px;
    }
        #globalNav li a {
            font-size: 14px;
            color: #505050;
        }
        #globalNav li a:hover
        , #globalNav li a:active
        , #globalNav li a:focus
        , #globalNav li a.selected {
            color: #333333;
        }
        #globalNav li a.selected {
            font-weight: bold;
        }
        
.home #navContainer {
    padding: 0;
    position: absolute;
    top: 50px;
    left: 161px;
}
.home #globalNav {
    margin: 0; 
}
    .home #globalNav li a {
        font-size: 15px;
    }
/* = Actor-specific menu (i.e. below globalNav for Business)
------------------------------------------------- */
#actorNavContainer {
    height: 37px;
}
#actorNav {
    margin-top: 5px;
}
    #actorNav li {
        padding-left: 0;
        padding-right: 14px;
    }
        #actorNav li a {
            font-size: 13px;
            color: #7b7b7b;
        }
        #actorNav li a:hover
        , #actorNav li a:active
        , #actorNav li a:focus
        , #actorNav li a.selected {
            color: #000000;
        }
        #actorNav li a.selected {
            font-weight: bold;
        }
/* = Primary Navigation Menu (i.e. Residential or Business section (green/blue bar) menu)
------------------------------------------------- */
#primaryNavContainer {
    clear: right;
    padding-left: 11px;
}
.default #primaryNavContainer {
    background-color: #00a3c9;
}
.residential #primaryNavContainer {
    background-color: #76bf36;
}
.business #primaryNavContainer {
    background-color: #00539c;
}
.business-SB #primaryNavContainer {
    background-color: #629cc9;
}
.business-MLB #primaryNavContainer {
    background-color: #00539c;
}
.business-CS #primaryNavContainer {
    background-color: #d59806;
}
.business-PM #primaryNavContainer {
    background-color: #1c4264;
}
#primaryNav {
    font-size: 14px;
    height: 2.4em;
    

}
    #primaryNav li {
        padding-left: 0;
        padding-right: 18px;
        vertical-align: middle;
    }
    
        #primaryNav li a {
            font-size: 14px;
            color: #ffffff;
            line-height:2.3em;
            
        }
        
        #primaryNav li a:hover
        , #primaryNav li a:active
        , #primaryNav li a:focus
        , #primaryNav li a.selected {
        }
        #primaryNav li a.selected {
            font-weight: bold;
            font-size: 14px;
        }
/* = Section Navigation Menu (i.e. just beneath the Residential or 
Business section (green/blue bar) menu)
------------------------------------------------- */
#sectionNav {
    padding-top: 2px;
}
    #sectionNav li {
        padding-left: 0;
        padding-right: 13px;
    }
        #sectionNav li a {
            font-size: 13px;
            color: #7b7b7b;
        }
        #sectionNav li a:hover
        , #sectionNav li a:active
        , #sectionNav li a:focus
        , #sectionNav li a.selected {
            color: #333333;
        }
        #sectionNav li a.selected {
            font-weight: bold;
        }
/* = Home page main content tabs
------------------------------------------------- */
#homeTabs {
    margin: 0 0 0 27px;
    padding: 0;
    width: 564px;
    height: 59px;
    list-style-type: none;
    background: transparent url(/images/home_tabs.png) no-repeat;
    border: none;
}
    .home .welcome #homeTabs {
        background-position: 0 0;
    }
    .home .residential #homeTabs {
        background-position: 0 -59px;
    }
    .home .business #homeTabs {
        background-position: 0 -118px;
    }
    #homeTabs li {
        margin: 0;
        display: block;
        height: 59px;
        float: left;
    }
        #homeTabs li#tabWelcome {
            width: 177px;
        }
        #homeTabs li#tabResidential {
            width: 161px;
        }
        #homeTabs li#tabBusiness {
            width: 162px;
        }
        #homeTabs li a {
            display: block;
            font-size: 18px;
            line-height: 1.2em;
            color: #505050;
            margin-top: 15px;
            margin-right: 15px;
            padding: 0;
            vertical-align: top;
            position: relative;
        }
        
            #homeTabs li a:hover
            , #homeTabs li a:active
            , #homeTabs li a:focus
            , #homeTabs li a.selected {
                text-decoration: none !important;
            }
        #homeTabs li#tabWelcome a {
            margin-left: 37px;
        }
        #homeTabs li#tabResidential a {
            margin-left: 36px;
        }
        #homeTabs li#tabBusiness a {
            margin-left: 35px;
        }
/* = Main section tab-set
------------------------------------------------- */
.tab-set {
}
    .tab-set ul.tabs {
        white-space: nowrap;
        margin: 3px 0 -7px 0;
        padding-left: 17px;
        float: left;
        display: inline;
        height: 33px;
        background: url(/images/tabset_bg.gif) no-repeat;
    }
    
        .tab-set ul.tabs li {
            display: block;
            float: left;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .tab-set ul.tabs li a {
            display: block;
            float: left;
            height: 33px;
            padding-left: 12px;
            margin: 0 0 -1px -1px;
            background: url(/images/tabset_tab_left_bg.gif) no-repeat;
            position: relative;
            color: #666666;
        }
        .tab-set ul.tabs li a.first {
            background: url(/images/tabset_tab_left_bg_first.gif) no-repeat;
        }
        .tab-set ul.tabs a span {
            float: left;
            padding-top: 7px;
            height: 26px;
            font-size: 11px;
            color: #666666;
            padding-right: 12px;
            background: transparent url(/images/tabset_tab_right_bg.gif) no-repeat 100% 0;
            cursor: pointer;
        }
        
        .tab-set ul.tabs li.selected a {
            background-position: 0 100%;
            text-decoration: none !important;
            font-weight:bold;
        }

        .tab-set ul.tabs li.selected a span {
            background-position: 100% 100%;
        }
    .tab-set .tab-content-container {
        padding: 0 16px 1px 16px;
        background: transparent url(/images/tabs_bg.gif) repeat-y;
        min-height: 140px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
    }
    .tab-set .tab-content-container .tab-content {
        padding: 1px 20px 15px 20px;
        margin: 0 1px;
        width: 543px;
        overflow: hidden;
    }
        .tab-set .tab-content-container .tab-content p {
            margin-top: 1em;
        }
.tab-set-top {
    clear: left;
    margin: 0;
    padding: 0;
    height: 7px; 
    overflow: hidden;
    background: transparent url(/images/tabs_top_bg.gif) no-repeat;
}
.tab-set-bottom {
    margin: 0;
    padding: 0;
    height: 26px; 
    overflow: hidden;
    margin-top: -15px;
    background: transparent url(/images/tabs_bottom_bg.gif) no-repeat;
}
/* = Online Demo menu
------------------------------------------------- */
ul#demoMenu li a.selected {
    color: #666666;
}
/* = Footer navigation links
------------------------------------------------- */
#pageFooter ul.h-linklist { /* NOTE: see settings in styles_ie.css as well */
    margin: 0 auto;
}
    #pageFooter ul.h-linklist li {
        background: transparent url(/images/footer_link_sep.gif) no-repeat 0 3px;
        padding: 0 6px 0 7px;
    }
        #pageFooter ul.h-linklist li.first {
            padding-left: 0;
            background: none;
        }
        #pageFooter ul.h-linklist li a {
            font-family: Helvetica, Arial, Sans-Serif;
            font-size: 11px;
            color: #888889;
            line-height: 1.2em;
        }
/* New nav styles 03/17/08 */
#energyTabSet {
    margin-left:-15px;
    width:316px;
    
}
#energyTabSet .tab-content-container .tab-content {
    padding: 1px 20px 15px 20px;
    margin: 0 1px;
    width: 246px;
    overflow: hidden;
}
#energyTabSet .tab-content-container .tab-content p {
    margin-top: 1em;
}
#energyTabSet .tab-content-container {
    padding: 0 16px 1px 16px;
    background: transparent url(/images/tabs_bg_316.gif) repeat-y;
    min-height: 140px;
}
#energyTabSet .tab-set-top {
    clear: left;
    margin: 0;
    padding: 0;
    height: 13px; 
    overflow: hidden;
    background: transparent url(/images/tabs_top_bg_316.gif) no-repeat;
}
#energyTabSet .tab-set-bottom {
    margin: 0;
    padding: 14px 20px;
    height: 34px; 
    overflow: hidden;
    margin-top: -15px;
    background: transparent url(/images/tabs_bottom_bg_316.gif) no-repeat;
}