@page  
{ 
    size: auto;
    margin: 7mm 7mm 7mm 7mm;  
} 
body{
    background:none;
    margin: 0;
}

.container{
    padding:0
}

.pagetop{
    background:none;
    border-bottom: solid 2px #444;
    margin-bottom:30px;
    border-top:none;
    padding-bottom:20px;
}

.pagetop h1{
    color:#333;
    font-size:1.6em;
    padding:0;
    margin: 5px 0 0 0 
}

.pagetop h2{
    font-size:0.9em;
    padding:0;
    margin:8px 0
}


.logo{
    float:right;
}

.header h2{    
    display:inline-block;
    width:600px;
}

.pagetop h2 span{
    display:none;
}

.header h1{
    margin-bottom:10px;
    float:left
}

.box{
    background-color:transparent;
}

.box h2, .box h3.box-heading{
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    padding: 4px 0;
    border-bottom: solid 1px #aaa;
    background:#fff;  
    color: #333;
    text-shadow: none;
}

table{
    width:100%;
    border-collapse: collapse;
    
}

table, th, td{    
    border:1px solid #bbb;
}

th, td{
    padding: 6px;
}

th{
    text-align:left;
}

.box .pad{
    padding:0;
    margin: 20px 0;
}

.print-hide {
    display: none;
}

hr {
    display: none;
}

.chart-wrapper {
    padding-bottom: 20px;
}

h4 {
    margin-bottom: 0px;
}

.box{
    border: none;
    margin-bottom: 20px;
}   

.pagebreak { 
   page-break-after: always; 
   page-break-inside: avoid;
}


.nobreak{
    page-break-inside: avoid;
}
.box {
    border: none;
}

h3.electricity, h3.gas{
    color:#000;
    margin-top: -8px;
    display:block;
    float:none;
    font-size:15px;
}