@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME: ecl_global.css
 * ##### VERSION: v1.0
 * ##### UPDATED: 08/04/09 (Eclipse Group)
/* ########################################################################### *
/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ##### TYPOGRAPHY
/* ##### LAYOUT & GRIDS
/* ##### HEADER
/* ##### FOOTER
/* ##### TOOLBAR
/* ##### NAVIGATION
/* ##### CONTENT
/* ##### TABLES
/* ##### FORMS
/* ##### MODAL WINDOW
/* ##### MISC
/* ########################################################################### */
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ########################################################################### */

/* YUI RESET & FONTS */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
body {font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#666;background:#ffeba5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

a:link         { color:#267bbf; text-decoration:none }
a:visited    { color:#267bbf; text-decoration:none }
a:focus        { text-decoration:underline }
a:hover        { text-decoration:underline }
a:active    { color:#267bbf }
a.yellowArrow {
    padding: 0 9px 0 0;
    background: url(/css/images/yellow_link_arrow.gif) right center no-repeat;
}

a.icon_pdf {
    background: url('/css/images/icon_pdf.gif') no-repeat 100% 2px;
    padding-right: 20px;
}
a.icon_print {
    background: url('/css/images/icon_print.gif') no-repeat 0 0;
    padding: 0 0 1px 20px;
}
a img.externalLink {
    padding: 0 0 0 5px;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.clear {clear:both}
.nodisplay {
    display: none;
}
.address_class{
    display: block;
    background-color: white;
}
.flash_class{
    z-index: 10;
}
.hintText {
    position: absolute;
    top: 0;
    left: 400px;
    display: block;
    width: 210px;
    border: 1px solid #fde8a3;
    padding: 5px;
    background-color: #fffceb;
    text-align: left;
    font-size: 0.8em;
    line-height: normal;
    color: #666;
    z-index: 10;
}

.hidden,
.accessibilityNote { 
    position: absolute;
    left: -9999px;
    overflow: hidden;
    margin-bottom: -1px;
    font-size: 1px;
    line-height: 1px
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.floatbuttonright {
    margin-right: -10px;
    float: right;
}

/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */
body 
{
    font-size: 0.75em;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{    
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6
{
    font-family: Arial, Helvetica, sans-serif;
}
p, h1, h2, h3, h4, h5, h6
{
    margin-bottom: 1em;
}
p
{
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;    
    color:#666;
}
h1 
{
    font-size: 1.66em;
    line-height: normal;
    margin-bottom: 0.5em;
    color: #0a3a6c;
}
h2 
{
    font-size: 1.3em;
    line-height: normal;
    margin-bottom: 0.5em;    
    color: #0a3a6c;
    font-weight: bold;
}
    h2.lightBlue {
        color: #0567b5;
    }
h3 
{
    font-size:1.1em;
    line-height: normal;
    color: #0a3a6c;
    margin-bottom: 0.5em;
    font-weight: bold;
}
h4 
{
    font-size: 1.1em;
    line-height: normal;
    margin-bottom: 0.5em;    
    font-weight: bold;
    color: #666;
}
h5 
{
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;    
    font-weight: bold;
    color: #666;
}
h6 
{
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;    
    font-weight: bold;
}
strong, 
.strong 
{
    font-weight: bold;
}
.emphasis 
{
    font-style: italic;    
}
.subdued 
{
    color: #666;
}
.highlight 
{
    color: #039;
}
.error 
{
    color: #c90400;
}


.success 
{
    color: #639905;
}

ul.grey {
    position:relative;
    list-style:none;
    margin:0;
    padding:7px 0;
}
ul.grey li {
    background: url(/css/images/list_bullet_grey.gif) left center no-repeat;
    padding: 1px 10px;
    margin:0 0 0 4px;
    color:#666666;
}


/* Text Replacement globals */
.replacement
{
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
}
a .replacement
{
    z-index: 20;
    cursor: hand;
    c\ursor: pointer;    
}

/* ########################################################################### *
/* ##### LAYOUT GRIDS
/* ########################################################################### */
body 
{
    background: #ffeba5 url(/css/images/bg_body.jpg) repeat-x left top;
}
    .container 
    {
        position:relative;
        margin: 0 auto;
        text-align: left;
        width: 962px;
        background: url(/css/images/bg_container_bottom.gif) bottom left no-repeat;        
        padding:0 0 29px 0;
    }
    
        .bodyContent
        {
            position:static;
            padding: 0;
            background: #fff;
            width:962px;
            overflow:hidden;
        }
        
        .topHolder {
            position:relative;            
        }
        
        .contentPanelTop {
            position:absolute;
            z-index:20;
            top:-16px;
            width: 932px;
            height:16px;
            margin:0 14px;
            background: url(/css/images/bg_content_area_top.png) no-repeat;
            _background: none;
            _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/bg_content_area_top.png',sizingMethod='scale');
        }
        
        .contentPanelBottom {
            position:relative;
            width: 946px;
            height:18px;
            margin:0 8px;
            background: url(/css/images/bg_content_area_bottom.gif) no-repeat;            
        }
        
        .contentPanel
        {
            position:relative;
            width: 898px;
            padding:0 24px 3px 24px;
            overflow:hidden;
            margin:0 8px;
            background: url(/css/images/bg_content_area.gif) repeat-y;
        }
        
        
            .leftColumn,
            .contentColumn,
            .rightColumn {
                min-height: 1px; /* Prevent float left if the column has no content */
            }
            /* GRID GLOBALS */
            .leftColumn,
            .contentWrapper,
            .rightColumn {
                display: inline;
                float: left;
            }
            .grid_twoColumn1 .leftColumn,
            .grid_threeColumn .leftColumn {
                width: 170px;
            }
        
            .grid_oneColumn .contentWrapper {
                width: 100%;
            }
        
            .grid_twoColumn1 .contentWrapper {
                width: 728px;
            }
            
            .grid_twoColumn2 .contentWrapper {
                width: 709px;
            }
        
            .grid_threeColumn .contentWrapper {
                width: 539px;
            }            
    
                .grid_twoColumn1 .contentWrapper .contentColumn {
                    margin: 0 0 0 20px;
                }
                .grid_twoColumn2 .contentWrapper .contentColumn {
                    margin: 0 20px 0 0;
                }
                .grid_threeColumn .contentWrapper .contentColumn {
                    margin: 0 20px 0 20px;
                }                    
        
            .grid_twoColumn2 .rightColumn,
            .grid_threeColumn .rightColumn {
                width: 189px;
            }            
            
            .contentPanel .featureTileHolderThreeCol
            {
                position:relative;
                clear:both;
                width:100%;
                overflow:hidden;
                padding:0 0 15px 0;    
                margin:0 0 15px 0;    
            }
            
            .contentPanel .featureTileHolderTwoCol,
            .contentPanel .featureTileHolderOneCol,
            .contentPanel .dashboardTileHolderTwoCol
            {
                position:relative;
                clear:both;
                width:100%;
                overflow:hidden;
                padding:0;    
                margin:0;    
            }
            
            .contentPanel .featureTileHolderOneCol div.featureTile {
                position:relative;
                clear:both;
                width:100%;
                overflow:hidden;
                padding:0 0 15px 0;    
                margin:10px 0 0 0;    
            }
        
            .contentPanel .featureTileHolderTwoCol div.featureTile {
                position:relative;
                width:320px;
                overflow:hidden;    
                padding:0 10px 20px 0;
                margin:20px 0 0 0;
            }    
        
            .contentPanel .featureTileHolderThreeCol div.featureTile {
                position:relative;
                float:left;
                width:220px;
                overflow:hidden;    
                padding:0 9px 0 0;
                margin:0;
            }                    
            
            .contentPanel div.featureTile h2 {
                padding:4px 0 6px 0;
                margin:0;
                color:#0567b5;
                font-weight:bold;
            }
            
            .contentPanel div.featureTile p {
                position:relative;
                color:#666666;
                padding:0 0 4px 0;
                margin:0;
            }
            
            .contentPanel div.featureTile p a {
                position:relative;
                background:none;
                padding:0;
                margin:0;
            }
            
            /*.contentPanel div.featureTile a.trailingArrow {
                position:relative;
                padding: 0 9px 0 0;
                background: url(/css/images/yellow_link_arrow.gif) right center no-repeat;
            }*/
                        
            .contentPanel div.featureTile ul {
                position:relative;
                margin:0;
                padding:0 0 4px 0;
            }
            
            .contentPanel div.featureTile ul li {
                position:relative;
                list-style-type:none;
                background: url(/css/images/bullet_lightblue_arrows.gif) 0px 6px no-repeat;
                padding:0 0 1px 20px;
                margin:0 0 0 4px;
                color:#666666;
            }
            
            .contentPanel div.featureTile ul li a, 
            .contentPanel div.featureTile ul li a:link, 
            .contentPanel div.featureTile ul li a:visited, ul li a:active 
            {    
                position:relative;
                color:#666666;
                background:none;
            }
            
            .contentPanel .featureTileHolderOneCol div.featureTile .thumbnail{
                float:left;
                margin:0 15px 10px 0;
                padding:0;
                width:56px;
            }
            
            .contentPanel .featureTileHolderOneCol div.featureTile div
            {
                float:left;
                width:428px;
                overflow:hidden;    
            }
                
            .contentPanel .featureTileHolderOneCol div.featureTile div p,
            .contentPanel .featureTileHolderOneCol div.featureTile div h2 {
                clear:both;            
            }
            
            
            .contentPanel .textTileHolder {
                position:relative;
                clear:both;
                width:100%;
                overflow:hidden;    
            }
            
            
            .contentPanel div.textTile {
                position:relative;
                float:left;
                width:220px;
                overflow:hidden;    
                padding:0 9px 0 0;
                margin:0;
            }                    
            
            .contentPanel div.textTile h2 {
                position:relative;
                padding:4px 0 6px 0;
                margin:0;
                color:#666666;
                font-weight:bold;
            }
            
            .contentPanel div.textTile p {
                position:relative;
                color:#666666;
                padding:0 0 4px 0;
                margin:0;
            }
            
            .contentPanel div.textTile p a {
                position:relative;
                background:none;
                padding:0;
                margin:0;
            }
            
            .contentPanel div.textTile a {
                position:relative;
                padding: 0 9px 0 0;
                background: url(/css/images/yellow_link_arrow.gif) right center no-repeat;
            }
            
            
            .contentPanel div.textTile ul {
                position:relative;
                list-style:none;
                margin:0;
                padding:0 0 4px 0;
            }
            
            .contentPanel div.textTile ul li {
                position:relative;
                background: url(/css/images/bullet_grey_square.gif) 0px 6px no-repeat;
                padding:0 0 1px 15px;
                margin:0 0 0 4px;
                color:#666666;
            }
            
            .contentPanel div.textTile ul li a, 
            .contentPanel div.textTile ul li a:link, 
            .contentPanel div.textTile ul li a:visited, ul li a:active 
            {    
                position:relative;
                color:#666666;
                background:none;
            }
            
            
    .contentArea {
        position:relative;
        padding: 0;
        background: #fff;
        width:930px;
        overflow:hidden;
        margin:0 16px;
    }    
    
    .contentArea #contentWrapper {
        position:relative;
        width:898px;
        overflow:hidden;
        padding:10px 16px 15px 16px;
        margin:0;
    }
    
    .contentArea #contentWrapper.twoCols div.contentTiles {
        position:relative;
        float:left;
        width:50%;
        overflow:hidden;
    }    
    
    .contentArea #contentWrapper.twoCols div.contentTiles div {
        position:relative;
        width:100%;
        padding: 0 10px 0 0;
        clear:both;
    }    
    
    .contentArea #contentWrapper.twoCols div.contentTiles h2 {
        color:#6666;
        clear:both;
        margin:0;
        padding: 0 0 10px 0;
    }
    
    .contentArea #contentWrapper.twoCols div.contentTiles h2 {
        color:#666;
        clear:both;
        margin:0;
        padding: 0 0 10px 0;
    }
    
    .contentArea #contentWrapper.twoCols div.contentTiles  .thumbnail {
        padding: 3px;
        border: 1px solid #ccc;
        float: left;
        margin: 0 8px 0 0;
        width: 57px;
    }    
    .contentArea #contentWrapper.twoCols div.contentTiles ul {        
        position:relative;
        float:left;
        list-style:none;
        margin:0;
        padding:0;
    }
    .contentArea #contentWrapper.twoCols div.contentTiles ul li {
        background: url(/css/images/list_bullet_grey.gif) left center no-repeat;
        padding: 1px 10px;
        margin:0 0 0 4px;
        color:#666;
    }
    
    
    .contentArea #contentWrapper.twoCols div.contentTiles ul li a {        
        color:#666;
    }
    
/* ########################################################################### *
/* ##### UTILITY AREA
/* ########################################################################### */    
    #utilityArea 
    {
        width:100%;
        height:25px;
        padding:0;
        vertical-align:middle;
        margin:0;
        position: relative;
    }
/* Accessibility links */
    .accessibilityLinks
    {
        /*position: relative;
        top: 0;
        left: 0;
        width: 300px;*/        
    }
    
    .accessibilityLinks a,
    .accessibilityLinks a:visited
    {
        color: #FFFFFF;
        position: absolute;
        left: -9999px;
    }
    
    .accessibilityLinks a:hover,
    .accessibilityLinks a:focus,
    .accessibilityLinks a:active    
    {
        left: 2.5em;
        top: 0em;
        color: #003399;
    }
    
    
    #utilityArea .globalFunctions 
    {
        display: inline;
        float: right;
        padding: 2px 0;
        width:100%;
    }
    
        #utilityArea .globalFunctions ul li 
        {
            border: none;
            padding: 0 10px;
            font-size: 90%;
        }
        
        #utilityArea .globalFunctions ul li a:link, 
        #utilityArea .globalFunctions ul li a:visited, 
        #utilityArea .globalFunctions ul li a:active
        {
            color:#333;
        }
        
        #utilityArea .globalFunctions ul li.highContrast img 
        {
            vertical-align: middle;
        }
        
        #utilityArea .globalFunctions .nav_top
        {
                text-align: right;
        }
        
            #utilityArea .globalFunctions .nav_top ul
            {
                float: right;
                padding-bottom: 5px;
            }
            
        #utilityArea .globalFunctions a .increaseIcon
            {
                float: left;
                width: 16px;
                height: 14px;
                background: url(/css/images/btn_fontSizeIncrease.gif) no-repeat 0 1px;
                overflow: hidden;
            }
            
            #utilityArea .globalFunctions a .decreaseIcon
            {
                float: left;
                width: 13px;
                height: 14px;
                background: url(/css/images/btn_fontSizeDecrease.gif) no-repeat 0 1px;
                overflow: hidden;
            }
            
            #utilityArea .globalFunctions a:hover .decreaseIcon, 
            #utilityArea .globalFunctions a:hover .increaseIcon
            {
                background-position: 0 -12px;
                cursor: pointer;
            }            
        
        #utilityArea .globalFunctions .globalSearch
        {
            text-align: right;
        }    
        
        #utilityArea .globalFunctions .globalSearch fieldset
        {
            padding:0;
            margin:0;
        }    

/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

.header 
{
    margin: 0;
    padding:12px 0 0 0; 
    background: #fff url(/css/images/bg_header_top.gif) top left no-repeat;
}
    .header .logo 
    {
        display: inline;
        float: left;
        width:365px;
        height:73px;
        background:#fff;
        padding:0;
        margin:0;
    }
        
    .nav_top li 
    {
        border: none;
        padding: 0 8px 0 8px;
        font-size: 90%;
        background: url(/css/images/list_seperator.gif) no-repeat 0px 5px;
    }
    .nav_top li:first-child,
    .nav_top li.first
    {
        background: none;
    }                 
    
    .header .headerNav {background:#fff;float:left;width:597px;}                 
    
/* ########################################################################### *
/* ##### BOTTOM NAV
/* ########################################################################### */
.bottomNavHolder {
    margin: 0 32px 10px 32px;
    overflow:hidden;
    padding: 10px 0;
    color: #267bbf;
}    
    
    .bottomNavHolder div {
        display: inline;
        float: left;
        width: 25%;
        margin-right: -3px;
    }
    
        .bottomNavHolder li li a, 
        .bottomNavHolder li li a:link,
        .bottomNavHolder li li a:visited {
            color: #666;
        }
        
/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */
.footer
{
    width:898px;
    overflow:hidden;
    padding:8px 32px;
    background:#164a7e;
    margin:0;
    color:#fff;
    font-size: 87%;
}

 .footer div {
     float:left;
 }
    
        .footer ul li {
            float:left;
            background: url(/css/images/bg_footer_seperator.gif) no-repeat left center;
            padding: 0 10px;
        }
        
        .footer ul li:first-child,
        .footer ul li.first {
            background:none;
            padding: 0 10px 0 0;
        }
        
            .footer a:link,
            .footer a:visited,
            .footer a:active {
                color: #fff;
            }
            
    .footer div.perthWeather {
        float:right;
        text-align:right;
    }
    .footer div.perthWeather span#weatherCond {
        margin: 0 0 0 10px;
    }
    .footer div.perthWeather span#weatherCond img {
     vertical-align:text-top;
    }
    
    .footer div.perthWeather span#weatherTemp{
        margin: 0 0 0 10px;
    }

/* ########################################################################### *
/* ##### NAVIGATION
/* ########################################################################### */
/* ##### Superfish navigation */
/*** ESSENTIAL STYLES ***/
.nav_primary, .nav_primary * {
    margin:            0;
    padding:        0;
    list-style:        none;
}
.nav_primary {
    line-height:    1.0;
}
.nav_primary ul {
    position:        absolute;
    top:            -999em;
    width:            10em; 
}
.nav_primary ul li {
    width:            100%;
}
.nav_primary li:hover {
    visibility:        inherit; 
}
.nav_primary li {
    float:            left;
    position:        relative;
}
.nav_primary a {
    display:        block;
    position:        relative;
}
.nav_primary li:hover ul,
.nav_primary li.sfHover ul {
    left:            0;
    top:            2.5em; 
    z-index:        99;
}
ul.nav_primary li:hover li ul,
ul.nav_primary li.sfHover li ul {
    top:            -999em;
}
ul.nav_primary li li:hover ul,
ul.nav_primary li li.sfHover ul {
    left:            5em; 
    top:            0;
}
ul.nav_primary li li:hover li ul,
ul.nav_primary li li.sfHover li ul {
    top:            -999em;
}
ul.nav_primary li li li:hover ul,
ul.nav_primary li li li.sfHover ul {
    left:            10em;
    top:            0;
}

/* point right for anchors in subs */
.nav_primary ul .sf-sub-indicator { background-position:  -10px 0; }
.nav_primary ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.nav_primary ul a:focus > .sf-sub-indicator,
.nav_primary ul a:hover > .sf-sub-indicator,
.nav_primary ul a:active > .sf-sub-indicator,
.nav_primary ul li:hover > a > .sf-sub-indicator,
.nav_primary ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    }
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}


.nav_primary
{
    padding: 15px 0 0 0px;
    float: right;
    margin-right: 5px;
}
.nav_primary li#navAtHome
{
    float: left;
    position: relative;
    z-index: 200;
    height:48px;
    white-space:nowrap;
    padding:10px 0 0 0;
}
.nav_primary li#navForBusiness
{
    float: left;
    position: relative;
    z-index: 200;
    height:48px;
    white-space:nowrap;
    padding:10px 0 0 0;
}

.nav_primary li#navMyAccount
{
    float: left;
    position: relative;
    z-index: 200;
    height:48px;
    white-space:nowrap;
    padding:10px 0 0 0;
}

.nav_primary li#navAboutUs
{
    float: left;
    position: relative;
    z-index: 200;
    height:48px;
    white-space:nowrap;
    padding:10px 0 0 0;
}
.nav_primary ul
{
    position:absolute;
    width:195px;
    height:relative;
    overflow:hidden;
    background:none;
    float: none;
    display: none;
}
        
.nav_primary ul li 
{
    position:relative;
    width:194px;
    overflow:hidden;
    white-space:normal;
    font-size:0.63em;
    padding: 0;
    margin:0;
    font-weight: normal;
    background: url(/css/images/bg_nav_drop.png) repeat-y;
    _background:none; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/bg_nav_drop.png',sizingMethod='scale');
}

.nav_primary ul li:first-child,
.nav_primary ul li.first
{
    position:static;
    padding-top:16px;
    padding-bottom:0;
    background: url(/css/images/bg_nav_drop_top.png) no-repeat 0 0;
    _background:none; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/bg_nav_drop_top.png',sizingMethod='scale');
}
.nav_primary li#navAboutUs ul li:first-child,
.nav_primary li#navAboutUs ul li.first
{
    background: url(/css/images/bg_navAboutUs_drop_top.png) no-repeat 0 0;
    _background:none; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/bg_navAboutUs_drop_top.png',sizingMethod='scale');
}

.nav_primary ul li.last
{
    position:static;
    height:34px;
    padding:0;
    margin:0;
    background: url(/css/images/bg_nav_drop_bottom.png) no-repeat 0 0;
    _background:none; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/bg_nav_drop_bottom.png',sizingMethod='scale');
}
  
.nav_primary ul li:last-child
{
    position:static;
    height:34px;
    padding:0;
    margin:0;
    background: url(/css/images/bg_nav_drop_bottom.png) no-repeat 0 0;
    _background:none; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/bg_nav_drop_bottom.png',sizingMethod='scale');
}
.nav_primary ul li:last-child a,
.nav_primary ul li:last-child a:link,
.nav_primary ul li:last-child a:visited,
.nav_primary ul li:last-child a:active,
.nav_primary ul li.last a,
.nav_primary ul li.last a:link,
.nav_primary ul li.last a:visited,
.nav_primary ul li.last a:active
{
    background-image:none;
}
.nav_primary ul li a,
.nav_primary ul li a:link,
.nav_primary ul li a:visited,
.nav_primary ul li a:active                    
{
    position:relative;
    display: block;
    width:160px;
    line-height: 1.4em;
    font-weight: normal;
    background-image: url(/css/images/bg_nav_bottom_border.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
    margin:0 5px;
    padding:6px 12px;
    color:#0a3b6e;
}
#homeHeaderNav .nav_primary ul li a:hover,
.nav_primary ul li a:hover,
.nav_primary ul li a:visited:hover,
.nav_primary ul li:hover a:hover,
.nav_primary li.sfHover li a:hover,
.nav_primary li.sfHover li a:focus,
.nav_primary li.sfHover li a:visited:hover
{
    background-color:#1b67b6;
    color:#fff;
    background-image:none;
}
.nav_primary li.active {    
    background:url(/css/images/bg_active_indicator.gif) bottom center no-repeat;
}
.nav_primary li#navForBusiness.active {    
    background:url(/css/images/bg_active_indicator_bus.gif) bottom center no-repeat;
}
.nav_primary li.active a,
.nav_primary li.active a:link,
.nav_primary li.active a:active,
.nav_primary li.active a:visited,
.nav_primary li.active .noLink
{    
    color:#002c5a;
}
.nav_primary a,
.nav_primary .noLink
{
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.nav_primary a:link,
.nav_primary a:visited,
.nav_primary .noLink
{
    color: #4b7bad;
    font-size:1.50em;
    font-weight:bold;
    padding:0 12px;
}
#homeHeaderNav .nav_primary a:link,
#homeHeaderNav .nav_primary a:visited
{
    color: #002c5a;
}
.nav_primary a:hover
{
    text-decoration: none;
}

.nav_primary li:hover a,
.nav_primary li a:hover,
.nav_primary li.sfHover a,
.nav_primary li:hover a:link,
.nav_primary li.sfHover a:link,
.nav_primary li:hover a:visited,
.nav_primary li.sfHover a:visited
{
    color:#0a3b6e;
}

.nav_primary li#navHome ul, /* pure CSS hover is removed below */
ul.nav_primary li.sfHover ul 
{
    left: -50px;
    top: 35px;
}
.nav_primary li#navMyAccount ul
{
    left: -35px;
    top: 35px;
}
.nav_primary li#navAboutUs ul
{
    left: -85px;
    top: 35px;
}
.nav_primary li:hover li ul,
.nav_primary li.sfHover li ul
{
    top:-999em;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul 
{
    top: -999em;
}

/* ##### General navigation styles */
.nav_horizontal li {
    float: left;    
}
.dl_horizontal {
    padding-bottom: 2em;
}
    .dl_horizontal dt {
        float: left;
        clear: left;
        padding: 0 5px 5px 0;
    }
    
    .dl_horizontal dd {
        clear: right;
        padding: 0 0 5px 0;
    }
.contentColumn ul.nav_horizontal {
    margin: 0;
    padding: 0;
}

/* ##### Secondary navigation (horizontal column) */
.secondaryNav {
    position:relative;
    clear:both;
    width:934px;
    padding:0 14px 9px;
    background:#0a3b6e;
    margin:0;
    min-height: 40px;
}
    .secondaryNav .nav_secondary 
    {
        position:relative;        
    }
    
    .secondaryNav .nav_secondary li 
    {
        position:relative;
        line-height: 3em;
        padding:0 0 0px 13px;
        float:left;
        background:url(/css/images/second_nav_seperator.gif) right center no-repeat;
    }
    
    .secondaryNav .nav_secondary li:first-child
    {
        padding:0 0 0px 16px;
    }
    
    .secondaryNav .nav_secondary li.first
    {
        padding:0 0 0px 16px;
    }
    
    .secondaryNav .nav_secondary li:last-child
    {
        background-image:none;
    }
    
    .secondaryNav .nav_secondary li.last
    {
        background-image:none;
    }
    
    .secondaryNav .nav_secondary li.active 
    {
        background: url(/css/images/bg_secondary_left_active.gif) bottom left no-repeat;
        z-index:5;    
    }
        .secondaryNav .nav_secondary li a 
        {
            display: block;
            padding: 0 13px 3px 0;
            font-weight: bold;
            color: #fff;            
        }
        
        .secondaryNav .nav_secondary li.active a,
        .secondaryNav .nav_secondary li.active a:hover,
        .secondaryNav .nav_secondary li.active a:focus 
        {
            background: url(/css/images/bg_secondary_right_active.gif) bottom right no-repeat;
            color: #0a3b6e;
        }
    
    .secondaryNav .nav_secondary li a:hover,
    .secondaryNav .nav_secondary li a:focus,
    .secondaryNav .nav_secondary li.active li a:hover,
    .secondaryNav .nav_secondary li.active li a:focus 
    {        
        text-decoration: none;
        color: #fff;
    }
/* ########################################################################### *
/* ##### LEFT COLUMN
/* ########################################################################### */
.leftColumn .leftHeader .icon,
.leftColumn .leftHeader h2 {
    display: inline;
    float: left;
}
.leftColumn .leftHeader .icon {
    padding: 0 10px 10px 0;
}
.leftColumn .leftHeader h2 {
    margin-bottom: 0;
    padding: 12px 0;
}
.leftColumn .nav_tertiary 
{
    border-bottom: 1px solid #efecec;
}
    .leftColumn .nav_tertiary li 
    {
        display: block;
        line-height: 2.2em;
    }
    
        .leftColumn .nav_tertiary li a
        {
            display: block;
            border-top: 1px solid #efecec;
            color: #666;
        }
        
        .leftColumn .nav_tertiary li.active a
        {
            color: #0567b5;
        }
    
        .leftColumn .nav_tertiary li a:hover,
        .leftColumn .nav_tertiary li a:focus,
        .leftColumn .nav_tertiary li.active li a:hover,
        .leftColumn .nav_tertiary li.active li a:focus 
        {
            text-decoration: none;
            color: #000;
        }
        
        .leftColumn .nav_tertiary li.active li a:hover,
        .leftColumn .nav_tertiary li.active li a:focus,
        .leftColumn .nav_tertiary li.active li a:active 
        {
            font-weight: normal;
        }
        
        .leftColumn .nav_tertiary li li 
        {
            line-height: 2em;
        }
        
            .leftColumn .nav_tertiary li li a,
            .leftColumn .nav_tertiary li.active li a
            {
                border-top: 0;
                padding-left: 10px;
                background: url('/css/images/list_bullet_blue.gif') no-repeat 0 11px;
            }
        
/* ########################################################################### *
/* ##### CONTENT
/* ########################################################################### */
.contentColumn 
{
}
    .contentColumn a:link,
    .contentColumn a:visited 
    {
        color: #0567b5;
    }
    
    .contentColumn ul,
    .contentColumn ol {
        margin: 0 0 1em 16px;
    }
    
    .contentColumn ol {
        margin-left: 28px;
    }
    
        .contentColumn ul li {
            list-style-type: disc;
        }
        
        .contentColumn ol li {
            list-style-type: decimal;
        }
        
    .contentColumn ul.bluelist,
    .contentColumn ul.nobullet {
        margin: 0 0 1em 0;
    }
    
        .contentColumn ul.bluelist li {
            list-style-type: none;
            background: url('/css/images/list_bullet_blue.gif') no-repeat 0 8px;
            padding: 0 0 5px 10px;
        }
        
        .contentColumn ul.nobullet li {
            list-style-type: none;
            padding: 0 0 5px 0;
        }
        
    .contentColumn ol.largeNos {
        margin-left: 0;
    }
    
        .contentColumn ol.largeNos li {
            list-style-type: none;
            padding: 2px 0 8px 30px;
        }
        
        .contentColumn ol.largeNos li.step1 {
            background: url('/css/images/list_bullet_round1.gif') no-repeat 0 0;
        }
        .contentColumn ol.largeNos li.step2 {
            background: url('/css/images/list_bullet_round2.gif') no-repeat 0 0;
        }
        .contentColumn ol.largeNos li.step3 {
            background: url('/css/images/list_bullet_round3.gif') no-repeat 0 0;
        }
        
    .contentColumn .nav_breadcrumbs {
        margin: 0;
        padding: 0 0 20px 0;
    }
    
        .contentColumn .nav_breadcrumbs ul {
            margin: 0;
            padding: 0;
        }
        
            .contentColumn .nav_breadcrumbs ul li {
                list-style-type: none;
                padding-right: 12px;        
                margin-right: 6px;
                background: url('/css/images/list_breadcrumb.gif') no-repeat right 6px;
                color: #0567b5;
                white-space: nowrap;
            }
            
            .contentColumn .nav_breadcrumbs ul li:last-child,
            .contentColumn .nav_breadcrumbs ul li.last {
                background: none;
            }
            
            .contentColumn .nav_breadcrumbs ul li a:link,
            .contentColumn .nav_breadcrumbs ul li a:visited,
            .contentColumn .nav_breadcrumbs ul li .noLink {
                color: #757575;  
          }

.contentColumn .progressBar {
    margin: 0 0 1em 0;
}
    .contentColumn .progressBar ul {
        margin: 0;
        padding: 0;
    }    
        
        .contentColumn .progressBar ul li {
            display: inline;
            float: left;
            border: 1px solid #bababa;
            border-width: 1px 0;
            padding: 5px 0;
            /*min-height: 30px;*/
            background: #f0f2f3 url('/css/images/bg_progress_tail.gif') no-repeat 100% 50%;
            list-style-type: none;
            position: relative;
            font-family: Arial, Helvetica, sans-serif;
            color: #333;
            text-align: center;
        }

        .contentColumn .progressBar ul.singleLine li {
            padding: 14px 0;
        }
                
        .contentColumn .progressBar ul.steps3 li {
            width: 32.9%;
        }
        
        .contentColumn .progressBar ul.steps4 li {
            width: 24.8%;
        }
        
        .contentColumn .progressBar ul.steps5 li {
            width: 19.9%;
        }
        
            .contentColumn .progressBar ul li span {
                display: block;
                margin-right: 5px;
                padding: 0 5px 0 0;
            }
        
        .contentColumn .progressBar ul li.first {
            border-left: 1px solid #bababa;
        }
        
            .contentColumn .progressBar ul li.first span {
                padding-left: 5px;
            }
        
        
        .contentColumn .progressBar ul li.complete {
            /*border-color: #a9c8e9;*/
            background-color: #dbe9f8;
            background-image: url('/css/images/bg_progress_head.gif');
            color: #0a3b6e;
        }
        
        .contentColumn .progressBar ul li.beforeActive {
            background-image:url('/css/images/bg_progress_head_active.gif')
        }
        
        .contentColumn .progressBar ul li.active {
            /*border-color: #0c3d71;*/
            background-color: #245e9a;
            background-image: url('/css/images/bg_progress_tail_active.gif');
            font-weight: bold;
            color: #fff;
        }
        
        .contentColumn .progressBar ul li.last {
            border-right: 1px solid #bababa;
            background-image: none;
        }

            .contentColumn .progressBar ul li.last span {
                margin-right: 0px;
            }
        
        
.searchContainer {
    margin-bottom: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f4f3f3;
}
.contentColumn .details {
    margin-bottom: 0.8em;
}
    .contentColumn .details strong {
        font-weight: normal;
        color: #0567b5;
    }
.contentColumn .searchResults {
    margin: 0 0 8px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 1.5em;
}
    .contentColumn .searchResults ol {
        margin-left: 26px;
    }
    
        .contentColumn .searchResults ol li {
            margin-bottom: 1.2em;
            color: #0567b5;
            font-size: 1.25em;
            font-weight: bold;
        }
        
            .contentColumn .searchResults ol li div {
                color: #666;
                font-size: 0.8em;
                font-weight: normal;
            }
        
                .contentColumn .searchResults ol li div h2,
                .contentColumn .searchResults ol li div p {
                    margin-bottom: 0;
                }
.contentColumn .nav_pagination ul li,
.contentColumn .nav_resultsPerPage ul li {
    list-style-type: none;
}
                
.pagination    {
    margin-bottom: 7px;
    /*background-color: #999999;*/
}
    .pagination .results {
        display: inline;
        float: left;
    }
    
    .pagination .nav_pagination {
        display: inline;
        float: right;
    }
    
        .nav_pagination a:link,
        .nav_pagination a:visited {
            color: #0f6db8;
        }
    
        .nav_pagination ul {
            margin: 0px;
        }
        
            .nav_pagination ul li {
                padding: 0 1px;
                color: #0f6db8;
                font-weight: bold;
            }
            
                .nav_pagination ul li a {
                    font-weight: normal;
                }
        
                .nav_pagination .previous a {
                    margin: 0;
                    padding: 0 5px 0 9px;
                    font-weight: bold;
                    background: url('/css/images/bg_pagination_previous.gif') no-repeat 0 7px;
                }
            
                .nav_pagination .next a {
                    margin: 0;
                    padding: 0 10px 0 5px;
                    font-weight: bold;
                    background: url('/css/images/bg_pagination_next.gif') no-repeat 100% 7px;
                }
        
    .pagination .nav_resultsPerPage {
        padding: 15px 0 10px 0;
        line-height: normal;
        color: #757575;
    }
            
        .pagination .nav_resultsPerPage ul li {
            line-height: normal;
            padding: 0 7px;
            border-right: 1px solid #999;
            color: #0567b5;
        }
        
            .pagination .nav_resultsPerPage ul li a:link,
            .pagination .nav_resultsPerPage ul li a:visited {
                color: #757575;
                text-decoration: underline;
            }
            
.contentColumn .confirmHead {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
}
    .contentColumn .confirmHead h2 {
        display: inline;
        float: left;
        margin-bottom: 0;
        padding-top: 2px;
    }
    
    .contentColumn .confirmHead .confirmHeadButton {
        display: inline;
        float: right;
    }
    
.accountLogin {
    display: inline;
    float: left;
    width: 200px;
    margin: 20px 0 0 0;
    padding: 0 35px 0 15px;
}
    .accountLogin label {
        display: block;
        padding-bottom: 5px;
        color: #333;
        font-size: 1.2em;
    }
    
    .accountLogin .loginField {
        background-color: #e4e3e3;
        margin: 0 0 7px 0;
        border-width: 0;
        padding: 3px;
    }
    
    .accountLogin .note {
        margin: 0 0 0.7em 0;
        color: #999;
        font-size: 0.8em;
    }
    
    .accountLogin .buttons {
        margin: 0.7em 0 0.7em 0;
    }
.accountRego {
    display: inline;
    float: left;
    width: 380px;
    /*margin: 20px 0 0 0;*/
    margin: 5px 0 0 0;
    border-left: 1px solid #eae8e8;
    /*padding-left: 35px;*/
    padding-left: 5px;
    /*background-color: #CCCCCC;*/
}
    .accountRego .intro {
        font-size: 1.2em;
        margin: 0 0 1em 0;
    }
    .accountRego .featureList {
        margin: 0 0 1.5em 0;
    }
        
        .accountRego .featureList li {
            list-style-type: none;
            padding: 10px 0 10px 50px;
            font-size: 1.2em;
        }

.accountRegoMyAccountLanding {
    display: inline;
    float: left;
    width: 590px;
    margin: 20px 0 0 0;
    border-left: 1px solid #eae8e8;
    padding-left: 35px;
    /*background-color: #CCCCCC;*/
}
    .accountRegoMyAccountLanding .intro {
        font-size: 1.2em;
        margin: 0 0 1em 0;
    }
    .accountRegoMyAccountLanding .featureList {
        margin: 0 0 1.5em 0;
    }
        
        .accountRegoMyAccountLanding .featureList li {
            list-style-type: none;
            padding: 10px 0 10px 50px;
            font-size: 1.2em;
        }


/*     
 *     Referenced from JSF so we need a link to ensure it is published
 *     /css/images/icon_calendar.gif
 */

/*     
 *     Referenced from JSF so we need a link to ensure it is published
 *     /css/images/tip.gif
 */
    
        .listFinancial{
            background: url('/css/images/icon_laptop_bullet.gif') no-repeat 0 50%;
        }
        
        .listBills{
            background: url('/css/images/icon_creditcard_bullet.gif') no-repeat 0 50%;
        }
        
        .listDirectdebit{
            background: url('/images/icon_tree_bullet.gif') no-repeat 0 50%;
        }
        
        .listCarbon{
            background: url('/css/images/icon_grass_bullet.gif') no-repeat 0 50%;
        }
      
        
       .accountRego .featureList .listManage {
            background: url('/css/images/arrow.gif') no-repeat 0 50%;
        }
        
        .accountRego .featureList .listOnline {
            background: url('/css/images/icon_laptop_bullet.gif') no-repeat 0 50%;
        }
        
        .accountRego .featureList .listHistory {
            background: url('/css/images/clock.gif') no-repeat 0 50%;
        }
        
        .accountRego .featureList .listRego {
            background: url('/css/images/icon_plane.gif') no-repeat 0 50%;
        }
        
        .accountRego .featureList .listSeconds {
            background: url('/images/icon_tree_bullet.gif') no-repeat 0 50%;
        }
  
.h1bar {
    padding-bottom: 1.5em;
}
    
    .h1bar h1 {
        margin-bottom: 0;
    }
.bluebox .h2bar {
    border-bottom: 1px solid #cddef0;
    margin-bottom: 1em;
}
    .bluebox .h2bar h2 {
        margin: 0 0 0.2em 0;
        font-weight: bold;
    }
    .bluebox .h2bar .address {
        margin: 0;
        padding-bottom: 0.5em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        font-weight: bold;
        color: #0c3d71;
    }
    
.bluebox .h3bar {
    margin-bottom: 0.5em;
}
    
    .bluebox .h3bar h3 {
        margin: 0;
        padding-right: 10px;
    }
  
.sitemap {
    color: #267bbf;
}
    .sitemap p {
        margin: 0 0 1em 0;
    }
    .sitemap div {
        display: inline;
        float: left;
        width: 25%;
        margin-right: -3px;
    }
        .sitemap ul {
            margin: 0 0 1em 0;
        }
    
            .sitemap ul li {
                list-style-type: none;
            }
            
                .sitemap ul ul {
                    margin: 0;
                }
                
                    .sitemap ul ul li a,
                    .sitemap ul ul li a:link,
                    .sitemap ul ul li a:visited {
                        color: #666;
                    }
                
                        .sitemap ul ul ul li {
                            background: url('/css/images/list_bullet_grey.gif') no-repeat 0 8px;
                            padding: 0 0 0 10px;
                        }
                
                            .sitemap ul ul ul ul li {
                                background: url('/css/images/list_bullet_grey.gif') no-repeat 2px 8px;
                                padding: 0 0 0 12px;
                            }
    
.contentColumn .greenCalculator {
    margin: 0 0 1.5em 0;
    color: #333;
}
    .contentColumn .greenCalculator p {
        color: #333;
    }
    .contentColumn .greenCalculator li ,
    .contentColumn .greenSuccess li { 
       list-style-type: none;
    }
    
        .contentColumn .greenCalculator h2 {
            margin-bottom: 1em;
            padding-left: 30px;
            font-size: 1.3em;
            line-height: 1.5em;
            color: #1a5906;
        }
        
        .contentColumn .greenCalculator .emphasis {
            margin-bottom: 0.7em;
            font-family: Arial, Helvetica, sans-serif;
            font-style: normal;
            color: #1c6306;
        }
        
        .contentColumn .greenCalculator strong {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.6em;
            color: #1c6306;
        }
    
        .contentColumn .greenCalculator .step1 {
            padding-right: 15px;
            float: left;
            width: 313px;
        }
        
            .contentColumn .greenCalculator .step1 h2 {
                background: url('/css/images/list_bullet_round1.gif') no-repeat 0 0;
                color: #1a5906;
            }
        
        .contentColumn .greenCalculator .step2 {
            border-left: 1px solid #CEE59A;
            padding-left: 15px;
            float: left;
            width: 313px;
        }
        
            .contentColumn .greenCalculator .step2 h2 {
                background: url('/css/images/list_bullet_round2.gif') no-repeat 0 0;
            }
            
            .contentColumn .greenCalculator .step2 .equalto,
            .contentColumn .greenSuccess .equalto,
            .equalto {
                margin: 0;
                padding-bottom: 15px;
            }
            
                .equalto li {
                    padding-right: 25px;
                    float: left;
                    width: 75px;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    line-height: 1.2em;
                    color: #1c6306;
                    text-align: center;
                }
                
                    .equalto li div {
                        height: 70px;
                    }
                
        
        .contentColumn .greenCalculator .step3 {
            float: left;
            width: 100%;
        }
        
            .contentColumn .greenCalculator .step3 h2 {
                background: url('/css/images/list_bullet_round3.gif') no-repeat 0 0;
            }

.greenSuccess {
    margin: 0 0 1.5em 0;
    border: 1px solid #cee59a; 
    padding: 15px;
}
    .contentColumn .greenSuccess h2 {
        margin-bottom: 1em;
        font-size: 1.3em;
        line-height: 1.5em;
        color: #1a5906;
    }
    
    .contentColumn .greenSuccess strong {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.6em;
        color: #1c6306;
    }
    
    .contentColumn .greenSuccess .step1 {
        border-right: 1px solid #CEE59A;
        padding-right: 15px;
        float: left;
        width: 313px;
    }
    
    .contentColumn .greenSuccess .step2 {
        padding-left: 15px;
        float: left;
        width: 313px;
    }
    

.rightColumn .module {
    margin-bottom: 10px;
    border-top: 1px solid #e4e3e3;
    border-bottom: 1px solid #e4e3e3;
    background-color: #f3f2f2;
    color: #666;
}
    .rightColumn .module .moduleContent {
        padding: 3px;
    }
    
    .rightColumn .module .moduleContent h2 {
        font-weight:bold;
        font-size:1.06em;
        color:#666;
    }
    
        .rightColumn .module .moduleContent .icon {
            margin-bottom: 10px;
        }
        
        .rightColumn .module .moduleContent h2 {
            font-size: 1.2em;
            margin-bottom: 0.5em;    
        }
        
        .rightColumn .module .moduleContent p {
            margin-bottom: 0.5em;    
        }
        
        .rightColumn .module .moduleContent ul li {
            list-style-type: none;
            background: url('/css/images/list_bullet_blue.gif') no-repeat 0 8px;
            margin: 0 0 3px 0;
            padding-left: 10px;
        }
        
        .rightColumn .quicklinks .moduleContent ul li {
            background: url('/css/images/list_bullet_grey.gif') no-repeat 0 8px;
        }
        
    .rightColumn .loginModule label
    {
        display: inline;
        float: left;
        color: #333;
        width: 70px;
    }
    
    .rightColumn .loginModule .loginField
    {
        display: inline;
        float: left;
        border: 0;
        padding: 3px;
        background-color: #e4e3e3;
        width: 90px;
    }

        .rightColumn .loginModule input.error
        {
            border: 1px solid #C00000;
            background-image: none;
            color: #C00000;
        }
        
        .rightColumn .loginModule .errorMessage
        {
            font-size: 0.8em;
            color: #C00000;
        }
    
    .rightColumn .loginModule a:link,
    .rightColumn .loginModule a:visited {
        text-decoration: underline;
        color: #666;
    }
    
    .rightColumn .loginModule .address {
        font-size: 0.85em;
    }
    
    .rightColumn .loginModule .view a {
        font-size: 0.85em;
        color: #0567b5;
    }
.landingBannner {
    position:relative;
    width:691px;
    height:204;
    padding:0 0 22px 0;
    margin:0;    
}
    .landingBannner .atHomeTextBg {
        position:absolute;
        top:171px;
        background-color:#001b36;
        width:691px;
        height:33px;
        z-index:3;
        filter:alpha(opacity=66);
        opacity:0.66;
        -moz-opacity:0.66;
    } 
    
    .landingBannner .forBusinessTextBg {
        position:absolute;
        top:146px;
        background-color:#001b36;
        width:691px;
        height:58px;
        z-index:3;
        filter:alpha(opacity=66);
        opacity:0.66;
        -moz-opacity:0.66;
    }
    
    .landingBannner h1.atHome {
        position:absolute;
        top:171px;
        left:16px;
        z-index:4;
        font-size:1.8em;
        color:#fff;
        width:654px;
        overflow:hidden;
        font-weight:bold;
    }
    
    .landingBannner h1.forBusiness {
        position:absolute;
        top:150px;
        left:16px;
        z-index:4;
        font-size:1.8em;
        color:#fff;
        width:654px;
        overflow:hidden;
        font-weight:bold;
    }
    
    .landingBannner span {
        position:absolute;
        top:178px;
        left:18px;
        z-index:4;
        font-family:Arial, verdana, sans-serif;
        color:#fff;
        font-size:1em;
        width:654px;
        overflow:hidden;
    }
    
    
    
.dottedBottomBorder {
    border-bottom:1px dotted #e4e3e3;
}
.solidBottomBorder {
    border-bottom:1px solid #e4e3e3;
}
.businessHeaderPanel {
    position:relative;
    clear:both;
    width:922px;
    height:16px;
    padding:8px 20px;
    margin:0;
    background:#0567b5;
    border-bottom:1px solid #fff;
    color:#fff;
    font-size:1.4em;
    vertical-align:middle;
    font-family:Arial, verdana, sans-serif;
}
.contactDetails
{
    position:relative;
    width:100%;
    overflow:hidden;
}
.contactDetails h2 {
    position:relative;
     padding-bottom:6px;
     margin-bottom:12px;
     border-bottom: 1px solid #e4e3e3;
}
.contactDetails h3 {
    position:relative;
     padding:0 0 8px 0;
     margin:0;
}
.contactDetails p 
{
    line-height:1.83em;
}
.contactDetails .phoneFax
{
    position:relative;
    width:219px;
    margin-right:24px;
    overflow:hidden;    
}
.contactDetails .mailing
{
    position:relative;
    width:446px;
    overflow:hidden;
}
.contactDetails .mailing .emergency
{
    margin-top:27px;
}

.contactDetails .mailing .enquiriesHolder
{
    position:relative;
    width:100%;
    overflow:hidden;
}
.contactDetails .mailing .enquiriesHolder div
{
    position:relative;
    float:left;
    width:30%;
    padding-right:3%;
    overflow:hidden;
}
.contactDetails .online {
    position:relative;
    width:100%;
    padding-top:25px;
    overflow:hidden;    
}
.contactDetails .online .holder {
    position:relative;
    clear:both;
    width:100%;
    overflow:hidden;
    margin-top:5px;       
}
.holder_moveout_dp {
    position:relative;
    clear:both;
    width:600px;
    overflow:hidden;
    margin-top:5px;
        
}
.contactDetails .online .holder .label {
    position:relative;
    float:left;
    width:178px;
    padding: 0 8px 0 0;
    overflow:hidden;
    text-align:right;
    margin-right:-3px;
    
}
input.xshort {width: 25px}
input.short {width: 50px}
select.short {width: 56px}
input.medium {width: 170px}
select.medium {width: 176px}
input.long {width: 230px}
select.long {width: 236px}
select.verylong {width: 450px}

textarea.long {
    width:230px;
    height:90px;
}

textarea.xlong {
    width:304px;
    height:100px;
}

.contactDetails .online .holder input.short {
    width:190px;    
}
.contactDetails .online .holder input.long {
    width:314px;    
}

.contactDetails .online .holder textarea {
    width:304px;
    height:90px;
}
.contactDetails .online .holder .form {
    position:relative;
    float:left;
    width:502px;
    overflow:hidden;
    text-align:left;
    margin-left:4px;    
}

.grid_threeColumn .contactDetails .online .holder .form {
    width:312px;    
}

.stepsLabelHolder {
    position:relative;
    display:inline;
    float:left;
    width:155px;
    /*overflow:hidden;*/
    margin: 0 5px 0 0;    
}
.stepsLabelHolder1 {
    position:relative;
    display:inline;
    float:left;
    /*overflow:hidden;*/
    margin: 0 5px 0 0;    
}

.stepsLabelHolderLong {
    position:relative;
    width:335px;
    text-align: justify;
    margin: 0 5px 0 0;    
}

.stepsSingleHolder {
    margin-left: 160px;
}
.stepsSingleHolder1 {
    margin-left: 180px;
}
.stepsSingleHolder2 {
    margin-left: 100px;
}
.stepsSingleHolder3 {
    margin-left: 75px;
}
.stepsSingleHolder4 {
    margin-left: 225px;
}
.stepsSingleHolder5 {
    margin-left: 85px;
}

.orHolder {
    width:183px;
    margin: 0 0 0 45px;
    background: url(/css/images/bg_grey_dot.gif) repeat-x center left;
}
.orHolder span {
    margin: 0 0 0 108px;
    padding: 0 3px;
    background-color:#fff;
}

.greyBordered {
    margin:    0 0 0 20px;
    width:465px;
    padding:5px;
    border:1px solid #ccc;
}

.stepsInputHolder {
    position:relative;
    float:left;
    width:240px;
    overflow:hidden;
    margin: 0 5px 0 0;    
}
.stepsInputHolder1 {
    position:relative;
    float:left;
    width:175px;
    overflow:hidden;
    margin: 0 5px 0 0;    
}
.inputHolder,
.hintHolder {
    position: relative;
    float: left;
    margin-right:5px;
}
.hintHolder {
    font-size: 0.8em;
}
    .hintHolder span {
        color: #267bbf;
        cursor: pointer;
    }
    .hintHolder .billSample {
        position: absolute; 
        top: 0px; 
        right: -160px;
        z-index: 100;
    }
.optional .stepsLabelHolder {
    width:220px; 
    margin-right:10px;
}
.optional .stepsInputHolder {
    width:230px;
    margin:0;
}
.optional .stepsRadioHolder {
    padding-left: 250px;
}
.stepsInputHolder input.small,
.inputHolder input.small  
{
    width:65px;
    height:16px;
}
.stepsInputHolder input.med,
.inputHolder input.med 
{
    width:230px;
    height:16px;
}
.stepsInputHolder select.small,
.inputHolder select.small {
    width:68px;
}
.red {
    color:#cc0000;    
}

.green {
    color:#00bb44;    
}
.orange {
    color:#ea621a;    
}
/*
blueBoxBorderTRBL
blueBoxBorderRBL
blueBoxBorderTBL
blueBoxBorderTRL
blueBoxBorderTRB
 - 
TRBL:
T(op)
R(ight)
B(ottom)
L(eft)
*/
.blueBoxBorderTRBL
{
    position:relative;
    width:100%;
    overflow:hidden;
    border-color:#cddef0;
    border-style:solid;
    border-width:1px;    
    background:#f5f9fd;    
    margin:0 0 8px 0;
}

.blueBoxBorderTRBL .inner,
.blueBoxBorderRBL .inner,
.blueBoxBorderTBL .inner,
.blueBoxBorderTRL .inner,
.blueBoxBorderTRB .inner
{
    padding:12px;
}
/*
whiteBoxBorderTRBL
whiteBoxBorderRBL
whiteBoxBorderTBL
whiteBoxBorderTRL
whiteBoxBorderTRB
 - 
TRBL:
T(op)
R(ight)
B(ottom)
L(eft)
*/
.whiteBoxBorderTRBL
{
    position:relative;
    width:100%;
    overflow:hidden;
    border-color:#ccc;
    border-style:solid;
    border-width:1px;    
    background:none;    
    margin:0 0 8px 0;
}
.whiteBoxBorderTRBL .inner,
.whiteBoxBorderRBL .inner,
.whiteBoxBorderTBL .inner,
.whiteBoxBorderTRL .inner,
.whiteBoxBorderTRB .inner
{
    padding:12px;
}
.marginTopThree {
    margin-top:3px;    
}
.marginTopFive {
    margin-top:5px;    
}
.marginTopTen {
    margin-top:10px;    
}
.marginTopTwenty {
    margin-top:20px;    
}
.marginTopTwentyFive {
    margin-top:25px;    
}
.marginTopThirty {
    margin-top:30px;    
}
.marginBottomFive {
    margin-bottom:5px;
}
.marginRightFive {
    margin-right:5px;
}
.marginLeftZero {
    margin-left:0;    
}
.marginLeftFive {
    margin-left:5px;    
}

.paddingBottomFive {
    padding-bottom:5px;    
}

.paddingBottomTen {
    padding-bottom:10px;    
}
    
/* ########################################################################### *
/* ##### TABLES
/* ########################################################################### */
.table-generic 
{
    margin-bottom: 1.5em;
    width: 100%;
}
    .table-generic thead th 
    {
        border: 1px solid #ccc;
        padding: 5px 5px;
        background-color: #73767a;
        font-weight: normal;
        color: #FFF;
    }
    
    .table-generic tbody td 
    {
        border: 1px solid #ccc;
        padding: 5px 5px;
    }
    
    .table-generic .alt {
        background-color: #efefef;
    }
    
    .table-generic .over {
        background-color: #fef1c7;
    }
    
    
.table-connect 
{
    margin-bottom: 1.5em;
    width: 100%;
}
    .table-connect thead th 
    {
        border: 1px solid #ccc;
        padding: 5px 10px;
        background-color: #e7f0fa;
        font-weight: bold;
        color: #164a7e;
    }
    
    .table-connect tbody td 
    {
        border: 1px solid #ccc;
        padding: 5px 10px;
    }

    .table-connect .alt {
        background-color: #f8f9fb;
    }
    
    .table-connect .over {
        background-color: #fef1c7;
    }

table.faqResults
{
    width:100%;
    border:1px solid #cddef0;
}
    table.faqResults tr td
    {
        border-top:1px solid #cddef0;
        padding:15px 10px 5px 10px;
    }
    
    table.faqResults tr td.active
    {
        background:#f5f9fd;
    }
    
        table.faqResults tr td ul
        {
            padding:0;
            margin:0;
        }
    
            table.faqResults tr td ul li.question
            {
                list-style:none;
                background-image: url(/css/images/plus_minus.gif);
                background-repeat: no-repeat;
                background-position: 0px 3px;
                cursor:pointer;
            }
            
            table.faqResults tr td.active ul li.question
            {    
                background-position: 0px -66px;
            }
    
            table.faqResults tr td.active ul li.answer
            {    
                display:block;
            }
            
            table.faqResults tr td ul li.answer
            {    
                display:none;
            }
    
            table.faqResults tr td ul li
            {
                padding:0 0 10px 20px;
                margin:0;
                list-style:none;
            }
    
                table.faqResults tr td ul li h3 {
                    margin:0;
                    padding:0;    
                }
                
                table.faqResults tr td ul li a {
                    color:#0a3a6c;    
                }
        
/* ########################################################################### *
/* ##### FORMS
/* ########################################################################### */
input, select, textarea 
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #666;
}
.form-container fieldset { margin: 0; padding: 0 0 1em 0; position:relative}
.form-container fieldset div { padding: 0.2em 0; }
.form-container fieldset div.fieldFloat {display:inline; float:left; padding:1px 0; margin-right:10px}
label.forRadios input {
    vertical-align:middle;
    margin-right:5px;
}
label.forCheckboxes input {
    vertical-align:middle;
    margin-right:5px;
}
.marginRightThrity {
    margin-right:30px;    
}
.faqElementHolder, .faqElementHolderSmall {
    width:100%;    
    overflow:hidden;
    clear:both;
}
.faqElementHolder .faqLabelHolder {
    width:160px;
    overflow:hidden;
    text-align:right;
}
.faqElementHolderSmall .faqLabelHolder {
    width:140px;
    overflow:hidden;
    text-align:right;
}
.faqElementHolder .faqSelHolder {
    width:322px;
    overflow:hidden;
}
.faqElementHolderSmall .faqSelHolder {
    width:240px;
    overflow:hidden;
}
.faqElementHolderSmallFAQ  {
    width:360px;
    overflow:hidden;
}
label.faqSel {
    margin-right:8px;
}
.faqElementHolder .faqSelHolder select.faqSel {
    width:312px;
    height:18px;
    border:1px solid #d0dff0;
    background-color:#e7f0fa;
    color:#333;
}
.faqElementHolderSmall .faqSelHolder select.faqSel {
    width:236px;
    height:18px;
    border:1px solid #d0dff0;
    background-color:#e7f0fa;
    color:#333;
}
.blueInput {
    border:1px solid #d0dff0;
    background-color:#d6e6f7;
}
text.blueInput {
    height:16px;
}
input.datePicker {width:100px;}
.hint {font-size:0.75em;}
img.tip {cursor:pointer;vertical-align:bottom;}
.noteWell {
    color:#c00;
    font-weight:bold;    
}
.boxform,
.summaryBox 
{
    margin: 0 0 1em 0;
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #f4f3f3;
}
    .summaryBoxHead 
    {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }
        .summaryBoxHead h2 
        {
            display:inline;
            float:left;
            margin-bottom: 0;
        }
        
        .summaryBoxHeadButton
        {
            float:right;
            display:inline;
        }
        
        .summaryBoxHeadButton .button 
        {
            margin: 0 0 0 10px;
        }
    
    .summaryBoxFloat 
    {
        display:inline;
        width:49%;
    }
/*start - global search input*/
input#global_search {font-family:Lucida Sans Unicode, Arial, Verdana;border:none; margin:2px 2px 0 9px;padding:0;width:102px;}
input#search_image {margin:0 ;padding:0 0 1px 0;vertical-align:middle;}
/*end - global search input*/
.alertbox,
.bluebox {
    margin: 0 0 1.5em 0;
    border: 1px solid #a9c8e9; 
    padding: 15px 15px 0 15px;
    background-color: #f0f6fd;
    min-height: 60px;
    color: #333;
}
.greenbox {
    margin: 0 0 1.5em 0;
    border: 1px solid #cee59a; 
    padding: 15px 15px 0 15px;
}
.termsBox {
    margin: 0 0 1em 0;
    border: 1px solid #ccc; 
    padding: 5px;
    height: 120px;
    width: 400px;
    overflow: auto;
}
    .alertbox a {
        text-decoration: underline;
    }
    .alertbox h2 {
        margin: 0 0 0.5em 0;
        font-size: 1.1em;
        font-weight: bold;
        color: #15487e;
    }
    .alertbox p {
        margin: 0 0 1em 0;
    }
    .alert {
        border-color: #fce88b;
        padding-left: 80px;
        background: #fffceb url('/css/images/bg_alert.gif') no-repeat 15px 15px;
    }
    
        .alert h2 {
            color: #333;
        }
    
    .success {
        border-color: #b1d58d;
        padding-left: 80px;
        background: #effce2 url('/css/images/bg_success.gif') no-repeat 15px 15px;
    }
    
        .success h2 {
            color: #333;
        }
    
    .error {
        border-color: #ff5f45;
        padding-left: 80px;
        background: #fffceb url('/css/images/bg_error.gif') no-repeat 15px 15px;
    }
    
        .error h2 {
            color: #dc1010;
        }
    
        .error ul {
            margin: 0 0 1em 0;
        }
    
            .error ul li {
                list-style-type: none;
                background: url('/css/images/list_bullet_red.gif') no-repeat 0 9px;
                padding-left: 10px;
                color: #666;
            }

    .quicktip {
        border-color: #a8c36d;
        background-color: #fff;
        padding: 8px;
        min-height: 1px;
    }
    
        .quicktip p {
            margin: 0;
            color: #3b8026;
            line-height: 1.3em;
        }
        
        .quicktip img {
            padding: 0 10px 5px 0;
            float: left;
        }

.confirmation {
    margin: 0 0 1em 0; 
    border: 1px solid #ccc; 
    padding: 10px 15px 0 15px; 
    font-weight: bold;
    color: #666;
}
.errors { 
    margin: 0 0 1em 0; 
    padding: 15px 15px 10px 15px; 
    border: 1px solid #ccc; 
    font-weight: bold;
    color: #be1f1f;
}
    .errors ul {
        margin: 0 0 0 25px; 
    }
    
    .errors ul li { 
        list-style-type: none;
        margin-bottom: 5px;
    }

.errorrow {
    color: #ff5f45;
}
.errorrow input,
.errorrow select {
    border-color: #ff5f45;
}
/*.errorrow .hintHolder {
    color: #ff5f45;
}*/
.errortextrow {
    background: url('/css/images/bg_error_small.gif') no-repeat;
    margin-top: 2px;
    padding: 0 0 1px 25px;
    color: #ff5f45;
    font-size: 0.8em;
}


/* Start buttons */
.buttons 
{
    padding: 0 0 10px 0;
    position: relative;
}
    .buttons span 
    {
        position: absolute;
        top: 13%;
    }
    
    .controlset .buttons span 
    {
        position: absolute;
        top: 28%;
    }
.separate 
{
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}
.button 
{
      display: block;
    float: left;
    width: auto;
    /*height: 21px;*/ 
      overflow: visible;
    margin: 0 10px 0 0;
    border: 1px solid #3fadc8;
    padding: 1px 5px 1px 5px;
    background: #43aec9 url('/css/images/bg_button1.gif') repeat-x top;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
      color: #fff;
    cursor: pointer;
    white-space: nowrap;
}

.buttonlink,
.buttonlinkhome {
    display: block;
    float: left;
    width: auto;
    overflow: visible;
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 90%;
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer;
}
.buttonlinkhome {
    color: #FFFFFF;
}


a.button_standard_grey,
a.button_standard_grey:link,
a.button_standard_grey:visited,
a.button_standard_grey:active
{
    position:relative;
    background-image:url(/css/images/bg_button2_sprite.png);
    background-repeat: no-repeat;
    background-position:top left;
    color:#fff;
    font-family:Arial, verdana, sans-serif;
    font-weight:bold;
    font-size:0.95em;
    margin:0;
    padding:3px 0 4px 10px;
    _padding:0 0 0 10px;
    height:21px;
    /*border:1px solid red;*/
}
a.button_standard_grey span,
a.button_standard_grey:link span,
a.button_standard_grey:visited span,
a.button_standard_grey:active span
{
    position:relative;
    margin:0;
    padding:3px 10px 4px 0;
    background-image:url(/css/images/bg_button2_sprite.png);
    background-repeat: no-repeat;
    background-position: right -42px;
    /*border:1px solid red;*/
}
a.button_standard_grey:hover,
a.button_standard_grey:focus,
a.button_standard_grey:visited:hover
{
    background-position:left -21px;
    text-decoration:none;
}
a.button_standard_grey:hover span,
a.button_standard_grey:focus span,
a.button_standard_grey:visited:hover span
{
    background-position: right -63px;
}
/*blue with white arrow*/
a.button_blue_arrow,
a.button_blue_arrow:link,
a.button_blue_arrow:visited,
a.button_blue_arrow:active
{
    position:relative;
    background-image:url(/css/images/bg_button3_sprite.png);
    background-repeat: no-repeat;
    background-position:top left;
    color:#fff;
    font-family:Arial, verdana, sans-serif;
    font-weight:bold;
    font-size:0.95em;
    margin:0;
    padding:3px 0 4px 10px;
    _padding:0 0 0 10px;
    height:21px;
}
a.button_blue_arrow span,
a.button_blue_arrow:link span,
a.button_blue_arrow:visited span,
a.button_blue_arrow:active span
{
    position:relative;
    margin:0;
    padding:3px 10px 4px 0;
    background-image:url(/css/images/bg_button3_sprite.png);
    background-repeat: no-repeat;
    background-position: right -42px;
}
a.button_blue_arrow:hover,
a.button_blue_arrow:focus,
a.button_blue_arrow:visited:hover
{
    background-position:left -21px;
    text-decoration:none;
}
a.button_blue_arrow:hover span,
a.button_blue_arrow:focus span,
a.button_blue_arrow:visited:hover span
{
    background-position: right -63px;
}
a.button {
    /*padding-bottom: 0;
    line-height: 20px;*/
}
.tableHeader .button {
    margin-right: 0px;
}
a.button:hover,
a.button:focus,
a.button:active {
    text-decoration: none;
}


.style1,
.style7 {
    border: 1px solid #4795d4;
    background: #0d6cb7 url('/css/images/bg_button1.gif') repeat-x top;
}
.style2 {
    border: 1px solid #c9caca;
    background: #919293 url('/css/images/bg_button2.gif') repeat-x top;
}
a.style2, a.style2:link, a.style2:hover, a.style2:visited, a.style2:active {color:#fff}
.style3,
.style8 {
    border: 1px solid #4795d4;
    padding-right: 25px;
    background: #0d6cb7 url('/css/images/bg_button3.gif') no-repeat top right;
}
.style4 {
    border: 1px solid #c9caca;
    padding-right: 25px;
    background: #919293 url('/css/images/bg_button4.gif') no-repeat top right;
}
.style5 {
    border: 1px solid #639f4f;
    padding-right: 25px;
    background: #31721c url('/css/images/bg_button5.gif') no-repeat top right;
}
.style6 {
    border: 1px solid #c9caca;
    padding-left: 25px;
    background: #919293 url('/css/images/bg_button6.gif') no-repeat top left;
}
.style7,
.style8 {
    font-size: 1.2em;

}
.style9 {
    border: 1px solid #4795d4;
    padding-left: 25px;
    background: #0d6cb7 url('/css/images/bg_button9.gif') no-repeat top left;
}
.contentColumn a.button,
.contentColumn a.button:link,
.contentColumn a.button:visited,
.rightColumn a.button,
.rightColumn a.button:link,
.rightColumn a.button:visited,
#simplemodal-container a.button,
#simplemodal-container a.button:link,
#simplemodal-container a.button:visited {
    color: #fff;
}

div.buttonboxUngrouped 
{
    float: left;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}
div.buttonboxGrouped 
{
    float: left;
    display: block;
    border: 1px solid #e4e4e4;
    padding: 4px 12px;
    background-color: #f4f3f3;
}
div.buttonboxGrouped div.label 
{
    float: left;
    display: block;
    font-weight: bold;
    color: #000;
    padding-top: 3px;
    padding-right: 8px;
}

fieldset.selectToggle { background-color: white; }

/* End buttons */

/* ########################################################################### *
/* ##### MODAL WINDOW
/* ########################################################################### */
#simplemodal-overlay {
  background-color: #000;
  cursor: wait;
}
#simplemodal-container {
  padding: 25px;
  /*height: 300px;*/
  width: 475px;
  background-color: #fff;
}
.simplemodal-data {
    background-color: #fff;
}
#simplemodal-container a.modalCloseImg {
  display:inline;
  z-index:3200;
  position:absolute;
  top:5px;
  right:10px;
  cursor:pointer;
  font-size: 0.8em;
  text-decoration: underline;
}

/* ########################################################################### *
/* ##### MISC
/* ########################################################################### */
.nomargin {
    margin: 0;
}

.roundsubmit {
    margin: 0;
    border: 0;
    padding: 0;
    background: url('') no-repeat 0 0;
    width: 200px;
    height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}
.regularsubmit {
    display: block;
    float: left;
    width: auto;
      overflow: visible;
    margin: 0 10px 0 0;
    border: 1px solid #0d6cb7;
    padding: 1px 5px 2px 5px;
    background: #0d6cb7 url('/css/images/bg_button1.gif') repeat-x top;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
      color: #fff;
    cursor: pointer;
}
/* ########################################################################### *
/* ##### SLIDER WIDGET
/* ########################################################################### */
.sliderControl { position: relative;  height: 58px; clear: both; margin: 10px 0px; }
.ui-slider-handle {width:20px; height:35px; top: -10px; background:url('/css/images/slider_pull.gif') no-repeat center bottom; z-index:2; position: absolute;} 
.ui-slider-handle span {display: block; font-size: 1.6em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #1C6306; height: 20px; text-align:center; background-color:#FFFFFF; position:relative; top:-20px; left:-6px; width:30px;}

.contentColumn ol.xScale {left: 10px; top:0px; }
.contentColumn ol.xScale, .contentColumn ol.xScale * {margin: 0; padding: 0; position: relative;}
.contentColumn ol.xScale dd, .contentColumn ol.xScale li {position: absolute; top: 0; text-align: left; list-style: none; font-size:1em; text-align: center;}
.contentColumn ol.xScale span {position: absolute; top: .5em; font-size:0.9em }
.contentColumn ol.xScale dd.morning, .contentColumn ol.xScale li.morning {color: #69a535; border-top: 4px solid #69a535;}
.contentColumn ol.xScale dd.evening, .contentColumn ol.xScale li.evening {color: #428b1d; border-top: 4px solid #428b1d;}
.contentColumn ol.xScale dt {position: absolute; top: 3em; color: #808080; text-transform: uppercase; font-size: .9em;}
.contentColumn ol.xScale dt.morning {left: 0; color: #69a535;}
.contentColumn ol.xScale dt.evening {right: 36px; color: #428b1d;}
div.sliderSpan {position: absolute; z-index: 0; top: 25px; left: 18px; height: 15px; overflow: hidden; background: #d1d1cd url('/css/images/slider_spanBG.gif') center no-repeat;}
div.blotA, div.blotB {position: absolute; left: 0; width: 0;  z-index: 99999; top: 0; border-top: 15px solid #fff; }
div.scale {display: block; position: absolute; left: 18px; top: 35px; background: url('/css/images/slider_bg.gif') repeat-x 0 0; height: 16px;}
div.ui-slider {display: block; position: relative; top: 40px; background: url('/css/images/slider_bg.gif') repeat-x 0 0; height: 40px; margin-bottom:30px;}
div.scale_l {display: block; position: absolute; left: 10px; top: 35px; background: url('/css/images/slider_end.gif') no-repeat top left; height: 16px; width: 8px;}
div.scale_r {display: block; position: absolute; right: 5px; top: 35px; background: url('/css/images/slider_end.gif') no-repeat top right; height: 16px; width: 8px;}
.ui-slider-scale span.ui-slider-label {
        position: absolute;
        top:-25px;
        background: url('/css/images/slider_tick.gif') no-repeat bottom center;
        width: 5px;
        height: 25px;
        line-height: normal;
        text-indent: -8px;
}
p.caption {font-size: 1em; font-style: italic; margin-top: 6em;} 
/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
.ui-slider  {
    text-decoration: none !important;
}
.ui-slider-tooltip {
    display: none;
}
.ui-slider-handle-active .ui-slider-tooltip, .ui-slider a {
    text-decoration: none !important;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-slider dt {
    top: 1.5em;
    position: absolute;
    padding-top: .2em;
    text-align: center;
    border-bottom: 1px dotted #ddd;
    height: .7em;
    color: #999;
}
.ui-slider dt span {
    background: #fff;
    padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
    position: absolute;
    overflow: visible;
    color: #666;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
    display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
    display: block;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
    display: none;
}
.ui-slider .leftBorder, .ui-slider .rightBorder {
    position: absolute;
    height: 16px;
    width: 8px;
    background: url(/css/images/slider_end.gif);
}
.ui-slider .leftBorder {
    background-position: 0 0;
}
.ui-slider .rightBorder {
    background-position: -8px 0;
    right: -2px;
}
.ui-slider-tic.ui-component-content {
    background: none;    
}

div.empower {
    width:80px;
    text-align:right;
}
div#manipulatedRightCol
{
    z-index:20;
    position:absolute;
    left:730px;
    top:-4px;
    font-size: 0.9em;
}
.empowerPrevNext {float:left;width:460px; overflow:hidden;margin:10px 0 0 0;}
.empowerTools {float:left;width:270px; overflow:hidden;margin:10px 0 0 0;}
select.empower {width:363px;}
div#empowerTabs {float:left;position:relative;margin:120px 0 0 0;width:100%;height:33px;border-bottom:1px solid #0c3d71;overflow:hidden;position:relative;clear:both;}
.emPowerGraphBox 
{
    overflow:hidden;
    float:left;
    width:866px;
    background-color:#F0F6FD;
    border:1px solid #A9C8E9;
    color:#333333;
    margin:0 0 1.5em;
    min-height:60px;
    padding:15px 15px 0;
    clear:both;
}
.empowerTools .button.print
{
    display: none;    
}

.posrel
{
    position: relative;
}

/* Dashboard styles */
.dashboardWelcome {
    margin: 0;
    border: 1px solid #a9c8e9; 
    padding: 5px 5px 5px 10px ;
    background-color: #f0f6fd;
    color: #333;
}
.dashboardWelcome h3 {
    margin: 0px;
}
.dashboardWelcome p {
    margin: 0px;
}
.contentPanel .dashboardTileHolderTwoCol div.dashboardTile {
    position:relative;
/*    float:left;*/
    width:330px;
    /*width: 305px;*/
    overflow:hidden;
    padding:0;
/*    margin:20px 29px 0 0;*/
    margin-top: 20px;
}
.tileBody {
    background-color: #F0F6FD;
    padding: 10px 5px 5px 5px;
}
.dashboardTile .tileHeader {
    border-bottom: 1px solid #20670a;
    border-bottom-color: #0c3d71;
    background-position: 100% -183px;
    background-image: url('images/img_tab_blue.gif');
    top: 1px;
    padding-right: 12px;
}
.dashboardTile .tileHeader .wrap {
    background-image: url('images/img_tab_blue.gif');
    background-position: 0 -61px;
    color: #fff;
    height: 28px;
    padding-left: 15px;
    padding-right: 5px;
}
.dashboardTile .tileHeader h2 {
    float: left;
    color: #fff;
    margin-top: 5px;
}
.dashboardTile .tileHeader a {
    float: right;
    color: #fff;
    padding-left: 15px;
    background: url(/css/images/bullet_lightblue_arrows_darkbg.gif) 0 7px no-repeat;
    margin-top: 5px;
}

.dashboardTile .tileHeader a:visited {
    color: #fff;
}

.dashboardTile .tileBody .table-generic tbody {
    background-color: #ffffff;
}

.footnote {
    font-size: 0.8em;
}

.trademark {
    font-family: Arial, Helvetica, sans-serif;
}

container img[align="right"] {margin: 10px 0 10px 10px;}
container img[align="left"] {margin: 10px 10px 10px 0;}

/*** For Residential Registraton CR 675 ***/
.regTitle{
    width:45px;
    height:19px;
}
.regFirstname{
    width:25px;
    height:19px;
}
.regLastname{
    width:90px;
    height:19px;
}
/*** For Residential Registraton CR 675 ***/

/*** For Clear Image Synergy New Aus Map ***/
#coverageMap {
    background-image: url(/css/images/map_synergy_vs_horizon.gif);  
    position: relative; 
    width: 500px; 
    height: 534px;
}
#coverageMap ul
{
list-style: none;
padding: 0;
margin: 0;
}
#coverageMap li {
    list-style-type:none;
    position: absolute
}
#town_01 {
    TOP: 25px; LEFT: 50px
}
#town_02 {
    TOP: 75px; LEFT: 65px
}
#town_03 {
    TOP: 65px; LEFT: 125px
}
#town_04 {
    TOP: 100px;  LEFT: 10px
}
#town_05 {
    TOP: 130px; LEFT: 25px
}
#town_06 {
    TOP: 120px; LEFT: 155px
}
#town_07 {
    TOP: 145px; LEFT: 140px
}
#town_08 {
    TOP: 155px; LEFT: 120px
}
#town_09 {
    TOP: 210px; LEFT: 35px
}
#town_10 {
    TOP: 195px; LEFT: 140px
}
#town_11 {
    TOP: 210px; LEFT: 125px
}
#town_12 {
    TOP: 215px; LEFT: 215px
}
#town_13 {
    TOP: 235px; LEFT: 245px
}
#town_14 {
    TOP: 210px; LEFT: 380px
}
#town_15 {
    TOP: 270px; LEFT: 130px
}
#town_16 {
    TOP: 275px; LEFT: 210px
}
#town_17 {
    TOP: 295px; LEFT: 85px
}
#town_18 {
    TOP: 330px; LEFT: 65px
}
#town_19 {
    TOP: 355px; LEFT: 145px
}
#town_20 {
    TOP: 350px; LEFT: 270px
}
#town_21 {
    TOP: 370px; LEFT: 210px
}
#town_22 {
    TOP: 375px; LEFT: 290px
}
#town_23 {
    TOP: 375px; LEFT: 65px
}
#town_24 {
    TOP: 400px; LEFT: 165px
}
#town_25 {
    TOP: 395px; LEFT: 275px
}
#town_26 {
    TOP: 420px; LEFT: 5px
}
#town_27 {
    TOP: 420px; LEFT: 165px
}
#town_28 {
    TOP: 445px; LEFT: 155px
}
#town_29 {
    TOP: 495px; LEFT: 140px
}
#town_30 {
    TOP: 500px; LEFT: 245px
}
#town_31 {
    TOP: 460px; LEFT: 325px
}

/*** ENd Image New Aus Map ***/

/*** added to ensure that images, flash, scripts required  will be published 
 for the weather module
/css/images/sun_sprite.gif /css/images/lightning_sprite.gif /css/images/rain_sprite.gif <img src="/css/images/clearing_sprite.gif"> /css/images/cloud_sprite.gif
jsf forms
<img src="/images/icon_house_large.gif"><img src="/images/icon_car.gif">/images/icon_graphs.gif<img src="/images/registration_bill_example.jpg"><img src="/images/registration_bill_example_business.jpg"><img src="/images/bill_example_no_01.jpg"><img src="/images/bill_example_no_02.jpg"><img src="/images/bill_example_no_03.jpg"><img src="/images/bill_example_no_04.jpg">/images/icon_tree_bullet.gif
jar files
/flash/eew.jar
Homepage Flash Presentations 
/flash/switch_524x265.swf/flash/online_billing_524x265.swf/scripts/homepage_flash.js
/flash/myAccount_as3.swf/assets/synergy_banner_list.xml
Other images
/css/images/img_creditcards.png /images/img_bill.gif
Downloadable PDFs
/docs/Consent_Form.pdf
/docs/synergy_hardship_policy.pdf
/docs/Direct_Debit_EvenPay_TC_Brochure.pdf
***/