body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background: url(gfx/bgr_body.jpg) #fff repeat-x top left;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border-style: none;
}

#PageContainer
{
    background-color: #ffffff;
    width: 1000px;
    margin: 5px auto;
    padding: 0px;
    
}

    #PageContainer #PageContainer2
    {
        float:left;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
    }
    
        #PageContainer2 #PageContainer3
        {
            margin: 0px 5px 0px 5px;
        }
    
        #PageContainer3 #PageHeader
        {
            float:left;
            width: 100%;
            height: 88px;
            clear:both;
            /*background-color: #ff0000;*/
        }
        
            #PageHeader #q_logo
            {
            	float:left;
	            width:208px;
	            margin: 0px;
	            padding: 0px;
	            position:relative;
	            left: 10px;
	            top: 24px;
            }
            
            #PageHeader #q_partner_logo
            {
            	float:right;
	            padding: 0px;
	            margin: 0px;

	            position:relative;
	            top: 20px;
	            width: 200px;
	            height: 51px;
	            /*background-color: #00ff00;*/
            }
            
                #q_partner_logo #q_partner_logo_left
                {
                	float:left;
	                background: transparent url(img/loggedonlogo_left.gif) no-repeat;
	                width: 5px;
	                height: 51px;
                }
                
                #q_partner_logo #q_partner_logo_pic
                {
                	float:left;

                    height: 49px;
                    width: 150px;
                    
                	border-width: 1px 0px 1px 0px;
	                border-color: #dee4e7;
	                border-style: solid;
                }
                
                #q_partner_logo #q_partner_logo_right
                {
                	float:left;
	                background: transparent url(img/loggedonlogo_right.gif) no-repeat;
	                width: 5px;
	                height: 51px;
                }
                
        #PageContainer3 #PageTopMenu
        {
            float:left;
            height: 28px;
            clear:both;
            width: 100%;
            background: url(gfx/bgr_mainnav.gif) repeat-x;
        }
        
            #PageTopMenu ul
            {
                float:left;
                margin: 0px;
                padding: 0px;
                list-style-type: none;
            }
            
                #PageTopMenu ul li
                {
                    display: inline;
                    margin: 0px;
                    padding: 0px;
                }
                
                    #PageTopMenu ul li a
                    {
                        float:left;
                        background: url(gfx/bgr_mainnav.gif) repeat-x;
                        margin: 0px;
                        padding: 6px 10px 6px 10px;
                        color: #ffffff;
                        text-decoration: none;
                        
                        font-family: Trebuchet MS, Tahoma, Verdana, Arial;
                        font-size: 11px;
                        line-height: 16px;
                    }
                    
                    #PageTopMenu li a:hover
                    {
                    	background:url(gfx/bgr_mainnavon.gif) repeat-x;
                    }
                    
                    #PageTopMenu li a.active
                    {
                    	color: #000;
	                    background: transparent url(gfx/bgr_mainnav_activeon.gif) repeat-x;
                    }
                    
        #PageContainer3 #PageFooter
        {
            margin-top: 5px;
            float:left;
            height: 32px;
            clear:both;
            width: 988px;
            background: url(gfx/bgr_footer.gif) repeat-x;
            border: 1px solid #5787A1;
        }
        
            #PageFooter p
            {
            	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	            padding:0px;
	            margin:9px 0px 0px 10px;
	            color:#FFF;
	            font-size: 11px;
            }
            
            #PageFooter a
            {
                color: #ffffff;
            }
            
        #PageContainer3 #PageLineEnding
        {
            float:left;
            width: 100%;
            font-size: 0px;
            line-height: 0px;
            height: 5px;
        }

        #PageContainer3 #PageMain
        {
            margin-top: 5px;
            float:left;
            width: 100%;
            height: 300px;
        }
        
        #PageContainer3 > #PageMain
        {
            height: auto;
            min-height: 300px;
        }
        
            #PageMain #PageMainArea
            {
                float:left;
                width: 988px;
                background-color: #F2F1ED;
                border: 1px solid #E4E3DE;
            }
            
                #PageMainArea #PageMainInside
                {
                    background-color: #ffffff;
                    margin: 5px;
                    padding:0px;
                }
                
                    #PageMainInside #PageMainInside2
                    {
                        float:left;
                        width: 100%;
                        height: 100%;
                        margin-bottom: 5px;
                    }
                    
                        #PageMainInside2 #PageMainText
                        {
                            float:left;
                            width: 100%;
                            height: 100%;
                            background-color: #ffffff;
                            clear: both;
                            font-family: Trebuchet MS, Tahoma, Verdana, Arial;
                            font-size: 12px;
                            height: 400px;
                        }
                        
                        #PageMainInside2 >#PageMainText
                        {
                            height: auto;
                            min-height: 400px;
                        }
                        
                            #PageMainText #PageMainTextInside
                            {
                                padding: 14px 20px 14px 20px;
                            }
                            
                                #PageMainTextInside #PageMainTextInsideArea
                                {
                                    width: 100%;
                                    height: 100%;
                                    clear:both;
                                    height: 400px;
                                    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
                                    font-size: 12px;
                                }
                                
                                #PageMainTextInside > #PageMainTextInsideArea
                                {
                                    height: auto;
                                    min-height: 400px;
                                }


    #PageMainText #OverviewModulesArea
    {
        float:left;
        width:100%;
        height:400px;
        /*background-color:#f2f1ed;*/
        background-color:#ffffff;
    }
    
    #PageMainText > #OverviewModulesArea
    {
        height: auto;
        min-height: 400px;
    }
    
    #OverviewModulesArea .OverviewModule
    {
        float:left;
        /*margin: 0px 15px 15px 0px;*/
        /*margin: 15px;*/
        margin: 15px 60px 15px 15px;
    }

        #OverviewModulesArea .OverviewModule .OverviewModuleInside
        {
            float:left;
            padding: 15px 10px 10px 20px;
            height: 145px;
            width: 180px;
        }
    
        #OverviewModulesArea .OverviewModule .OverviewModuleTitle
        {
            float:left;
            /*padding: 10px 0px 0px 20px;*/
            padding-left: 5px;
            width: 140px;
            font-family: Trebuchet MS, Tahoma, Verdana, Arial;
            font-weight: bold;
            font-size: 12px;
            color: #000000;
            border-style: solid;
            border-width: 0px 0px 1px 0px;
            border-color: #000000;
            clear:both;
        }
        
        #OverviewModulesArea .OverviewModule .OverviewModuleContent
        {
            float:left;
            padding-top:5px;
            padding-left: 5px;
            width: 165px;
            height: 120px;
            overflow: hidden;
        }
    
    #OverviewModulesArea .OverviewModuleMessage
    {
        float:left;
        background: url(images/modul_vit_message1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }
    
    #OverviewModulesArea .OverviewModuleElectricity
    {
        float:left;
        background: url(images/modul_vit_electricity1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }

    #OverviewModulesArea .OverviewModuleBoende
    {
        float:left;
        background: url(images/modul_vit_boende1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }

    #OverviewModulesArea .OverviewModuleSettings
    {
        float:left;
        background: url(images/modul_vit_settings1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }
    
    #OverviewModulesArea .OverviewModuleInformation
    {
        float:left;
        background: url(images/modul_vit_information1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }

    #OverviewModulesArea .OverviewModuleHeating
    {
        float:left;
        background: url(images/modul_vit_heating1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }

    #OverviewModulesArea .OverviewModuleEnergy
    {
        float:left;
        background: url(images/modul_vit_energy1.jpg) no-repeat;
        width: 210px;
        height: 170px;
    }
    
    .ModuleMessageBoxTitle
    {
        margin-bottom:6px;
    }
    
    .OverviewModuleMessage .OverviewModuleContent .ModuleMessage
    {
        margin-bottom:4px;
    }
    
        .OverviewModuleMessage .OverviewModuleContent .ModuleMessage .ModuleMessageTitle
        {
            font-weight:bold;
        }
        
        .OverviewModuleMessage .OverviewModuleContent .ModuleMessage .ModuleMessageDate
        {
            font-size: 10px;
            line-height: 10px;
        }
        
    .OverviewModuleElectricity .OverviewModuleContent .ModuleConsumption
    {
        margin-bottom: 4px;
    }
    
        .OverviewModuleElectricity .OverviewModuleContent .ModuleConsumption .ModuleConsumptionTitle
        {
            font-weight:bold;
        }

        .OverviewModuleElectricity .OverviewModuleContent .ModuleConsumption .ModuleConsumptionValue
        {
        }

    .OverviewModuleSettings .OverviewModuleContent .ModuleItem
    {
        margin-bottom: 4px;
        float:left;
        clear:both;
    }

        .OverviewModuleSettings .OverviewModuleContent .ModuleItem .ModuleItemTitle
        {
            float:left;
            font-weight: bold;
            font-size: 12px;
            clear:both;
            line-height:14px;
        }

        .OverviewModuleSettings .OverviewModuleContent .ModuleItem .ModuleItemValue
        {
            float:left;
            font-size: 12px;
            clear:both;
            line-height:14px;
        }
        
    .OverviewModuleBoende .OverviewModuleContent .ModuleAddress
    {
        margin-bottom: 8px;
        float:left;
        clear:both;
    }
    
        .OverviewModuleBoende .OverviewModuleContent .ModuleAddress .ModuleAddressValue
        {
            float:left;
            /*font-weight: bold;*/
            font-size: 12px;
            clear: both;
            line-height: 14px;
        }
        
    .OverviewModuleBoende .OverviewModuleContent .ModuleClass
    {
        margin-bottom: 4px;
        float:left;
        clear: both;
    }

        .OverviewModuleBoende .OverviewModuleContent .ModuleClass .ModuleClassTitle
        {
            float:left;
            /*font-weight: bold;*/
            font-size: 12px;
            clear: left;
            line-height: 14px;
        }
    
        .OverviewModuleBoende .OverviewModuleContent .ModuleClass .ModuleClassValue
        {
            margin-left: 5px;
            float:left;
            font-size: 12px;
            clear:right;
            line-height:14px;
        }


    .OverviewModuleHeating .OverviewModuleContent .ModuleConsumption
    {
        margin-bottom: 4px;
    }
    
        .OverviewModuleHeating .OverviewModuleContent .ModuleConsumption .ModuleConsumptionTitle
        {
            font-weight:bold;
        }

        .OverviewModuleHeating .OverviewModuleContent .ModuleConsumption .ModuleConsumptionValue
        {
        }
        

    .OverviewModuleEnergy .OverviewModuleContent .ModuleConsumption
    {
        margin-bottom: 4px;
    }
    
        .OverviewModuleEnergy .OverviewModuleContent .ModuleConsumption .ModuleConsumptionTitle
        {
            font-weight:bold;
        }

        .OverviewModuleEnergy .OverviewModuleContent .ModuleConsumption .ModuleConsumptionValue
        {
        }


#EnergyInfoPartnerLogo
{
    float:right;
	padding: 0px;
	margin: 0px;

	position:relative;
	top: 20px;
	width: 200px;
    height: 51px;
    /*text-align: center;*/
}

    #EnergyInfoPartnerLogo #EnergyInfoPartnerLogoImage
    {
        float:left;
        position: relative;
        top: 0px;
        left: 0px;
        width: 180px;
        text-align: center;
    }


h1
{
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 16px; 
    font-weight:bold;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 14px 0px;
}


	h2 
	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 12px; 
	 color: #000;
	 margin: 0px;
	 padding: 0px;
	 font-weight: bold;
	} 
            
div#container 
{
    background-color: #ffffff;
    /*background: url(gfx/bgr_container.gif) #ffffff repeat-y top left;*/
	margin: 0 auto;
	width:800px;
	padding: 0px;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

#header {
	/*background: url(gfx/top.jpg) #ffffff repeat-x top left;*/
	height: 88px;
	width: 800px;
	/*margin: 5px 5px 0px 6px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #000000;
}


	

#main {
	width: 790px;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	/*background: url(gfx/bgr_main.gif) #ffffff no-repeat top left;*/
	color: #555;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
/*	font-size: 11px; */
    font-size: 12px;
	/*
	TOP, RIGHT, BOTTOM, LEFT
	*/		
}

.panel {
    background-color: #F2F1ED;
    border: 1px solid #E4E3DE;
    margin: 0px;
    padding: 0px;
}

.inside {
    background-color: #ffffff;
    margin: 5px;
    padding:0px;
}




#footer {
	background:url(gfx/bgr_footer.gif) repeat-x;
	border: 1px solid #5787A1;
	clear:both;
	margin: 0px 5px 5px 5px;
	height: 32px;
}
	
#footer p {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial ;
	padding:0px;
	margin:9px 0px 0px 10px;
	color:#FFF;
	font-size: 11px;
}
	
#footer a {
	color:#FFF;
}


#topmenu { 
height: 28px; 
background:url(gfx/bgr_mainnav.gif) repeat-x; 
margin: 0px 5px 0px 5px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial ;
font-size: 11px;
line-height: 16px;
}

#topmenu a { 

background:url(gfx/bgr_mainnav.gif) repeat-x; 
float:left; 
margin:0; 
padding:6px 10px 6px 10px; 
list-style-type:none; 
color:#fff; 
text-decoration:none;
} 

#topmenu a:hover{ 
background:url(gfx/bgr_mainnavon.gif) repeat-x; 
} 

#topmenu ul{ 
float:none; 
margin:0;
padding:0; 
list-style-type:none; 
position:relative } 

#topmenu ul li{ 
display:inline; 
margin:0; 
padding:0; 
list-style-image:none;
list-style-type:none }


#topmenu a.active {
	color: #000;
	background: transparent url(gfx/bgr_mainnav_activeon.gif) repeat-x;
}

#topmenu a.active:hover {
	color: #000;
	background: transparent url(gfx/bgr_mainnav_activeon.gif) repeat-x;
}


#submenu { 
height: 18px; 
background:url(gfx/bgr_subnav.gif) repeat-x; 
margin: 0px 5px 0px 5px;
padding:0px; 
white-space:nowrap; 
font:10px Arial,Helvetica,sans-serif; 
text-align:center; } 


#submenu a { 
background:url(gfx/bgr_subnav.gif) repeat-x; 
float:left; 
margin:0; 
padding:2px 8px 2px 8px; 
list-style-type:none; 
color:#5E5E5A; 
font-weight:normal; 
text-decoration:none } 


#submenu a:hover{ 
color:#000; 
background:url(gfx/sbgr_subnav.gif) repeat-x; 
} 


#submenu ul{ 
float:none; 
margin:0;
padding:0; 
list-style-type:none; 
position:relative } 


#submenu ul li{ 
display:inline; 
margin:0; 
padding:0; 
list-style-image:none; 
list-style-type:none;
}


.loggedonuser_content {
	PADDING-RIGHT: 3px; BORDER-TOP: #dee4e7 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; COLOR: #a7a7a7; PADDING-TOP: 3px; BORDER-BOTTOM: #dee4e7 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9; TEXT-ALIGN: right
}
.loggedonuser_heading {
	COLOR: #676767
}
.loggedonlogo_content {
	PADDING-RIGHT: 3px; BORDER-TOP: #dee4e7 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #dee4e7 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-ALIGN: right
}


.normal {
	FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normal A:link {
	COLOR: black; TEXT-DECORATION: underline
}
.normal A:visited {
	COLOR: black; TEXT-DECORATION: underline
}
.normal A:hover {
	COLOR: #f2af05; TEXT-DECORATION: underline
}




	
	h3 
	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 16px; 
	 color: #3DAB00; /*#65AA1C;*/

	 font-weight: bold;
	 margin: 0px;
	 padding: 0px;
	} 
	
	h4 
	{ 
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 13px; 
	 color: #000;
	 font-weight: bold;
	 margin: 0px;
	 padding: 0px;
	} 




	
	th.center {
	 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	 font-size: 12px; 
	 color: #111111;
	 background-color: #F7F6ED;
	}
	
	td.center {
	text-align: center;
	}
	
	#main li  {
		list-style-type: none;
		padding: 5px 10px 10px 27px;
		margin: 0px 0px 0px -30px;
		background: transparent url(gfx/listicon.gif) #fbfbfb no-repeat 5px 6px;
		border-bottom: 1px solid #d7d7d7;

	}
	
	
	#main ul  {
		margin-top: 0px;

	}
	
input, textarea
{
    font-family: verdana, arial;
    font-size: 10px;
    color: #444;
    background-color: #FFF;
}
	
border input, input.border, border textarea, textarea.border
{
    /*
font-family: verdana, arial;
font-size: 10px;
color: #444;
background-color: #FFF;
*/
border: 1px solid #AAA;
}

input.noborder {

border: 0px;
}

noborder input
{
    border: 0px;
}

textarea {

font-family: verdana, arial;
font-size: 10px;
color: #444;
background-color: #FFF;
border: 1px solid #AAA;
}






div#lightpanel {

background-color: #F8F8F6;
border: 1px solid #F1F0EE;
margin: 3px 0px 0px 0px;
padding: 0px;
}

p {

margin: 0px; 
padding: 0px;

}

p.ingress {
color: #000;
}

p.smalltext {
color: #7F7F7F;
font-size: 10px;
}




 
/* Översikt */

div.horizbar_low
{
    float:left;
    width:3px;
    height:11px;
    background-color:#2C6F2C;
    line-height:1px;
    font-size:0px;
    margin:0px 1px 0px 0px;
    padding: 0px;
}

div.horizbar_middle
{
    float:left;
    width:3px;
    height:11px;
    background-color:#FFE93C;
    line-height:1px;
    font-size:0px;
    margin: 0px 1px 0px 0px;
    padding: 0px;
}

div.horizbar_high
{
    float:left;
    width:3px;
    height:11px;
    background-color:#F43737;
    line-height:1px;
    font-size:0px;
    margin: 0px 1px 0px 0px;
    padding: 0px;
}