/*

    SydEnergi
    Master screen styles

    Author: Creuna Danmark A/S / www.creuna.dk
    Copyright: 2010, Creuna Danmark A/S. All rights resevered

-----------------------------------------------------------------------*/


/* Elements
----------------------------------------------- */
html 
{ 
    font-size: 100%; 
    overflow-y: scroll; 
}
body
{
    padding: 0;
    margin: 0;
    color: #000000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 19px;
    background: url('/gfx/sydenergi/bg/page-gradient.png') repeat-x scroll 50% 90px;
}

html, body, form
{
    height: 100%;
}

/*
html, body, form, #page, #container
{
    height: 100%;
    overflow: hidden;
}
#page
{
    overflow: auto;
}
*/

form, fieldset, input, textarea, select, th, td
{
    margin: 0;
    padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

ul, ol
{
    margin: 0 0 15px 30px;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, address
{
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0 0 5px;
}

h1
{
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px;
    letter-spacing: -2px;
    }
    h1.mypage
    {
        font-size: 25px;
        text-transform: uppercase;
        color: #202020;
        padding-left: 17px;
        margin-bottom: 21px;
        font-weight: normal;
    }

h2
{
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 27px;
    margin-bottom: 15px;
}
h3
{
    font-size: 16px;
    margin-bottom: 20px;
}
h4
{
    font-size: 13px;
}
h5
{
    font-size: 12px;
}

p
{
    margin: 0 0 10px;
}

a
{
    color: #00accc;
    text-decoration: none;
    }
    a:hover
    {
        text-decoration: underline;
    }

a img { border: 0; }

a.arrow
{
    background: url("/gfx/sydenergi/arrows/linklist-arrow-blue.png") 4px 60% no-repeat;
    padding-left: 21px;
}

/* >>> Clearing <<< */
.clearfix:after 
{
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.clearfix 
{ 
    display: inline-block 
    }
.clearfix 
{ 
    display: block 
    }
* html .clearfix 
{ 
    height: 1px; 
    }

.clear
{
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    zoom: 1;
}

/* >>> Accessibility & SEO <<< */

.accessibility
{
    position: absolute;
    top: -999em;
    left: -999em;
}


/* >>> Misc <<< */

/*
.last
{
    margin-right: 0;
}
*/

/* >>> Forms <<< */

fieldset
{
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}
legend { display: none; }
label { vertical-align: middle; }

select
{
    vertical-align: middle;
    border: 1px solid #858585;
    padding: 2px 0;
}
select.payback
{
    padding: 6px 0 5px;
    width: 85px;
}

input.chk,
span.chk input,
input.radioBtn,
span.radioBtn input,
.radioBtnList input
{
    margin: 0 4px 0 0;
    padding: 0;
    vertical-align: middle;
}

dl.checkbox,
dl.checkbox dt,
dl.checkbox dd
{
    margin: 0;
    padding: 0;
}
dl.checkbox
{
    margin-bottom: 10px;
}
dl.checkbox dt
{
    float: left;
    margin-right: 5px;
}
dl.checkbox dd
{
    overflow: hidden;
}

dl.infoArea,
dl.infoArea dt,
dl.infoArea dd
{
    margin: 0;
    padding: 0;
}
dl.infoArea
{
    margin-bottom: 20px;
    padding-top: 5px;
}
dl.infoArea dt
{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Page Template
----------------------------------------------- */

#page
{
    margin: 0 auto;
    min-height: 100%;
}
#top
{
    background: #fff;
}
.topWrapper
{
    margin: 0 auto;
    width: 960px;
    position: relative;
}

/* >>> Top (#skip, #logo, #service, #topNav) <<< */

#skip a, 
#skip a:hover, 
#skip a:visited
{
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0px;
    top: -500px;
    overflow: hidden;
}
#skip a:active, 
#skip a:focus
{
    width: auto;
    height: auto;
    position: absolute;
    top: 0;

} 


.search
{
    float: left;
    }
    .search .input /* IE only */
    {
        width: 320px;
        height: 33px;
        float: left;
        margin-right: 8px;
        display: inline;
        background: url('/gfx/sydenergi/search/search-input-wide.gif') no-repeat;
        }
        .search .query
        {
            float: left;
            border: 0;
            padding: 8px;
            width: 306px;
            background: transparent;
        }

#top
{
    position: relative;
    background: #fff;
    z-index: 999;
    }
    #top a
    {
        color: #000;
    }
    #logo
    {
        float: left;
        margin: 35px 0 0;
    }
    
    #service
    {
        position: absolute;
        top: 5px;
        right: 0;
        height: 30px;
        }
        
        #service .query
        {
            width: 120px;
            height: 26px;
            padding: 0px 8px;
            margin-right: 5px;
            line-height: 23px;
            background: url('/gfx/sydenergi/search/search-input.png') no-repeat 0 0;
        }
        #service .search
        {
            float: right;
                
        }
        #service .submit
        {
            float: right;
            height: 27px;
            margin-right: 0;
            background-position: right -93px;
            }
            #service .submit span
            {
                height: 26px;
                color: #000;
                padding-left: 12px;
                padding-top: 1px;
                background-position: 0 -66px;
                line-height: 22px;
            }
        #service .login
        {
            background-position: right -1398px;
            }
            #service .login span
            {
                color: #fff;
                background-position: 0 -1371px;
            }
                
#topNav
{
    float: right;
    margin: 50px 0 0 0;
    }
    #topNav li
    {
        float: left;
        padding: 0;
        margin: 0 0 0 20px;
        list-style: none;
    }
    #topNav li.last
    {
        margin-top: -1px;
        }
        #topNav li.last a
        {
            width: 85px;
            height: 25px;
            color: #fff;
            display: block;
            line-height: 24px;
            text-align: center;
            margin-left: 1px;
            background: url('/gfx/sydenergi/nav/topnav-last-bg.png') no-repeat center;
        }
            
        #topNav li.selected a
        {
            font-weight: bold;
        }
        #topNav li a
        {
            font-size: 15px;
            line-height: 22px;
            text-transform: uppercase;
            text-decoration: none;
            }
            #topNav li a:hover
            {
                text-decoration: underline;
            }

.loginBoxWrapper
{
    display: inline;
    }
    .loginBoxWrapper a.account
    {
        /*margin-right: 15px;*/
        line-height: 26px;
        text-decoration: none;
        float: right;
        display: none;
        }
        .loginBoxWrapper a.account:hover
        {
            text-decoration: underline;
        }

.loginWrapper
{
    background: url('/gfx/sydenergi/bg/bg-tabbox-top.png') 0 0 no-repeat;
    padding-top: 3px;
    overflow: hidden;
    width: 960px;
    position: relative;
    top: -1px;
    z-index: 9;
    }
    .loginWrapper .inner
    {
        background: #fff;
        border: solid #ccc;
        border-width: 0 1px;
        padding: 16px 20px 13px 20px;
        overflow: hidden;
    }
    .loginWrapper .bottom
    {
        background: url('/gfx/sydenergi/bg/bg-tabbox-bottom.png') 0 0 no-repeat;
        height: 3px;
    }	
 
.loginBox
{
    background: #fff;
    padding: 10px 19px 10px 21px;
    width: 237px;
    position: relative;
    } 
    /*.subPage .loginBox
    {
        margin: 0 auto;
    }*/
    .loginBox .input,
    .loginBox label
    {
        height: 30px;
        line-height: 30px;
    }
    .loginBox .input
    {
        background: url('/gfx/sydenergi/login/login-input.png') no-repeat 0 0;
    }
    .loginBox label.hint
    {
        width: 195px;
        position: absolute;
        display: block;
        padding: 0 5px;
        color: #999;
    }
    .loginBox input.txt
    {
        border: 0;
        width: 195px;
        margin: 0 5px;
    }
    .loginBox dd,
    .loginBox dt,
    .loginBox dl
    {
        margin: 0;
        padding: 0;
    }
    .loginBox dd
    {
        padding-bottom: 5px;
    }
    .loginBox .btnWrapper
    {
        background-position: 0 -481px;
        height: 31px;
        margin-right: 15px;
        }
        .loginBox .btnWrapper input
        {
            height: 31px;
            line-height: 27px;
        }
        .loginBox .btnWrapper span
        {
            background-position: 100% -512px;
            height: 31px;
        }
    .loginBox p
    {
        font-size: 12px;
        line-height: 14px;
        }
        .loginBox p.forgotten
        {
            line-height: 30px;
            margin-bottom: 5px;
        }
    .loginBox .btnFacebook
    {
       width: 176px;
       height: 31px;
       /*display: block;*/
       display: none;
       background: url(/gfx/sydenergi/login/btn-facebook.png) 0 0 no-repeat;
        }
        .loginBox .btnFacebook span
        {
            position: absolute;
            left: -9999em;
            top: -9999em;
        }
    .loginBox a.close
    {
        width: 12px;
        height: 11px;
        display: none;
        background: url(/gfx/sydenergi/login/btn-close.png) 0 0 no-repeat;
        position: absolute;
        right: 10px;
        top: 10px;
        text-indent: -9999em;
        outline: 0;
    }
.error
{
    color: #e01f1f !important;
    font-size: 11px;
}

    
#service .loginBox
{
    display: none;
    position: absolute;
    z-index: 999;
    right: 258px;
    top: -2px;
    opacity: 0;
    filter: alpha(opacity=0);
    border: 1px solid #999;
    }
    #service .loginBoxWrapper a.close,
    #service .loginBoxWrapper a.account
    {
        display: block;
    }
    #service .loginWrapper
    {
    	background: none;
    	position: static;
    	width: 237px
		}
		#service .loginWrapper .inner,
		#service .loginWrapper .bottom
		{
    		background: none;
    		border: 0;
    		padding: 0;
		}
    
#service .loginBox.open,
.loginBox.open
{
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
    display: block;
}

.loggedBox
{
    float: right;
    margin-right: 5px;
    display: inline;
    }
    .loggedBox .userInfo
    {
        float: left;
        padding: 3px 5px 0 0;
    }
    .loggedBox a.submit
    {
        float: right;
    }

/* >>> Content <<< */

#containerWrapper
{
}

#container
{
    position: relative;
    z-index: 100;
    padding-top: 60px;
    background: url('/gfx/sydenergi/bg/lines-top-blue.png') no-repeat top center;
    }
    #main
    {
        width: 960px;
        margin: 0 auto;
        }
        #leftNav
        {
            float: left;
            width: 185px;
            min-height: 440px;
            margin: 0 20px 0 0;
            padding: 20px;
            background: url('/gfx/sydenergi/bg/leftnav-bg.png') 0 -146px repeat-x;
            
            position: relative;
            top: -22px;
            }
            #leftNav a
            {
                color: #000;
            }
            #leftNav h2
            {
                font-size: 20px;
                padding-left: 5px;
                margin-bottom: 15px;
                font-weight: normal;
                text-transform: uppercase;
                color: #333;
            }
            
            #leftNav ul
            {
                margin: 0;
                padding: 0;
                background: url('/gfx/sydenergi/dotted-border-horizontal.png') repeat-x;
                }
                #leftNav ul li
                {
                    margin: 0;
                    list-style: none;
                    background: url('/gfx/sydenergi/dotted-border-horizontal.png') repeat-x 0 100%;
                    position: relative;
                    vertical-align: middle;
                }
                #leftNav ul li.selected
                {
                }
                    #leftNav ul li a
                    {
                        display: block;
                        padding: 6px 20px 6px 5px;
                        font-size: 15px;
                        text-decoration: none;
                        background: url(/gfx/sydenergi/nav/leftnav-arrow.png) no-repeat 96% 14px;
                    }
                    #leftNav ul li a.selected
                    {
                        font-weight: bold;
                        background-image: url(/gfx/sydenergi/nav/leftnav-arrow-open.png);
                        }
                        #leftNav a:hover,
                        #leftNav ul li a:active,
                        #leftNav ul li a:focus
                        {
                            outline: 0;
                            text-decoration: underline;
                        }
                
                /* second level */
                #leftNav ul ul
                {
                    padding: 0 0 15px;
                    background-image: none;
                    }
                    #leftNav ul ul li
                    {
                        background-image: none;
                        }
                        #leftNav ul ul a,
                        #leftNav ul ul a.selected
                        {
                            font-size: 13px;
                            padding: 3px 20px 3px 5px;
                            margin-left: 15px;
                            background-image: none;
                        }
                        #leftNav ul ul a:hover
                        {
                            text-decoration: underline;
                        }
                    
.contentPart
{
    float: right;
    width: 715px;
}
#content
{
    float: left;
    width: 470px;
    min-height: 300px;
    overflow: hidden;
    }
    #content.fullSize
    {
        width: 715px;
    }
    #content .introText
    {
        overflow: hidden;
    }
        
#sidebar
{
    float: right;
    width: 225px;
}
            

#welcome 
{
    padding-top: 15px;
    background: #fff;
}

/* >>> CAT <<< */
/*
.aaaa
{
}
*/


/* >>> Footer <<< */

#footer
{
    text-align: center;
    border-top: 1px solid #cdcdcd;
    padding: 20px 0;
    width: 100%;
    font-size: 12px;
    margin: 35px auto 0;
    }
    .frontPage #footer
    {
        width: 960px;
    }
    #footer p,
    #footer a
    {
        color: #666;
    }
    

/* Content Spots
----------------------------------------------- */

.spot
{
    width: 225px; 
    float: left; 
    }
    .spot img
    {
        display: block;
    }
    .spot h4
    {
        padding-top: 4px;
    }
    .spot.even
    {
        float: right;
    }
    
.simpleSpot
{
    padding: 10px;
    margin-bottom: 30px;
}    
.simpleSpot h2
{
    font-weight: normal;
}

.flashSpotSmall
{
    height: 236px;
    width: 236px;
}
    
.spot,
.flashSpotSmall
{
    margin-bottom: 30px;
}

/* >>> Left Image Spot <<< */
.leftImageSpot
{
}
    .leftImageSpot .image
    {
        width: 45%;
        float: left;
    }
    .leftImageSpot .contents
    {
        width: 55%;
        float: left;
    }

    /* fullSize */
   .fullSize .leftImageSpot .image
    {
        width: 31%;
    }
    
    .fullSize .leftImageSpot .contents
    {
        width: 68%;
    }


.story
{
    padding-bottom: 30px;
    margin-bottom: 27px;
    }
    .story img
    {
        display: block;
    }
    .story.main
    {
        border-bottom: 1px solid #666;
        }
        .story.main .image
        {
            margin-bottom: 15px;
        }
        .story.main h1
        {
            line-height: 33px;
            margin-bottom: 9px;
            }
            .story.main h1 a
            {
                color: #000;
            }
            .story.main h1 a:hover
            {
                color: #00accc;
                text-decoration: none;
            }
                
    .story h2 a
    {
        color: #000;
    }
    .story h2 a:hover
    {
        color: #00accc;
        text-decoration: none;
    }

    .story.small
    {
        float: left;
        width: 225px;
        border-bottom: 1px dotted #999;
        padding-bottom: 16px;
        }
        .story.small h2
        {
            margin-bottom: 16px;
        }

        .story.small .image
        {
            margin-bottom: 15px;
        }

    .story.wide
    {
        border-bottom: 1px dotted #999;
        padding-bottom: 25px;
        }
        .story.wide h2
        {
            margin-bottom: 16px;
        }
        .story.wide .image
        {
            float: left;
            width: 184px;
        }
    .story.even
    {
        float: right;
    }
    .story.last
    {
        border-bottom-width: 0;
    }


.fullylinked
{
    float: left;
    width: 225px;
    border-bottom: 1px dotted #999;
    position: relative;
    overflow: hidden;
    }
    .fullylinked.hovered
    {
        background: #eee;
    }
    .fullylinked h2
    {
        margin-bottom: 5px;
        }
        .fullylinked h2 a
        {
            color: #000;
        }
        .heating h2 a:hover
        {
            color: #00accc;
            text-decoration: none;
        }
    .fullylinked .image
    {
        margin-bottom: 7px;
    }
    .fullylinked.even
    {
        float: right;
    }

    .fullylinked img
    {
        display: block;
    }
    .fullylinked a.linkBox
    {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        text-indent: -9999em;
        z-index: 1;
        background: red;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.fullylinked.full {
    width: 350px;
}

/* Content items
----------------------------------------------- */
.todayPrices
{
    overflow: hidden;
    margin-bottom: 30px;
    float: right;
    width: 350px;
    }
    #sidebar .todayPrices
    {
        width: 225px;
        float: none;
    }
    .todayPrices .subTodayPrices
    {
        padding: 0 20px 0 12px;
        }
        #sidebar .todayPrices .subTodayPrices
        {
            padding: 0 7px 0 15px;
        }
    .todayPrices ul
    {
        list-style: none;
        margin: 0 0 5px;
        padding: 0;
        overflow: hidden;
    }
    .todayPrices li
    {
        border-bottom: 1px dotted #999;
        padding: 2px 25px 2px 5px;
        vertical-align: middle;
        }
        #sidebar .todayPrices li
        {
            padding: 4px 5px 5px;
        }
        .todayPrices li.selected
        {
            border: 0;
            background: #d8e4e6;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .todayPrices li.last
        {
            border: 0;
            }
            #sidebar .todayPrices li.last
            {
                border-bottom: 1px dotted #999;
            }
    .todayPrices dl,
    .todayPrices dd,
    .todayPrices dt
    {
        margin: 0;
        padding: 0;
        color: #333;
        font-size: 14px;
    }
    .todayPrices dl
    {
        overflow: hidden;
    }
    .todayPrices dt
    {
        float: left;
    }
    .todayPrices dd
    {
        float: right;
    }
    .todayPrices h2
    {
        margin: 0;
        padding: 0 0 12px 5px;
        /*color: #474747;*/
    }

/* Sidebar Modules
----------------------------------------------- */

/* >>> My Account <<< */
#myAccount
{
    margin: 0 0 20px -2px;
    padding-bottom: 10px;
    }
    #myAccount .container
    {
        background: url('/gfx/sydenergi/bg/my-account.png') no-repeat;
        padding-left: 10px;
    }
    #myAccount a.toggle
    {
        height: 39px;
        display: block;
        position: relative;
    }
    #myAccount a.toggle:active,
    #myAccount a.toggle:focus
    {
        outline: 0;
        }
        #myAccount a.toggle span.title
        {
            display: none;
        }
        #myAccount a.toggle span.toggleIcon
        {
            display: block;
            height: 12px;
            width: 12px;
            top: 17px;
            right: 17px;
            position: absolute;
            background: url('/gfx/sydenergi/icons/plus-minus-sprite.gif') no-repeat;
            opacity: .8;
            filter: alpha(opacity=80);
            -ms-filter: "alpha(opacity=80)";
            }
            #myAccount a.open span.toggleIcon
            {
                background-position: 0 -12px;
            }
        
    #myAccount .sub
    {
        display: none;
        width: 200px;
        float: left;
    }
    #myAccount ul
    {
        width: 200px;
        margin: 0;
        }
        #myAccount ul li
        {
            list-style: none;
            border-top: 1px dotted #abacab;
            vertical-align: middle;
            }
            #myAccount ul li a
            {
                display: block;
                padding: 4px 0 4px 18px;
                color: #000;
                background: url('/gfx/sydenergi/arrows/leftnav-arrow.png') no-repeat 6px 50%;
            }
            #myAccount ul li a.arrow
            {
                color: #00accc;
                background: url('/gfx/sydenergi/arrows/linklist-arrow-blue.png') no-repeat 2px 55%;
            }
        
        #myAccount ul fieldset
        {
            display: none;
        }
            #myAccount ul fieldset p
            {
            }
                #myAccount ul fieldset label
                {
                }
                #myAccount ul fieldset input
                {
                    width: 110px;
                    float: right;
                }
                #myAccount ul fieldset .submit input
                {
                    float: right;
                }

#myAccount div.end
{
    display: block;
    height: 10px;
    background: url('/gfx/sydenergi/bg/my-account.png') no-repeat 0 -333px;
}


/* >>> Call Me Spot <<< */


/* Modules
----------------------------------------------- */

/* >>> Generic Item List <<< */
ul.list
{
    margin: 0;
    padding: 0;
    }
    ul.list li
    {
        margin: 0 0 10px;
        padding: 0;
        list-style: none;
    }
    

/* >>> Link List <<< */
ul.links
{
    margin: 0;
    list-style: none;
    }
    ul.links a
    {
        color: #00accc;
        padding-left: 18px;
        background: url('/gfx/sydenergi/arrows/linklist-arrow-blue.png') no-repeat 0 60%;
    }


/* Pages
----------------------------------------------- */

/* >>> Frontpage [#siteroot] <<< */
#siteRoot
{
}
    #siteRoot #page
    {
        background: none;
    }
    #siteRoot #container
    {
        padding: 0;
        background: #f5f8fa;
    }
    

#siteRoot .frontPage
{
    width: 100%;
}
.frontPage .productTeasers
{
    background: #fff;
    overflow: hidden;
    }
    .frontPage .productTeasers .inner
    {
        overflow: hidden;
        margin: 0 auto 10px;
        width: 960px;
    }
    .frontPage .productTeasers h2
    {
        font-size: 23px;
    }
    
.frontPage .bottomTeasers
{
    margin: 0 auto;
    width: 960px;
    }   
    .frontPage .bottomTeasers .inner
    {
        overflow: hidden;
        margin-right: -28px;
        width: 988px;
        
    }

.frontPage .teaser
{
    width: 300px;
    min-height: 160px;
    float: left;
    margin-right: 15px;
    padding-right: 10px;
    background: url('/gfx/sydenergi/dotted-border-vertical.png') repeat-y 100% 0;
    }
    .frontPage .teaser.last
    {
        margin-right: 0;
        background: none;
    }

.frontPage .bottomTeasers .teaser
{
    background: none;
    padding: 0;
    margin-right: 28px;
    }
    .frontPage .bottomTeasers h2
    {
        margin-bottom: 5px;
    }
    .frontPage .bottomTeasers .image
    {
        margin-bottom: 5px;
    }

.flashError
{
    margin-bottom: 25px;
}

/* >>> ContentPage [#contentPage] <<< */

#contentPage
{
}

#content .spotArea
{
    border-top: solid 1px #666666;
    background-image: url('/gfx/sydenergi/dotted-border-horizontal.png');
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 20px 0px;
    
    }
    #content .spotArea .spot
    {
        float: left;
        width: 225px;
        margin: 20px 10px 10px 0px;
    }
    #content .singleSpot
    {
        width: 225px;
        margin: 20px 10px 10px 0px;
    }
    #content .left
    {
        float: left;
        margin-right: 10px;
    }
    #content .right
    {
        float: right;
        margin-left: 10px;
    }


ul.custom
{
    list-style: none;
    margin-left: 0;
    margin: 0 0 20px;
    padding: 10px 0 0;
    }
    ul.custom li
    {
        background: url(/gfx/sydenergi/bullets/tick.png) 0 3px no-repeat;
        padding-left: 30px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    ul.custom dl,
    ul.custom dt,
    ul.custom dd
    {
        margin: 0;
        padding: 0;
    }
    ul.custom dt
    {
        font-size: 19px;
        margin-bottom: 5px;
    }
    ul.custom dd
    {
        margin-bottom: 15px;
    }


.article
{
    padding-bottom: 25px;
}
.article ul
{
    margin: 0 0 20px 50px;
    padding: 10px 0 0;
    }
    .article ul li
    {
        margin-bottom: 10px;
    }
    

.article h2
{
    padding-top: 18px;
}
.article h3
{
    padding-top: 10px;
}
.article p
{
    margin-bottom: 15px;
}
.article dl.list,
.article dl.list dd,
.article dl.list dt
{
    margin: 0;
    padding: 0;
}
.article dl.list dt
{
    float: left;
    width: 132px;
    font-weight: bold;
}
.article dl.list dd
{
    overflow: hidden;
    padding-bottom: 20px;
}
/* >>> Overview page [#overviewPage] <<< */

#overviewPage
{
}
    #overviewPage #intro
    {
        margin-bottom: 20px;
    }
    
    #overviewPage .productTeasers
    {
    }
        #overviewPage .productTeasers .list > li
        {
            float: left;
            width: 195px;
            padding: 15px;
            margin-right: 20px;
            background: #fff;
        }
        #overviewPage .productTeasers .list > li.last
        {
            margin-right: 0;
        }



/* >>> SearchPage [#searchPage] <<< */

#searchPage
{
}
    #searchPage .box
    {
        margin-bottom: 15px;
        border: 1px solid #ccc;
        background: #eaeaea;
        
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        
        behavior: url(/css/sydenergi/ie-css3.htc);
        height: 1%;
    }
    
    #searchPage #header
    {
        padding-bottom: 20px;
    }
    
    .billTypeSwitcher
    {
        }
        .billTypeSwitcher a
        {
            cursor: pointer;
            position: relative;
            line-height: 21px;
            padding: 5px 1px 9px 9px;
            float: left;
            margin-right: 14px;
        }
        .billTypeSwitcher a.selected
        {
            cursor: default;
        }
        .billTypeSwitcher a.selected span
        {
            cursor: default;
            color: White;
            padding-left: 11px;
        }
        .billTypeSwitcher .clearfix
        {
            height: 40px;    
        }
    

        #filterSearch
        {
            /*float: left;*/
            margin: 0;
            line-height: 31px;
            }
            #filterSearch li
            {
                float: left;
                list-style: none;
                margin-right: 5px;
                }
                #filterSearch li a
                {
                    height: 33px;
                    background-position: right -223px;
                    }
                    #filterSearch li span
                    {
                        background-position: left -190px;
                    }
                
                #filterSearch li a:hover,
                #filterSearch li a:focus
                {
                    text-decoration: none;
                    background-position: right -289px;
                    }
                    #filterSearch li a:focus span,
                    #filterSearch li a:hover span
                    {
                        background-position: left -256px;
                    }
                
                #filterSearch li a.selected,
                .billTypeSwitcher a.selected,
                #filterSearch li a.selected:hover,
                .billTypeSwitcher a.selected:hover,
                #filterSearch li a.selected:focus,
                .billTypeSwitcher a.selected:focus
                {
                    position: relative;
                    height: 30px;
                    background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') 100% -352px no-repeat;
                    }
                    #filterSearch li a.selected span,
                    .billTypeSwitcher a.selected span,
                    #filterSearch li a.selected:hover span,
                    .billTypeSwitcher a.selected:hover span,
                    #filterSearch li a.selected:focus span,
                    .billTypeSwitcher a.selected:focus span
                    {
                        background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') 0 -322px no-repeat;
                        height: 25px;
                        }
                        #filterSearch li a.selected em,
                        .billTypeSwitcher a.selected em
                        {
                            display: block;
                            width: 28px;
                            height: 10px;
                            left: 50%;
                            margin-left: -14px;
                            top: 30px;
                            background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') 0 -352px no-repeat;
                            position: absolute;
                        }
                #filterSearch li a,
                #filterSearch li span
                {
                    color: #404040;
                }
        
        #resultsPerPage
        {
            float: right;
            line-height: 19px;
            }
            #resultsPerPage label
            {
                float: right;
                margin-right: 6px;
                display: inline;
                padding-top: 3px;
            }
            #resultsPerPage select
            {
                float: right;
                padding: 3px;
                border: 1px solid #ccc;
                
                -moz-border-radius: 3px 3px 3px 3px;
            }
    
    .searchSummary
    {
        float: left;
        width: 100%;
        font-size: 17px;
        zoom: 1;
        }
        .searchSummary p
        {
            float: left;
            padding: 15px 20px;
            margin: 0;
            text-shadow: 0 1px 0 #F1F1F1;
            overflow: hidden;
            
        }
        .floatInherit
        {
            clear:both;
            float:left;
            }
        .searchSummary ul
        {
            float: right;
            margin: 0;
            }
            .searchSummary li
            {
                float: left;
                list-style: none;
            }
            .searchSummary li.label
            {
                height: 50px;
                line-height: 50px;
                padding-right: 10px;
            }
                .searchSummary li a
                {
                    color: #00a7c9;
                    padding: 15px 8px;
                    border-left: 1px solid #ccc;
                    display: block;
                }
                .searchSummary li a:active
                {
                    outline: 0;
                    background: #d3dadc;
                    text-decoration: none;
                }
                .searchSummary li a:focus
                {
                    outline: 0;
                }
                .searchSummary li a.selected
                {
                    color: #000;
                }

    
    
    #searchResults
    {
        margin: 0 0 30px 0;
    }
        #searchResults li
        {
            list-style: none;
            padding-bottom: 5px;
            margin-top: 15px;
            border-bottom: 1px dotted #999;
        }
            #searchResults h2
            {
                margin-bottom: 10px;
            }
                #searchResults h2 a
                {
                }
            #searchResults p.description
            {
            }
            #searchResults p.contents
            {
            }
                #searchResults p.contents em
                {
                    font-weight: bold;
                    font-style: normal;
                }
            
    
    #searchPage #sidebar
    {
    }
        #searchPage #sidebar .box
        {
            padding: 5px 10px;
        }
            #searchPage #sidebar .box h4
            {
                padding-left: 4px;
            }
            #searchPage #sidebar .box ul
            {
                margin: 0;
            }
                #searchPage #sidebar .box ul li
                {
                    list-style: none;
                }
                    #searchPage #sidebar .box ul li a
                    {
                        color: #00accc;
                    }
                    #searchPage #sidebar .box ul li a,
                    #searchPage #sidebar .box ul li span
                    {
                        display: block;
                        padding: 3px 4px;
                        border-top: 1px dotted #a2a6a7;
                    }
                    
                    
/* >>> 404 Page [#page404] <<< */
#page404
{
}
    #page404 #main
    {
        width: 470px;
        margin: 0 auto;
        }
        #page404 #header
        {
            text-align: center;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px dotted #999;
        }
    
        #page404 h1
        {
            font-weight: normal;
        }
        
    #page404 ul.links
    {
    }
        #page404 ul.links li
        {
            float: left;
            width: 215px;
        }


/* http://borgar.undraland.com/s/2007/01/style-hr-elements/ */
/* >>> SubPage [main.subPage] <<< */

.subPage
{
}
    .subPage #content
    {
        width: 470px;
    }
    .subPage #sidebar
    {
    }
    
    #overviewPage #container,
    #contentPage #container
    {
        /*background: url('/gfx/sydenergi/bg/page-gradient.png') repeat-x;*/
    }




/* Misc
----------------------------------------------- */

/* Buttons */


a.btn
{
    float: left;
    height: 33px;
    padding: 0 9px 0 0;
    margin-right: 5px; 
    text-decoration: none;
    text-align: center; 
    color: #fff;
    background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') no-repeat right -33px;
    }
    a.btn span
    {
        height: 28px; 
        float: left;
        padding: 5px 1px 0 9px;
        color: #fff;
        cursor: pointer;
        line-height: 21px;
        background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') no-repeat left top; 
    }
    a.btn:hover
    {
        text-decoration: underline;
    }
    a.btn:active
    {
        height: 33px;
        text-decoration: none;
        
        /* maybe remove */
        position: relative;
        top: 1px;
    }
    a.btn:focus
    {
        outline: 0;
        text-decoration: underline;
    }
    a.btn:active,
    a.btn.focus
    {
        outline: 0;
    }

.btnWrapper
{
    float: left;
    position: relative;
    background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') no-repeat 0 0;
    margin-right: 9px;
    display: inline;
    }
    .btnWrapper.rightAlign
    {
        float: right;
    }
    .btnWrapper input,
    .btnWrapper a
    {
        padding: 0 11px 4px;
        height: 33px;
        color: #fff;
        overflow: visible;
        vertical-align: middle;
        cursor: pointer;
        background: none;
        border: 0;
        position: relative;
        z-index: 2;
        margin: 0 -9px 0 0;
        font-size: 13px;
        line-height: 29px;
        white-space: nowrap;
    }
    .btnWrapper a
    {
        float: left;
        color: #fff !important;
        text-decoration: none;
    }
    .btnWrapper span
    {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 9px;
        right: -9px;
        height: 33px;
        display: block;
        padding: 0 9px 0 0;
        background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') no-repeat right -33px;
    }

.btnWrapper.violet
{
    background-position: 0 -1053px;
    }
    .btnWrapper.violet span
    {
        background-position: right -1088px;
    }


.buttons
{
    overflow: hidden;
    clear: both;
    padding-top: 14px;
    }
    .buttons a
    {
        line-height: 33px;
        margin-left: 10px;
        }
        .buttons .btnWrapper a
        {
            color: #fff;
            margin-left: 0;
        }
    .buttons a.cancel
    {
        float: right;
        margin-right: 10px;
        display: inline;
    }
    .buttons.wizard a.back
    {
        float: left;
        margin: 0;
    }
    .buttons.wizard .btnWrapper
    {
        float: right;
    }
    .buttons.toolLinks 
    {
        position: relative;
    }

/* Print
----------------------------------------------- */

@media print
{
    body
    {
    }
    
}


/* SAMPLE COLORS */

/*body.Blue
{
}
    body.Blue ul.links a
    {
    }
    
    body.Blue #bottom-sample
    {
        background: url('/images/sample/frontpage-bottom-blue.png') no-repeat;
    }


body.Green
{
}
    body.Green ul.links li
    {
        background-image: url('/images/sample/arrow-green.png');
    }
        body.Green ul.links a
        {
            color: #17cd55; 
        }
    body.Green #bottom-sample
    {
        background: url('/images/sample/frontpage-bottom-green.png') no-repeat;
    }*/

/* = custom text input = */
.txtInput
{
    float: left;
    background: url('/gfx/sydenergi/text-input-sprite.png') right -32px no-repeat;
    height: 32px;
    padding-right: 3px;
    position: relative;
    }
    .txtInput.disabled
    {
        background-position: right -96px;
    }
    .txtInput span
    {
        /*display: block;*/
        float: left;
        height: 28px;
        background: url('/gfx/sydenergi/text-input-sprite.png') 0 0 no-repeat;
        padding: 2px 2px 2px 5px;
        }
        .txtInput.disabled span
        {
            background-position: 0 -64px;
        }
    .txtInput input
    {
        border: 0;
        height: 28px;
        line-height: 28px;
        width: 111px;
        vertical-align: middle;
        font-size: 13px;
    }
    .txtInput label
    {
        position: absolute;
        left: 4px;
        top: 8px;
        cursor: text;
        color: #999;
    }
    
    .txtInput input.smallest
    {
        width: 41px;
    }
    .txtInput input.small
    {
        width: 75px;
    }
    .txtInput input.medium
    {
        width: 206px;
    }
    .txtInput input.long
    {
        width: 360px;
    }

/* = icons = */
.question
{
    width: 26px;
    height: 27px;
    background: url('/gfx/sydenergi/icons/question.png') 0 0 no-repeat;
    float: right;
    text-indent: -9999em;
}
.iconBillInfo
{
    width: 17px;
    height: 16px;
    text-indent: -9999em;
    display: block;
    background: url('/gfx/sydenergi/icons/smaller-dot.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    outline: none;
    }
    .iconBillInfo.info01    {        top: 164px;    }
    .iconBillInfo.info02    {        top: 239px;    }
    .iconBillInfo.info03    {        top: 251px;    }
    .iconBillInfo.info04    {        top: 263px;    }
    .iconBillInfo.info05    {        top: 275px;    }
    .iconBillInfo.info06    {        top: 287px;    }
    .iconBillInfo.info07    {        top: 299px;    }
    .iconBillInfo.info08    {        top: 311px;    }
    .iconBillInfo.info09    {        top: 323px;    }
    .iconBillInfo.info10    {        top: 335px;    }
    .iconBillInfo.info11    {        top: 412px;    }
    .iconBillInfo.info12    {        top: 436px;    }
    .iconBillInfo.info13    {        top: 517px;    }
    .billInfo
    {
        display: none;
    }


/* sign deal */
.signDeal .moreNums
{
    margin-left: 10px;
    line-height: 28px;
}
.signDeal .dateNote,
.signDeal .note
{
    padding: 12px 0;
    color: #333;
    font-style: italic;
    font-size: 11px;
    line-height: 1.2;
    clear: both;
}
.signDeal .dateNote
{
    position: relative;
    left: 55px;
    top: 70px;
}

.signDeal .important
{
    padding-bottom: 5px;
}
.signDeal h2,
.signDeal h3
{
    padding: 20px 0 15px;
    margin: 0;
}
.signDeal .retypeFields
{
    border: solid #999;
    border-width: 1px 0;
    padding: 15px 0 25px;
    margin-bottom: 20px;
}
.signDeal p span.error 
{
    clear: both;
    display: block;
    width: 400px;
}
.signDeal dl.multipleinstallations
{
    margin: 9px 0 10px 0;
    }
    .signDeal dl.multipleinstallations dt
    {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 2px;
    }
    .signDeal dl.multipleinstallations dl
    {
        max-height: 191px;
        overflow: hidden;
        overflow-y: auto;
    }
    .signDeal dl.multipleinstallations dl dd 
    {
        position: relative;
        }
        .signDeal dl.multipleinstallations dl dd input[type=checkbox]
        {
            position: relative;
            top: 3px;
            margin-right: 5px;
        }
.signDeal a.moreConsumptionNumbers
{
    display: block;
    padding: 6px 0 0 0;
    margin-left: 10px;
    float: left;
}    
.signDeal dt a.moreConsumptionNumbers
{
    display: inline;
    padding: 0;
    float: none;
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
}
/* top box on the my page */
.accountBox
{
	position: relative;
    color: #202020;
    background: url('/gfx/sydenergi/bg/account-top.png') 0 0 no-repeat;
    padding-top: 8px;
    width: 960px;
    margin-bottom: 30px;
    }
    .accountBox .inner
    {
        background: url('/gfx/sydenergi/bg/account-middle.png') 0 0 repeat-y;
        overflow: hidden;
        padding: 10px 20px 14px;
    }
    .accountBox .bottom
    {
        background: url('/gfx/sydenergi/bg/account-bottom.png') 0 0 no-repeat;
        height: 7px;
    }
    .accountBox h2
    {
        font-size: 18px;
        margin: 0;
    }
    .accountBox h3
    {
        font-size: 15px;
        padding: 10px 0 5px;
        margin-bottom: 5px;
    }
    .accountBox p
    {
        margin-bottom: 6px;
        }
    .accountBox select.short
    {
        width: 190px;
    }

#content p.underFields
{
    padding-top: 10px;
}

table.mediaTable
{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center;
    }
    table.mediaTable .title
    {
        text-align: left;
        width: 265px;
        line-height: 1.3;
        }
        table.mediaTable .title span
        {
            padding-left: 10px;
            display: block;
        }
    table.mediaTable td
    {
        border: dotted #999c9e;
        border-width: 0 0 1px 1px;
        height: 60px;
        line-height: 1.1;
        }
        table.mediaTable td.price
        {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.7;
        }
        table.mediaTable td.title
        {
            border-left: 0;
        }
    table.mediaTable em
    {
        font-size: 11px;
        font-style: normal;
    }
    table.mediaTable th
    {
        background: #00a2c1 url(/gfx/sydenergi/bg/media-table-header.png) 0 100% repeat-x;
        color: #fff;
        padding: 12px 0;
        line-height: 1;
        letter-spacing: -1px;
    }
    table.mediaTable a.buy
    {
        background: url(/gfx/sydenergi/btn/btn-buy.png) 0 0 no-repeat;
        display: block;
        width: 47px;
        height: 21px;
        text-indent: -999em;
        margin: 0 auto;
    }
    table.mediaTable span.underDiagramText
    {
        display: block;
        margin: 0 auto;
        font-size: 10px;
        font-weight: bold;
    }

table.fullMediaTable th
{
    text-align: left;
    padding: 12px 10px;
    }
    table.fullMediaTable th.price
    {
        text-align: right;
    }

table.fullMediaTable
{
    table-layout: fixed;
}
table.fullMediaTable td
{
    height: auto;
    padding: 7px 10px;
    text-align: left;
    border-width: 0 0 0 1px;
    }
    table.fullMediaTable td:first-child
    {
        border-left: 0;
    }
    table.fullMediaTable td.price
    {
        font-weight: normal;
        font-size: 13px;
        text-align: right;
        
    }
    table.fullMediaTable th.price
    {
        width: 110px;
    }
    table.fullMediaTable td.subitem
    {
        padding-left: 45px;
    }
    table.fullMediaTable tr.divider td
    {
        height: 1px;
        border-bottom: 1px dotted #999c9e;
        padding: 0;
        
    }
    table.fullMediaTable .title
    {
        width: 240px;
    }

table.prices
{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left; 
    }
    table.prices th,
    table.prices td 
    {
        padding: 10px 10px 8px 10px;
    }
    table.prices th {
	    background: #00a2c1 url(/gfx/sydenergi/bg/media-table-header.png) 0 100% repeat-x;
	    color: #fff;
	    font-weight: bold;
	    padding: 10px 11px 10px 10px;
    }
    table.prices td {
	    border: dotted #999c9e;
        border-width: 0 0 1px 1px;
        }
        table.mediaTable.prices td:first-child {
	        border-left-width: 0;
        }
table.prices .rgt
{
    text-align: right;
}

.accountOverview
{
    padding-top: 4px;
    overflow: hidden;
    margin-bottom: 15px;
    }
    .accountOverview table
    {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
        padding: 0;
        color: #202020;
        margin-bottom: -1px;
    }
    .accountOverview th
    {
        text-align: left;
        font-weight: normal;
        border-bottom: 1px solid #666;
    }
    .accountOverview td
    {
        padding: 11px 0 9px;
    }
    .accountOverview th
    {
        padding: 5px 0 12px;
    }
    .accountOverview td
    {
        border-bottom: 1px dotted #666;
    }
    .accountOverview .date,
    .accountOverview .type
    {
        width: 150px;
        }
        .accountOverview .date span,
        .accountOverview .type span
        {
            padding-left: 12px;
        }
    .accountOverview .viewDoc
    {
        width: 175px;
        }
        .accountOverview .viewDoc span
        {
            padding-left: 13px;
        }
    .accountOverview .regNum
    {
        width: 93px;
        text-align: right;
        }
    .accountOverview .amount
    {
        width: 126px;
        text-align: right;
        }
    .accountOverview .deadline span
    {
        padding-left: 85px;
    }

.line
{
    height: 1px;
    margin: 0 0 10px;
    padding: 0;
    border-bottom: 1px dotted #a3a3a3;
    clear: both;
}

.loading
{
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 1px;
	background: url('/gfx/sydenergi/loaders/loading.png') repeat;
	}
	.loading div
	{
		width: 100%;
		height: 100%;
		background: url('/gfx/sydenergi/loaders/blueBgLoader.gif') 50% 50% no-repeat;
	}

.colsBox
{
    overflow: hidden;
    }
    .colsBox h3
    {
        padding: 0;
        margin: 0 0 5px;
    }
.colsBox .twoColsContainer 
{
    background-color: #f2f2f2;
    float: right;
    width: 610px;
}
.colsBox .col
{
    float: left;
    width: 235px;
    overflow: hidden;
    padding-top: 5px;
    }
    .colsBox .col.first
    {
        margin-right: 10px;
        }
        .colsBox .col.first a.details,
        .colsBox .col.first a.showRelocationTypes
        {
            padding-left: 20px;
            padding-right: 10px;
            background: url('/gfx/sydenergi/arrows/arrow_down.png') no-repeat;
        }
        .colsBox .col.first a.details.open,
        .colsBox .col.first a.showRelocationTypes.open
        {
            background: url('/gfx/sydenergi/arrows/arrow_up.png') no-repeat;
        }
    .colsBox .col.second
    {
        padding-left: 10px;
    }
    .colsBox .col.third
    {
        padding-right: 5px;
        float: right;
    }
    .colsBox .col.w200 { width: 200px; }
    .colsBox .col.w235 { width: 235px; }
    .colsBox .col.w240 { width: 240px; }
    .colsBox .col.w265 { width: 265px; }
    .colsBox .col.w300 { width: 300px; }
    .colsBox .col.w430 { width: 430px; }
    .colsBox .col.w300 select { width: 100%; }
    
    .colsBox .infoIcon img
    {
        position: absolute;
        margin: -2px 0 0 10px;
    }

        .accountBox a
        {
            color: #00accc;
            }
            .accountBox a.restricted,
            .accountBox a.restricted:hover
            {
                color: #999999;
                outline-style: none;
                cursor: default;
                text-decoration: none;
            }
    
    .accountBox .addressview div.header div {
        float: left;
        padding-bottom: 8px;
        }
        .accountBox .addressview div.header div.manipulate {
            padding: 0 0 0 10px;
            text-transform: lowercase;
        }
        .accountBox .addressview div.editme dl.first {
            padding-top: 6px;
        }
        .accountBox .addressview .subheader {
            font-size: 12px;
            font-weight: bold;
            line-height: 12px;
            padding: 5px 0 9px;
            width: 265px;
        }
        .accountBox .addressview .sent .suggestion {
            color: #aaa;
        }
        
    
    .accountBox ul.tabs
    {
        margin: 0;
        line-height: 57px;
        }
        .accountBox ul.tabs li
        {
            float: left;
            list-style: none;
            margin-right: 5px;
            }
                .accountBox ul.tabs li.twoRows span
                {
                    line-height: 1.3;
                    padding-top: 11px;
                }
            .accountBox ul.tabs .btnWrapper
            {
                background-position: left -543px;
                }
                .accountBox ul.tabs .btnWrapper input
                {
                    height: 57px;
                    color: #404040;
                }
                .accountBox ul.tabs .btnWrapper span
                {
                    background-position: right -600px;
                    height: 57px;
                    }
                    
                    .accountBox ul.tabs li.twoRows span
                    {
                        line-height: 1.3;
                        padding-top: 11px;
                    }
            
            
            .accountBox ul.tabs .btnWrapper:hover,
            .accountBox ul.tabs .btnWrapper.selected
            {
                background-position: left -657px;
                }
                .accountBox ul.tabs .btnWrapper:hover span,
                .accountBox ul.tabs .btnWrapper.selected span
                {
                    background-position: right -714px;
                }
            
            .accountBox ul.tabs .btnWrapper.restricted:hover
            {
                background-position: left -543px;
                }
                .accountBox ul.tabs .btnWrapper.restricted:hover span
                {
                    background-position: right -600px;
                }
            .accountBox ul.tabs .btnWrapper.restricted input
            {
                color: #999999;
                outline-style: none;
                cursor: default;
            }
            .accountBox ul.tabs .btnWrapper.restricted input:focus
            {
                outline-style: none;
                cursor: default;
            }
            
    .accountBox .moreInfo
    {
        display: none;
        position: relative;
        }
        .accountBox .moreInfo .line
        {
            padding-top: 14px;
        }
        .accountBox .moreInfo a.closeMoreInfo
        {
            position: absolute;
            right: 0;
            top: 19px;
        }
    .accountBox .moreInfo.open {
        display: block;
    }
    

dl.field,
dl.field dt,
dl.field dd
{
    margin: 0;
    padding: 0;
}
dl.field dt,
dl.field dd
{
    clear: both;
}

dl.field
{
   overflow: hidden;
   padding-bottom: 5px;
}
dl.field dt
{
    padding: 3px 0;
}
dl.field em,
dl.field a.nextLink
{
    margin-left: 10px;
    line-height: 28px;
}

dl.field span.textField
{
	line-height: 32px;
}
dl.field dd.meterField
{
	width: 135px;
	text-align: center;
}	

.fieldsRow
{
    overflow: hidden;
    }
    .fieldsRow dl.field
    {
        float: left;
        margin-right: 10px;
    }

.fieldsRow.important dt
{
    font-weight: bold;
    
}
.fieldsRow.important dd
{
    overflow: hidden;
    clear: both;
}
.fieldsRow.important .question
{
    float: left;
    margin-right: 5px;
}
.fieldsRow.important .txtInput input
{
    width: 175px;
}
.fieldsRow.important .btnWrapper
{
    margin-top: 29px;
}

.tab .innerBox
{
	padding-bottom: 15px;
	}
	.tab .innerBox .txtInput span
	{
		font-size: 0;
	}
	.tab .innerBox .selectWrapper
	{
	    display: none;
		}
		.tab .innerBox .selectWrapper select
		{
		    border: 0 none;
		    width: 123px;
            margin: 4px 2px 0 0;
		}
/**/
.tab .innerBox dt label
{
	vertical-align: inherit;
}
/**/
table.sentPreview
{
	border-collapse: collapse;
	margin-bottom: 5px;
}
table.sentPreview td,
table.sentPreview th
{
	padding-right: 10px;
}
table.sentPreview th
{
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.sentPreview td span
{
	line-height: 32px;
}
table.sentPreview .aligned
{
	text-align: right;
}
table.sentPreview td.dateReading
{
	width: 121px;
	}
table.sentPreview td.readingValue
{
	width: 64px;
}
table.sentPreview td.meterValue
{
	width: 135px;
}
table.sentPreview .lastReading
{
	width: 210px;
}	
table.sentPreview .buttons
{
	padding-top: 0;
}

p.readmore
{
    font-size: 11px;
    margin-top: -10px;
}

/* = ads box = */
.adsBox
{
    padding-bottom: 29px;
    overflow: hidden;
    }
    .price.adsBox
    {
        padding-top: 20px;
        padding-bottom: 0;
        font-size: 12px;
        }
        .adsBox .image
        {
            padding-bottom: 7px;
            }
            .adsBox .image img
            {
                display: block;
            }
    .adsBox dl,
    .adsBox dt,
    .adsBox dd
    {
        margin: 0;
        padding: 0;
    }
    .adsBox dt
    {
        font-weight: bold;
        margin-bottom: 5px;
    }
    .adsBox ul
    {
        margin: 0 0 0 15px;
        padding: 0;
    }
    .adsBox h3
    {
        margin-bottom: 15px;
        }
        .adsBox.price h3
        {
            margin: 0;
        }
        .adsBox.price a
        {
            font-size: 13px;
        }
.adsBox.separate
{
    float: left;
    width: 350px;
    padding: 0 0 29px;
    }
    .adsBox.separate h2
    {
        /*font-weight: normal;*/
        margin: 0;
    }
.adsBox .subAdsBox
{
    padding: 0 20px;
}
.adsBox.full
{
    width: 350px;
    height: 345px;
    float: left;
    padding: 0;
    border-bottom: 1px dotted #999;
    margin-bottom: 25px;
    }
    .adsBox.full.noborder
    {
        border: 0;
    }
    
    .adsBox.full h2
    {
        margin-bottom: 10px;
        }
        .adsBox.full h2 a
        {
            color: #000;
        }
        .adsBox.full h2 a:hover
        {
            color: #00accc;
        }
        
.adsBox.even
{
    float: right;
}

.relocationTypes
{
    display: none;
    /*margin: 15px 0 0 0;*/
    }
    .relocationTypes .line
    {
        margin: 14px 0 6px 0;
    }
    .relocationTypes .relocationcontainer
    {
        padding-top: 10px;
    }

#sendEmailReceiptFormDiv div.valsum 
{
    margin: 7px 0 0 260px;
}

.inIdleBox,
.normalRelocationBox
{
    display: none;
}

.particularsWrapper
{
    position: relative;    
}
#myPageError 
{
    text-align: center;
    display: none;
}

.tabWrapper a
{
    color: #00accc;
}
.tabWrapper select
{
    width: 370px;
}
.tabWrapper .tabBox
{
    background: url('/gfx/sydenergi/bg/bg-tabbox-top.png') 0 0 no-repeat;
    padding-top: 3px;
    overflow: hidden;
    width: 960px;
    position: relative;
    top: -1px;
    z-index: 9;
    }
    .tabWrapper .tabBox .inner
    {
        background: #fff;
        border: solid #ccc;
        border-width: 0 1px;
        padding: 16px 20px 13px 20px;
        overflow: hidden;
    }
    .tabWrapper .tabBox .bottom
    {
        background: url('/gfx/sydenergi/bg/bg-tabbox-bottom.png') 0 0 no-repeat;
        height: 3px;
    }

    .tabWrapper .tabBox h2
    {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .tabWrapper .tools
    {
        margin-bottom: 20px;
        overflow: hidden;
        }
        .tabWrapper .tools a
        {
            margin-left: 13px;
        }
    .tabWrapper .frame iframe
    {
        border: 0;
    }
    
.tabWrapper .leftCol
{
    float: left;
    width: 705px;
    }
    .tabWrapper .leftCol h3
    {
        margin-bottom: 3px;
    }
    .tabWrapper .leftCol.half
    {
        width: 450px;
        background: #e0f3fc;
    }
.tabWrapper .rightCol
{
    float: right;
    width: 196px;
    }
    .tabWrapper .rightCol.half
    {
        width: 450px;
        background: #f1f2d6;
    }
/*.tabWrapper */ #seforbrug .leftCol        /* the leftCol in the seforbrug tab */
{
    width: 720px;
    height: 570px;
}
/*.tabWrapper */ #seforbrug .rightCol        /* the leftCol in the seforbrug tab */
{
    width: 181px
}
.tabWrapper .subCol
{
    padding: 10px;
    overflow: hidden;
}

.tabWrapper .topInfo
{
    padding-bottom: 20px;
}

/* tabwrapper ads box */
.tabWrapper .adsBox .image
{
    float: left;
    width: 205px;
    }
    .tabWrapper .adsBox.price .image
    {
        width: 100px;
    }
.tabWrapper .adsBox .content
{
    float: right;
    width: 205px;
    padding-top: 8px;
    }
    .tabWrapper .adsBox.price .content
    {
        width: 320px;
        padding: 0;
    }

#sendEmailReceiptFormDiv 
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: white;
        padding: 14px 0 5px 0;
        z-index: 2;
    }
    #sendEmailReceiptFormDiv label
    {
        padding-top: 5px;
    }

.frameBox
{
    margin-bottom: 25px;
    }
    .frameBoxWrapper
    {
        padding: 0;
    }

/* green power */
.greenPower
{
    padding: 10px 0;
    border: dotted #939da1;
    border-width: 1px 0;
    /*overflow: hidden;*/
    position: relative;
    }
    .greenPower p
    {
        font-size: 11px;
    }
    .greenPower ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1;
    }
    .greenPower li
    {
        overflow: hidden;
    }
    .greenPower .additionalInfo
    {
        display: none;
        overflow: hidden;
    }
    

/* = big theme element on frontpage = */
.bigElementWrapper
{
    background: url(/gfx/sydenergi/bg/curved-line.png) 50% -83px no-repeat;
    padding-top: 60px;
}
.bigElement
{
    height: 395px;
    width: 960px;
    margin: 0 auto 20px auto;
    border-bottom: 1px solid #ccc;
    }
    .bigElement h1
    {
        float: left;
        margin: 0;
        padding: 30px 0 0;
        width: 300px;
        font-size: 40px;
        line-height: 1.1;
    }
    .bigElement p
    {
        margin-bottom: 15px;
    }
    .bigElement h2
    {
        margin-bottom: 10px;
    }
    .bigElement .content
    {
        float: right;
        width: 300px;
        padding-top: 33px;
    }
    .bigElement .buttons
    {
        padding: 0 0 8px 23px;
    }
    .bigElement .btnWrapper
    {
        background-position: 0 -1122px;
        }
        .bigElement .btnWrapper span
        {
            background-position: right -1159px;
            height: 37px;
        }
        .bigElement .btnWrapper a
        {
            font-size: 15px;
            padding: 0 27px 4px;
        }


.dealTerm
{
    position: relative;
    clear: both;
    }
    .dealTerm h4
    {
        font-size: 15px;
        font-weight: bold;
    }
    .dealTerm .btnWrapper
    {
        float: right;
        margin-right: 20px;
        display: inline;
    }
    .dealTerm dl,
    .dealTerm dd,
    .dealTerm dt
    {
        margin: 0;
        padding: 0;
    }
    .dealTerm ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1;
    }
    .dealTerm li
    {
        overflow: hidden;
    }
    .dealTerm .price 
    {
        font-size: 18px;     
        }
        .dealTerm .price span.ppt
        {
            font-size: 14px;
        }
    .dealTerm .year
    {
        background: transparent url('/gfx/sydenergi/progress-sprite.png') 0 0 no-repeat;
        float: left;
        height: 17px;
        width: 30px;
        margin-top: 3px;
        }
        .dealTerm .year1 { width:  70px; }
        .dealTerm .year2 { width: 140px; }
        .dealTerm .year3 { width: 210px; }
        .dealTerm .year4 { width: 280px; }
        .dealTerm .period em
        {
            float: right;
            font-style: normal;
            font-size: 10px;
            color: #333;
            background: transparent url('/gfx/sydenergi/progress-sprite.png') right -17px no-repeat;
            height: 17px;
            line-height: 17px;
            margin-right: -4px;
            padding-right: 5px;
            display: inline;
            
        }
        .dealTerm .period label
        {
            float: left;
            margin-right: 10px;
        }
        .dealTerm .period .lbl
        {
            display: inline-block;
            text-align: left;
            padding-left: 5px;
            width: 48px;
        }
        .dealTerm .period
        {
            padding-bottom: 20px;
            overflow: hidden;
        }
    
/* = custom datepicker = */
.calendar
{
    float: left;
    width: 75px;
    }
    .calendar dt,
    .calendar dl,
    .calendar dd
    {
        margin: 0;
        padding: 0;
    }
    .calendar dl
    {
        overflow: hidden;
    }
    .calendar dt
    {
        margin-bottom: 3px;
    }
    .calendar dd
    {
        float: left;
    }
    .calendar dd.note
    {
        padding: 12px 0 0 10px;
        clear: none;
    }
        
.calendar .datepicker
{
    width: 42px;
    height: 52px;
    display: block;
    background: url(/gfx/sydenergi/icons/calendar.png) 0 0 no-repeat;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    font-family: Arial;
    }
    .datepicker:hover
    {
        text-decoration: none;
    }
    .datepicker em,
    .datepicker span
    {
        display: block;
        text-align: center;
        line-height: 1.1;
    }
    .datepicker em
    {
        font-size: 10px;
        font-style: normal;
    }
    .datepicker span
    {
        font-size: 18px;
    }
    .datepicker span.subDatepicker
    {
        padding-top: 5px;
    }
    
.customPopup
{
    position: absolute;
    /*left: 47px;*/
    margin-top: -2px;
    margin-left: 47px;
    z-index: 100;
    display: none;
    }
    .customPopup .rightBorder
    {
        background: url(/gfx/sydenergi/bg/datepicker-box-right.png) right 0 repeat-y;
        padding-right: 5px;
        margin-right: -8px;
    }
    .customPopup .leftBorder
    {
        background: url(/gfx/sydenergi/bg/datepicker-box-left.png) 0 0 repeat-y;
        padding-left: 3px;
        margin-left: -8px;
    }
    .customPopup .topLn
    {
        background: url(/gfx/sydenergi/bg/datepicker-box-top.png) 0 0 repeat-x;
        padding-top: 8px;
        margin: 0 8px;
    }
    .customPopup .bottomLn
    {
        background: url(/gfx/sydenergi/bg/datepicker-box-bottom.png) 0 bottom repeat-x;
        padding-bottom: 8px;
    }
    .customPopup .corner
    {
        width: 8px;
        height: 8px;
        background: url(/gfx/sydenergi/bg/datepicker-corners-sprite.png) 0 0 no-repeat;
        position: absolute;
        font-size: 1px;
        }
        .customPopup .corner.leftTop
        {
            left: 0;
            top: 0;
            background-position: 0 0;
        }
        .customPopup .corner.rightTop
        {
            right: 0;
            top: 0;
            background-position: 0 -8px;
        }
        .customPopup .corner.leftBottom
        {
            left: 0;
            bottom: 0;
            background-position: 0 -24px;
        }
        .customPopup .corner.rightBottom
        {
            right: 0;
            bottom: 0;
            background-position: 0 -16px;
        }
    .customPopup .arrow
    {
        position: absolute;
        top: 30px;
        left: -5px;
        width: 8px;
        height: 14px;
        background: url(/gfx/sydenergi/bg/datepicker-corners-sprite.png) 0 -32px no-repeat;
    }
    .customPopup .content
    {
        padding: 0 15px 10px 15px;
        background: #fefefe;
    }
    
.tooltipContent
{
    display: none;
}
.tooltipPopup 
{
    margin-left: 20px;
    margin-top: -20px;
}
.tooltipPopup .arrow
{
    top: 10px;
}

/* = datepicker box = */
.datepickerBox dl.dates dt
{
    color: #202020;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom:0;
    }
    .datepickerBox dl.dates dd.topBord
    {
        padding-top:5px;
        border-top: 1px dotted #a1a1a1;
        float: none;
        }
        .datepickerBox dl.dates dd.topBord dd
        {
            padding-right: 5px;
        }
        .datepickerBox dl.dates dd.topBord dd.last
        {
            padding-right: 0;
        }
    .datepickerBox dl.dates dd dt
    {
        border: 0;
        font-weight: normal;
        padding: 0;
        margin: 0;
    }
.datepickerBox ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
        
.greenPower dt,
.greenPower dl,
.greenPower dd
{
    margin: 0;
    padding: 0;
}
.greenPower dt
{
    margin-bottom: 3px;
}
.greenPower p
{
    margin: 0;
}
.greenPower h4
{
    padding-top: 10px;
}


.tabWrapper .box
{
    background: #f2f2f2;
    }
    .tabWrapper .box .content
    {
        padding: 10px 10px 20px;
        font-size: 11px;
        line-height: 1.4;
        overflow: hidden;
    }
    .tabWrapper .box h2,
    .tabWrapper .box h3
    {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .tabWrapper .box p
    {
        margin-bottom: 8px;
        }
        .tabWrapper .box p.intro
        {
            font-size: 13px;
        }
        
    .tabWrapper .box .btnWrapper
    {
        margin-left: 30px;
        display: inline;
    }
    .tabWrapper .box .headBox
    {
        border-bottom: 1px dotted #9c9c9c;
        margin-bottom: 15px;
        padding: 5px 0;
        }
        .tabWrapper .box .headBox h2
        {
            margin: 0;
        }
        .tabWrapper .box .headBox.big
        {
            border-top: 1px dotted #9c9c9c;
            }
            .tabWrapper .box .headBox.big h2
            {
                font-size: 20px;
                color: #f90;
            }
    .tabWrapper .box .links
    {
        padding-top: 10px;
        }
        .tabWrapper .box .links a
        {
            background: none;
            padding: 0;
        }

.tabWrapper ul.tabs
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    }
    .tabWrapper ul.tabs li
    {
        float: left;
        font-size: 15px;
        line-height: 50px;
        height: 51px;
        }
        .tabWrapper ul.tabs a
        {
            padding-right: 9px;
            display: block;
            color: #202020;
			background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') right -1321px no-repeat;
        }
		.tabWrapper ul.tabs a span
		{
			background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') 0 -1270px no-repeat;
		}
		.tabWrapper ul.tabs a:hover
		{
			text-decoration: none;
		}
        .tabWrapper ul.tabs li.restricted a
        {
            color: #999999;
        }
        .tabWrapper ul.tabs li.restricted a:hover
        {
            text-decoration: none;
        }
        .tabWrapper ul.tabs li.selected
        {
            line-height: 51px;
            }
            .tabWrapper ul.tabs li.selected a
            {
                background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') right -822px no-repeat;
            }
        .tabWrapper ul.tabs span
        {
            display: block;
            padding: 0 20px;
			cursor: pointer;
        }
        .tabWrapper ul.tabs li.selected span
        {
            background: transparent url('/gfx/sydenergi/btn/buttons-sprite.png') 0 -771px no-repeat;
        }
		.tabWrapper ul.tabs li.restricted a span,
		.tabWrapper ul.tabs li.restricted a:hover span
		{
			cursor: default;
		}

.siteBox
{
    background: url('/gfx/sydenergi/bg/site-box-bottom-sprite.png') 0 bottom no-repeat;
    width: 352px;
    float: left;
    margin-bottom: 20px;
    }
    .siteBox.even
    {
        float: right;
    }
    .siteBox .content
    {
        background: url('/gfx/sydenergi/bg/site-box-sprite.png') 0 0 no-repeat;
        margin-bottom: 5px;
        padding: 10px;
        overflow: hidden;
        color: #fff;
    }
    #sidebar .siteBox h3
    {
        margin-bottom: 15px;
    }
    #sidebar .siteBox dl.checkbox dd
    {
        margin-bottom: 15px;
        line-height: 1.25;
    }
    #sidebar .siteBox
    {
        width: 228px;
    }

    .siteBox.green
    {
        background-position: 0 bottom;
        }
        .siteBox.green .content
        {
            background-position: 0 top;
        }
    #sidebar .siteBox.green
    {
        background-position: -934px bottom;
        }
        #sidebar .siteBox.green .content
        {
            background-position: -937px top;
        }
    
    .siteBox.blue
    {
        background-position: -352px bottom;
        }
        .siteBox.blue a
        {
            color: #fff;
            text-decoration: underline;
        }
        #sidebar .siteBox.blue
        {
            background-position: -704px bottom;
        }
        .siteBox.blue .content
        {
            background-position: -352px top;
            }
            #sidebar .siteBox.blue .content
            {
                background-position: -706px top;
            }

    .siteBox.noBg
    {
        background: none;
        }
        .siteBox.noBg .content
        {
            background: none;
            color: #333;
        }

    .siteBox.caseStory h2
    {
        margin: 0 0 10px;
        }
        .siteBox.caseStory h2 a
        {
            color: #333;
        }
    .siteBox.caseStory cite
    {
        margin-bottom: 6px;
        padding-bottom: 8px;
        display: block;
        border-bottom: 1px dotted #9fa0a1;
        line-height: 1.4;
    }

    .siteBox.superAds
    {
        position: relative;
        }
        .siteBox.superAds img
        {
            display: block;
        }
        .siteBox.superAds h2
        {
            font-size: 25px;
            margin: 0;
            font-weight: normal;
            padding: 5px 0;
            line-height: 1.1;
            }
            .siteBox.superAds h2 a
            {
                color: #fff;
            }
            .siteBox.superAds span.seenOnTV
            {
                background: url(/gfx/sydenergi/seen-on-TV.png) 0 0 no-repeat;
                position: absolute;
                width: 66px;
                height: 66px;
                right: -10px;
                top: -10px;
                text-indent: -9999em;
            }
    
    /* tops box */
    .siteBox.tips .content
    {
        min-height: 202px;
        overflow: hidden;
    }
    .siteBox.tips h2
    {
        background: url(/gfx/sydenergi/lamp.png) 23px 40px no-repeat;
        padding: 40px 0 36px 125px;
        font-size: 25px;
        line-height: 1.12;
        margin-bottom: 5px;
        font-weight: normal;
        }
        .siteBox.tips h2 a
        {
            color: #fff;
            text-decoration: underline;
        }
        
    /* tips box */
    .siteBox.help,
    .siteBox.speedmeter
    {
        line-height: 1.15;
        }
        .siteBox.help .content
        {
            padding: 10px 10px 0 14px;
            min-height: 212px;
            overflow: hidden;
            }
            .siteBox.help p
            {
                margin: 0;
                padding: 0 0 10px;
            }
            .siteBox.speedmeter .content
            {
                padding: 15px 15px 0 20px;
                min-height: 207px;
                overflow: hidden;
            }
            #sidebar .siteBox.help .content
            {
                padding-left: 10px;
            }
        .siteBox.speedmeter .buttons .image
        {
            float: left;
            margin-right: 30px;
        }
        .siteBox.speedmeter .buttons
        {
            padding: 0;
            }
            .siteBox.speedmeter .buttons .btnWrapper
            {
                margin-top: 40px;
            }
            .siteBox.speedmeter .buttons a
            {
                text-decoration: none;
                padding: 0 25px 4px;
            }
        .siteBox.help .image
        {
            float: left;
            margin-right: 10px;
            text-align: center;
            }
            #sidebar .siteBox.help .image
            {
                float: none;
                margin: 0 0 10px;
            }

        .siteBox.help .validInput
        {
            position: relative;
            float: left;
            padding-bottom: 10px;
            }
            .siteBox.help .error
            {
                position: absolute;
                right: -5px;
                top: 0;
            }
            .siteBox.help .textError
            {
                color: #E01F1F;
                display: block;
                font-size: 11px;
            }
        

        .siteBox.help h2
        {
            font-size: 16px;
            margin-bottom: 5px;
        }
        .siteBox.help .inputPhone
        {
            overflow: hidden;
            clear: both;
            padding-bottom: 10px;
            }
            #sidebar .siteBox.help .inputPhone .validInput
            {
                padding: 0;
            }
        .siteBox.help .text
        {
            float: left;
            width: 175px;
        }
        #sidebar .siteBox.help .text
        {
            width: 100%;
            }
            .siteBox.help .txtInput input
            {
                width: 160px;
                color: #999;
                }
                #sidebar .siteBox.help .txtInput input
                {
                    width: 198px;
                }
                #sidebar .siteBox.help .splitLeft
                {
                    float: left;    
                }
                #sidebar .siteBox.help .splitRight
                {
                    float: right;    
                    clear: right;
                }
                #sidebar .siteBox.help .splitRight .smallInput.last
                {
                    padding-right: 0;    
                }
                
                #sidebar .siteBox.help .txtInput input.smallest
                {
                    width: 38px;                    
                }
                #sidebar .siteBox.help .inputPhone .txtInput input
                {
                    width: 100px;
                }
                #sidebar .siteBox.help .inputPhone p
                {
                    margin: 0;
                    float: left;
                }
                #sidebar .siteBox.help .smallInput
                {
                    padding-right:5px;
                    line-height:20px;
                    font-size: 10.5px;
                    }
                
        #sidebar .siteBox.help .btnWrapper,
        #sidebar .siteBox.help a.btn
        {
            float: right;
            }
            #sidebar .siteBox.help a.btn span
            {
                padding-left: 6px;
            }
        .siteBox.help .btnWrapper input
        {
            padding: 0 5px 4px;
            padding: 0 8px 4px\9
        }
            
        .siteBox.help span.phone
        {
            font-size: 20px;
            display: block;
            padding-top: 5px;
            font-weight: bold;
        }

.electricity
{
    background: url(/gfx/sydenergi/bg/product-box-top.png) 0 0 no-repeat;
    padding-top: 7px;
    width: 354px;
    margin:  0 0 15px;
    float: left;
    }
    #content .electricity
    {
        display: none;
    }
    .electricity.even
    {
        float: right;
    }
    #sidebar .electricity
    {
        background-image: url(/gfx/sydenergi/bg/product-box-small-top.png);
        padding-top: 6px;
        width: 229px;
    }
    .green.electricity /*  not .electricity.green for IE6 */
    {
        background-image: url(/gfx/sydenergi/bg/product-box-green-top.png);
    }
    
    .electricity .contents
    {
        padding: 15px 22px;
        background: url(/gfx/sydenergi/bg/product-box-content.png) 0 0 repeat-y;
        overflow: hidden;
        }
        
        
        .bigElectricity .contents /* Hi Eugene perhaps something like this so the description always sits at bottom of spot no matter the height set in '.bigElectricity .contents' */
        {
            position: relative;
            height: 468px;
        }
        .bigElectricity .contents .description
        {
            position: absolute;
            bottom: 15px;
            width: 310px;
        }
        
        
        #sidebar .electricity .contents
        {
            padding: 7px 11px;
            background-image: url(/gfx/sydenergi/bg/product-box-small-content.png);
        }
        .electricity.green .contents
        {
            background-image: url(/gfx/sydenergi/bg/product-box-green-content.png);
        }
    .electricity .agree
    {
        padding-top: 15px;
        }
        .green.electricity .agree
        {
            padding: 0;
        }
    .electricity .bottom
    {
        background: url(/gfx/sydenergi/bg/product-box-bottom.png) 0 0 no-repeat;
        height: 7px;
        }
        #sidebar .electricity .bottom
        {
            background-image: url(/gfx/sydenergi/bg/product-box-small-bottom.png);
            height: 6px;
        }
        .electricity.green .bottom
        {
            background-image: url(/gfx/sydenergi/bg/product-box-green-bottom.png);
        }
    
    .electricity .adsBox
    {
        padding: 0;
        }
        .electricity .adsBox h3
        {
            font-size: 20px;
            margin-bottom: 10px;
        }
        .electricity .adsBox h3 a
        {
            color: #000;
        }
        .electricity .adsBox h3 a:hover
        {
            color: #28C2E1;
        }

    
    .electricity .description
    {
        font-size: 11px;
        color: #202020;
        padding-top: 10px;
        }
        .electricity .description h3,
        .electricity .description p
        {
            margin: 0;
        }
    .electricity .btnWrapper
    {
        margin-top: -27px;
        background-position: 0 -1122px;
        float: right;
        }
        #sidebar .electricity .btnWrapper
        {
            margin-top: 0;
            float: left;
        }
        .electricity .btnWrapper input
        {
            height: 37px;
            line-height: 35px;
            /*padding: 0 6px 4px;*/
        }
        .electricity .btnWrapper a
        {
            display: block;
            height: 31px;
            line-height: 27px;
            padding: 4px 14px 2px 14px;
            color: #ffffff;
        }
        .electricity .btnWrapper span
        {
            height: 37px;
            background-position: right -1159px;
            padding-right: 6px;
        }
        .electricity.green .btnWrapper
        {
            background-position: 0 -1196px;
            }
            .electricity.green .buttons .btnWrapper
            {
                margin-top: 0;
            }
            .electricity.green .btnWrapper span
            {
                background-position: right -1233px;
            }
        
    .electricity a
    {
        color: #28c2e1;
    }

    #sidebar.electricity .greenPower label
    {
        font-size: 11px;
        font-family: Arial;
    }
    .electricity.green a
    {
        color: #8cc63e;
    }
    .electricity.green .greenChoice
    {
        background: url(/gfx/sydenergi/green-choice.png) 0 0 no-repeat;
        line-height: 35px;
        float: left;
        padding-left: 25px;
        color: #8cc63e;
        font-size: 13px;
    }
.electricity .priceBox
{
    text-align: center;
    padding-top: 18px;
    }
    .electricity .priceBox p
    {
        margin-bottom: 15px;
        }
        .electricity .priceBox p.cost
        {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 5px;
        }
    .electricity .links
    {
        padding-top: 10px;
        font-size: 11px;
        line-height: 1.3;
    }
    .electricity .priceBox .buttons
    {
        padding: 0 0 0 44px;
    }
    
    .electricity .priceBox .btnWrapper
    {
        background-position: 0 -880px;
        }
        .electricity .priceBox .btnWrapper input
        {
            height: 42px;
        }
        .electricity .priceBox .btnWrapper span
        {
            background-position: 100% -922px;
            height: 42px;
        }
    .electricity .adsBox
    {
        padding-bottom: 5px;
        }
        .electricity .adsBox .image
        {
            padding-bottom: 10px;
            overflow: hidden;
            }
            #sidebar .electricity .adsBox .image
            {
                width: 207px;
            }
        
/* = media product = */
.mediaProduct
{
    background: url(/gfx/sydenergi/bg/media-product-bottom.png) -2px bottom no-repeat;
    width: 473px;
    overflow: hidden;
    }
    .mediaProduct.wideMediaProduct
    {
        width: 715px;
        background: url(/gfx/sydenergi/bg/media-top.png) -1px 0 no-repeat;
        padding-top: 8px;
        margin-bottom: 20px;
    }
    
    .subMediaProduct
    {
        background: url(/gfx/sydenergi/bg/media-product-top.png) -2px 0 no-repeat;
        margin-bottom: 5px;
        padding: 15px 0 0 2px;
        position: relative;
        overflow: hidden;
        zoom: 1;
        }
        .mediaProduct.wideMediaProduct .subMediaProduct
        {
            background: url(/gfx/sydenergi/bg/media-middle.png) -1px 0 repeat-y;
            margin: 0;
            padding: 15px 20px 20px 24px;
        }
        
    .mediaProduct.wideMediaProduct .bottom
    {
        background: url(/gfx/sydenergi/bg/media-bottom.png) 0 0 no-repeat;
        height: 5px;
    }
    .mediaProduct .image
    {
        position: relative;
        }
        .mediaProduct .image img
        {
            display: block;
        }
    .mediaProduct .content
    {
        position: absolute;
        width: 211px;
        top: 30px;
        right: 20px;
        zoom: 1;
        }
        .mediaProduct.wideMediaProduct .content
        {
            width: 300px;
            top: 20px;
        }
    
    .mediaProduct p
    {
        margin: 0 0 10px;
        padding: 0;
    }

    .mediaProduct .price,
    .mediaBox .price,
    .mediaConfirm .price
    {
        line-height: 1.1;
        text-align: right;
        margin-bottom: 10px;
        }
        .mediaProduct .price .value,
        .mediaBox .price .value,
        .mediaConfirm .price .value
        {
            font-size: 48px;
            font-weight: bold;
            color: #00b1cd;
        }
        .mediaProduct .price .text,
        .mediaBox .price .text,
        .mediaConfirm .price .text
        {
            font-size: 19px;
        }
        


/* = meter box = */
.metersArea
{
    margin-bottom: 30px;
    }
    .metersArea .metersAmount
    {
        display: none;
    }
.meter
{
    padding-bottom: 50px;
    }
    .meterBox
    {
        position: relative;
        padding-top: 20px;
    }
    .meterBox .intervalsAmount,
    .meterBox .meterId
    {
        display: none;
    }
    .meter ul
    {
        list-style: none;
        left: 57px;
        padding: 0;
        position: absolute;
    }
    .meter li
    {
        position: absolute;
        color: #666;
        text-align: center;
        font-size: 16px;
        float: left;
    
        }
        .meter li.current
        {
            font-weight: bold;
        }
    .meter .slider
    {
        margin: 20px 0;
        height: 0px;
    }
    .meter .sliderWrapper
    {
        background: #999;
        margin: 0 78px 0 50px;
        padding: 0 30px;
    }
    .meter a.pic
    {
        position: absolute;
        height: 80px;
        display: block;
        top: 0;
        }
    .meter a.from
    {
        left: 0;
        width: 50px;
        overflow: hidden;
    }
    .meter a.to
    {
        width: 78px;
        right: 0;
    }
    .meter .ui-slider .ui-slider-handle
    {
        background: url("/gfx/sydenergi/meter-handle.png") 0 0 no-repeat ;
        outline: none;
    }
    .meter .ui-widget-content .ui-state-default,
    .meter .ui-widget-content
    {
        border: 0;
    }
    .meter .ui-widget-content
    {
        border-top: 1px solid #aaa;
    }

/* recomend box */
.recommend
{
    width: 205px;
    float: left;
    color: #333;
    background: url(/gfx/sydenergi/bg/recommend-box-sprite.png) -461px bottom no-repeat;
    padding-bottom: 5px;
    display: none;
    }
    .recommend .content
    {
        background: url(/gfx/sydenergi/bg/recommend-box-sprite.png) -252px 0 no-repeat;
        padding: 15px 10px;
        min-height: 213px;
    }
    .recommend
    {
        margin: 21px 5px 0 0;
    }
    .recommend.high
    {
        background-position: -670px bottom;
        padding-bottom: 16px;
        width: 240px;
        color: #fff;
        margin: 0;
        
        margin-left: -3px;
        width: 238px;
        }
        .recommend.high .content
        {
            background-position: 0 0;
            padding: 35px 29px 0 26px;
            min-height: 235px;
        }
    .recommend .top
    {
        text-align: center;
        font-weight: bold;
        border-bottom: 1px dotted #999;
        margin-bottom: 16px;
        padding-bottom: 16px;
        }
        .recommend .top h2
        {
            margin-bottom: 0;
        }
        .recommend.high .top
        {
            border-bottom: 1px dotted #fff;
            }
            .recommend.high .top h2
            {
                font-size: 28px;
            }
    .recommend .info
    {
        text-align: center;
        font-size: 13px;
        }
        .recommend.high .info
        {
            font-size: 16px;
        }
    .recommend .priceBox
    {
        font-size: 16px;
        text-align: center;
        padding-top: 10px;
        }
        .recommend.high .priceBox
        {
            font-size: 24px;
        }
        
    .recommend .buttons
    {
        padding: 27px 0 0 40px;
        }
        .recommend.high .buttons
        {
            padding: 25px 0 0 32px;
        }
    .recommend.even
    {
        float: right;
    }
.recommend .productId
{
    display: none;
}
.recommend.high .btnWrapper
{
    background-position: 0 -880px;
    }
    .recommend.high .btnWrapper.violet
    {
        background-position: 0 -965px;
    }
    .recommend.high .btnWrapper input
    {
        height: 42px;
        font-size: 16px;
    }
    .recommend.high .btnWrapper span
    {
        height: 42px;
        background-position: right -922px;
        }
        .recommend.high .btnWrapper.violet span
        {
            height: 42px;
            background-position: right -1009px;
        }

.mediaBox
{
    background: url("/gfx/sydenergi/bg/media-top.png") 0 0 no-repeat;
    padding-top: 8px;
    }
    .mediaBox .inner
    {
        background: url("/gfx/sydenergi/bg/media-middle.png") 0 0 repeat-y;
        padding: 20px 20px 20px 32px;
        overflow: hidden;
    }
    .mediaBox .bottom
    {
        background: url("/gfx/sydenergi/bg/media-bottom.png") 0 0 no-repeat;
        height: 5px;
    }

    .mediaBox .package
    {
        margin-bottom: 15px;
    }
    .mediaBox .package:last-child .buttons 
    {
        border: none;
        padding-bottom: 0;
    }
    .mediaBox .package .channels li
    {
        display: none;
    }
    .mediaBox .package dd.more
    {
        display: none;
    }
    .mediaBox dl,
    .mediaBox dt,
    .mediaBox dd,
    .mediaBox ul
    {
        margin: 0;
        padding: 0;
    }
    .mediaBox dt,
    .mediaBox dd
    {
        float: left;
        clear: left;
    }
    .mediaBox dd
    {
        margin-left: 25px;
        display: inline;
        width: 465px;
        margin-bottom: 5px;
        }
        .mediaBox dd.price
        {
            float: right;
            padding-top: 30px;
            clear: none;
            margin: 0;
            width: 170px;
            }
            .mediaBox dd.price .text,
            .mediaConfirm .price .text
            {
                margin-right: 40px;
            }
            .mediaBox .optionalPackage dd.price
            {
                padding-top: 5px;
                }
                .mediaBox .optionalPackage dd.price div
                {
                    display: inline;
                }
                .mediaBox .optionalPackage dd.price .value,
                .mediaBox .optionalPackage dd.price .text
                {
                    font-size: 13px;
                }
            
            .mediaBox dd.divider
            {
                float: none;
                clear: both;
                height: 15px;
                width: 100%;
                display: block;
            }
    .mediaBox h3
    {
        font-size: 19px;
        font-weight: normal;
    }
    .mediaBox ul
    {
        list-style: none;
    }
    .mediaBox li
    {
        display: inline;
        margin-right: 10px;
        }
        .mediaBox li img
        {
            vertical-align: middle;
        }
    .mediaBox .mainPackage dt
    {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .mediaBox .optionalPackage dt
    {
        margin-bottom: 5px;
    }
    
    .mediaBox .buttons
    {
        border-bottom: 1px dotted #999;
        margin-right: 40px;
        padding: 0 0 20px;
        overflow: hidden;
        }
        .mediaBox .package.last .buttons
        {
            padding-bottom: 0;
            border: 0;
        }
        .mediaBox .buttons .btnWrapper
        {
            float: right;
            margin-top: 20px;
            }
            .mediaBox .buttons .btnWrapper input
            {
                padding: 0 40px 4px;
            }
        .mediaBox .buttons dd
        {
            margin: 0;
            width: auto;
        }
        .mediaBox .buttons dl
        {
            overflow: hidden;
            float: left;
        }

/* rounded box */
.roundedBox.smallRoundedBox
{
    background: url("/gfx/sydenergi/bg/media-2-top.png") -2px 0 no-repeat;
    padding-top: 7px;
    margin-bottom: 20px;
    width: 470px;
    }
    .roundedBox.smallRoundedBox .inner
    {
        background: url("/gfx/sydenergi/bg/media-product-middle.png") -2px 0 repeat-y;
        padding: 20px 10px 20px 24px;
        overflow: hidden;
    }
    .roundedBox.smallRoundedBox .bottom
    {
        background: url("/gfx/sydenergi/bg/media-product-bottom.png") -2px 0 no-repeat;
        height: 5px;
    }
    
/* heating ands box */
.roundedBox.heatingAds .inner
{
    padding: 10px 20px 20px 24px;
}
.heatingAds ul
{
    margin-left: 35px;
}
.heatingAds li
{
    margin-bottom: 10px;
}
.heatingAds p.price
{
    font-size: 20px;
    font-weight: bold;
}
.heatingAds .btnWrapper
{
    float: right;
}
.heatingAds a
{
    color: #000;
    text-decoration: underline;
    }
    .heatingAds .btnWrapper a
    {
        color: #fff;
        text-decoration: none;
    }
.heatingAds h2
{
    margin-bottom: 15px;
}

/* media confirm */
.mediaConfirm table.channelList
{
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 15px;
    }
    .mediaConfirm table.channelList td
    {
        text-align: center;
        width: 16%;
    }
    .mediaConfirm table.channelList img
    {
        vertical-align: middle;
    }

.mediaConfirm .price
{
    padding-right: 10px;
}
.mediaConfirm dd,
.mediaConfirm dl,
.mediaConfirm dt
{
    margin: 0;
    padding: 0;
}
.mediaConfirm dl
{
    padding: 15px 5px;
    overflow: hidden;
}
.mediaConfirm dt
{
    font-size: 19px;
    float: left;
}
.mediaConfirm dd
{
    clear: left;
    padding-top: 15px;
    }
    .mediaConfirm dd.logo
    {
        width: 140px;
        float: left;
    }
    .mediaConfirm dd.prices
    {
        float: right;
        width: 275px;
        clear: none;
        }
        .mediaConfirm dd.prices dl
        {
            padding: 10px 0 0;
        }
        .mediaConfirm dd.prices dt
        {
            font-size: 13px;
            float: left;
            font-weight: bold;
        }
        .mediaConfirm dd.prices dd
        {
            float: right;
            clear: none;
            margin: 0 0 5px;
            padding: 0;
            }
            .mediaConfirm dd.prices dd.divider
            {
                clear: both;
                float: none;
            }
.mediaConfirm dd.price
{
    float: right;
    clear: none;
    margin: 0;
    padding: 0;
    width: 170px;
    }
.mediaConfirm .dottedLine
{
    border-top: 1px dotted #999;
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin-left: -10px;
}

        
.bigPackageForm .btnWrapper
{
    margin-top: 25px;
    float: right;
    }
    .bigPackageForm .field input,
    .bigPackageForm .field select
    {
        width: 165px;
    }
    .bigPackageForm .field select
    {
        padding: 6px 0 5px;
    }

.popupBox
{
    display: none;
}
#newsletterPopup
{
    width: 355px;
    }
    #newsletterPopup h2
    {
        font-size: 18px;
        margin-bottom: 5px;
    }
    #newsletterPopup .inner
    {
        padding: 4px 25px 10px 10px;
        overflow: hidden;
    }
    
    #newsletterPopup dl,
    #newsletterPopup dt,
    #newsletterPopup dd
    {
        margin: 0;
        padding: 0;
    }
    #newsletterPopup dl
    {
        overflow: hidden;
    }
    #newsletterPopup dt
    {
        float: left;
        font-weight: bold;
    }
    #newsletterPopup dd.checkbox
    {
        float: right;
    }
    #newsletterPopup dd.info
    {
        padding-bottom: 15px;
    }
    #newsletterPopup dd.divider
    {
        border-bottom: 1px dotted #9e9e9e;
        clear: both;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    #newsletterPopup p.submitted
    {
        font-size: 11px;
        text-align: right;
        color: #666;
        margin: 0;
    }
    
    #newsletterPopup .buttons
    {
        overflow: hidden;
        clear: both;
        padding-top: 14px;
        float: right;
        margin-right: -10px;
        display: inline;
        }
        #newsletterPopup .buttons a
        {
            line-height: 32px;
            margin-right: 20px;
            float: left;
            color: #00accc;
        }
        #newsletterPopup .buttons .btnWrapper a
        {
            color: #fff;
            text-decoration: none;
            margin-right: -9px;
            padding: 0 25px 4px;
        }
        
table.borderer
{
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 15px;
    }
    table.borderer td
    {
        border: 1px solid #ccc;
        padding: 3px;
    }

#__asptrace 
{
    margin-top: 1000px;
}

/* = web forms for marketers = */
.scfSingleLineTextBorder,
.scfDropListBorder,
.scfCheckBoxListBorder,
.scfSingleLineTextBorder,
.fourthAvailableWidth,
.scfEmailBorder
{
    overflow: hidden;
    margin-bottom: 15px !important;
}
.scfCheckBoxListBorder .scfCheckBoxListGeneralPanel,
.scfRadioButtonListBorder .scfRadioButtonListGeneralPanel
{
    width: auto !important;
    float: none !important;
}

.scfDateSelectorBorder,
.scfDateSelectorBorder,
.scfMultipleLineTextBorder,
.scfRadioButtonListBorder,
.scfFileUploadBorder,
.scfDropListBorder
{
    overflow: hidden;
}
.scfSingleLineTextBox,
.scfDropList,
.scfEmailTextBox
{
    border: 1px solid #ccc;
    padding: 4px 5px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
}
.scfMultipleLineTextBox
{
    font-size: 13px;
}

.scfCheckbox input,
.scfCheckBoxList input,
.scfRadioButtonListGeneralPanel input
{
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: middle;
}
.scfTitleBorder
{
    font-size: 20px !important;
    margin-bottom: 15px !important;
}
.scfSubmitButtonBorder
{
    margin-top: 20px;
    }
    .scfSubmitButtonBorder input
    {
        padding: 0 20px 4px;
    }
.scfSingleLineTextLabel,
.scfDateSelectorLabel,
.scfRadioButtonListLabel,
.scfMultipleLineTextLabel,
.scfDropListLabel,
.scfFileUploadLabel,
.scfEmailLabel,
.scfCheckBoxListLabel
{
    float: none !important;
    width: auto !important;
}
.fourthAvailableWidth
{
    float: left;
    width: 24%;
    }
    .fourthAvailableWidth input
    {
        width: 100%;
    }
 
.scfDateSelectorGeneralPanel select
{
    width: 70px;
    margin-right: 10px;
}
select.scfDateSelectorMonth
{
    width: 100px;
}

.scfRadioButtonListGeneralPanel td
{
    vertical-align: top;
    padding-right: 5px;
}

.scfRadioButtonListBorder,
.scfDateSelectorBorder,
.scfMultipleLineTextBorder,
.scfFileUploadBorder,
.scfDropListBorder,
.scfSingleLineTextLabel,
.scfEmailLabel
{
    padding-top: 5px;
}

.halfSection,
.halfAvailableWidth
{
    overflow: hidden;
    width: 40% !important;
    float: left;
    }
    .halfSection .scfSingleLineGeneralPanel,
    .halfAvailableWidth .scfSingleLineGeneralPanel
    {
        width: 80%;
    }
    
.scfFileUpload
{
    padding: 3px;
}
.scfEmailGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfSingleLineGeneralPanel,
.scfPasswordGeneralPanel,
.scfNumberGeneralPanel,
.scfDateGeneralPanel,
.scfRadioButtonListGeneralPanel,
.scfCheckBoxListGeneralPanel,
.scfFileUploadGeneralPanel,
.scfDateSelectorGeneralPanel,
.scfCreditCardGeneralPanel,
.scfConfirmPasswordGeneralPanel,
.scfCaptchaGeneralPanel,
.scfListBoxGeneralPanel,
.scfDropListGeneralPanel,
.scfListBox,
.scfDropList
{
    margin-left: 0 !important;
}
.scfForm
{
    overflow: hidden;
}
.scfSectionBorderAsFieldSet
{
    margin: 0 !important;
    border: 0 !important;
}
.scfValidator
{
    font-size: 11px !important;
    line-height: 1.2;
}

/*calculator page*/
.caclulatorSummer
{
    margin-top: 20px;
    }
    .roundedBox.caclulatorSummer .inner
    {
        padding: 20px 25px 20px 29px;
    }
    .caclulatorSummer table
    {
        border-collapse: collapse;
        }
        .caclulatorSummer table td
        {
            padding: 5px 0;
            border-bottom: 1px dotted #999;
            text-align: right;
        }
        .caclulatorSummer table td.title
        {
            text-align: left;
        }
        .caclulatorSummer table td.subtitle
        {
            padding-left: 20px;
        }
        .caclulatorSummer table td.total,
        .caclulatorSummer table tr.total td
        {
            font-weight: bold;
            border-bottom: none;
        }

/*media plans*/ 
.roundedBox.mediaPlans .inner
{
    padding: 10px 10px 20px 15px;
}
.mediaPlans .dottedLine
{
    border-top: 1px dotted #999;
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-left: -10px;
}
.mediaPlans p
{
    overflow: hidden;
}
.mediaPlans .plansList
{
    width: 214px;
    margin: 0;
    float: left;
    padding-right: 15px;
    }
    .mediaPlans .plansList li
    {
        height: 53px;
        background: url("/gfx/sydenergi/bg/media-plans-bg-dark.gif") 0 0 repeat-x;
        list-style-type: none;
        padding-left: 7px;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .mediaPlans .plansList li img
    {
        float: left;
        margin-right: 10px;
    }
    .mediaPlans .plansList li span
    {
        position: relative;
        top: 7px;
    }
.mediaPlans .price
{
    float: left;
    width: 190px;
    padding: 10px 40px 0 0;
    text-align: right;
    line-height: 1.1;
    }
    .mediaPlans .price .value
    {        
        color: #00B1CD;
        font-size: 48px;
        font-weight: bold;
    }
    .mediaPlans .price .text 
    {
        margin-right: 40px;
        font-size: 19px;
    }
    .mediaPlans .planPeriod
    {
       padding-top: 30px; 
    }  
    
.channelList{width:100%;}
.channelList td
{
    width:16%;
    padding-bottom:20px;
    text-align:left;
    vertical-align: middle;
}

.bigPackageForm h3
{
    margin-bottom: 10px;    
}
.personInfo
{
    overflow: hidden;
    }
    .personInfo dt
    {
        font-weight: bold;
        float: left;
        padding-right: 3px;
    }
    .personInfo .divider
    {
        clear: both;
        margin: 2px;
    }
    
.speedTester .image
{
    text-align: center;
    margin-bottom: 15px;
}
.speedTester p
{
    clear: both;
}
.speedTester .btnWrapper
{
    margin:0 0 10px 40px;
    float: left;
    }
    .speedTester .btnWrapper input
    {
        padding:0 0 4px;
        width: 120px;
    }
    .speedTester .btnWrapper a
    {
        padding:0 0 4px;
        width: 120px;
        text-decoration: none;
        text-align: center;
    }

.speedTestPopupBox
{
    display: none;
}


.billUnderstand
{
    overflow: hidden;
    position: relative;
    }
    .billUnderstand .image
    {
        float: right;
    }
 
#moreConsumptionNumbers
{
    }    
    div.anotherConsumptionNumber 
    {
        margin-bottom: 5px;
        padding: 5px 0 5px 10px;
        position: relative;
        background-image: url(/gfx/sydenergi/bg/20pctblack.png);
        }
        div.newaddress
        {
            padding-top: 5px;
            margin-bottom: -5px;
        }
        div.btns
        {
            float: right;
            width: 100px;
            }   
            div.btns .btnWrapper
            {
                float: right; 
                margin-right:18px;
            }
        #moreConsumptionNumbers .btnWrapper
        {
            margin-left: 10px;    
        }


/* no flash nav style */
div.noFlash
{
    position: relative;
    min-width: 960px;
    overflow: hidden;
    background: url(/gfx/sydenergi/bg/flash-bg.jpg) no-repeat 50% 50%;
    }
    div.noFlash .noFlashWrapper
    {
        width: 960px;
        margin: auto;
        text-align: left;
        height: 520px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    div.noFlash .noFlashLines
    {
        position: absolute;
        width: 100%;
        height: 51px;
        margin: 0;
        top: 0;
        left:0;
        background: url(/gfx/sydenergi/bg/lines-top-blue.png) no-repeat 0 0;
    }
    div.noFlash .noFlashNav
    {
        float: right;
        background: #fff;
        padding: 0 10px;
        min-height: 100%;
        width: 280px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    div.noFlash h2
    {
        font-size: 15px;
        margin: 20px 0 0 7px;
        padding: 0;
    }
    div.noFlash ul,
    div.noFlash li
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    div.noFlash ul
    {
        background: url(/gfx/sydenergi/dotted-border-horizontal.png) repeat-x 0 0;
    }
    div.noFlash li
    {
        padding: 0 0 0 10px;
        background: url(/gfx/sydenergi/dotted-border-horizontal.png) repeat-x 0 100%;
    }
    div.noFlash a
    {
        display: block;
        padding: 6px 16px;
        font-size: 15px;
        text-decoration: none;
        color: #353535;
        background: url(/gfx/sydenergi/nav/nav-arrow.gif) no-repeat 0 10px;
        outline: none;
    }
    div.noFlash a:hover
    {
        color: #00accc;
        text-decoration: none;
    }
    div.noFlash a.selected
    {
        font-weight: bold;
        color: #353535 !important;
        background: url(/gfx/sydenergi/nav/nav-arrow-open.gif) no-repeat 0 13px;
    }
    div.noFlash .loginRequiredMessage
    {
        padding: 0 0 6px 16px;
        color: #c00;
        display: none;
    }
    .noFlashLines
    {
        position: relative;
        height: 51px;
        min-width: 960px;
        margin-top: -51px;
        background: url(/gfx/sydenergi/bg/lines-bottom-blue.png) no-repeat 100% 100%;
    }
    .lookupResult
    {
        margin-top: 10px;padding-top: 15px;border-top-color:#999999;
        border-top-style:dotted;
        border-top-width:1px;    
    }     

    #logoutForSydenergiNet
    {
        left: 866px;
        position: absolute;
        top: 65px;
        width: 100px;
        z-index: 200;
    }

.groupHeader
{
	display: none;	
}    
    
.mindkeyCheckBox input[type="radio"],
.mindkeyCheckBox input[type="checkbox"]
{
    vertical-align: middle;
    margin-right: 5px;
}