
body { 
    font-family: sans-serif;  
    margin-top:0;
    height:100%;
}

#map-canvas
{
    /*min-height:calc(100% - 180px);*/ 
    min-height:100%;
    max-height:100%;
    width:74%; 
    display: inline-block;
    position:fixed;
    overflow:hidden;
    /*top: 90px;*/
    left: 10px;
}
#rightpanal
{
    display: inline-block; 
    float: right; 
    width: 24%; 
    /*min-height:calc(100% - 200px);
    max-height:calc(100% - 200px);*/
    min-height:100%;
    max-height:100%;
}
#panel 
{ 
    /*/*min-height:calc(100% - 200px);*/ 
    /*height:100%;*/
    
    
}
#panel .feature-filter label
{ 
    width: 130px; 

}
p.attribution, p.attribution a 
{ 
    color: #666; 

}
.store .hours 
{ 
    color: grey; 

}

    
.header
{
    /*background-image:url(../img/repeat.png);
    background-repeat:repeat-x;*/
    height:80px;
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
}


.footer
{
    background-image:url(../img/repeat.png);
    background-repeat:repeat-x;
    height:80px;
    display:inline-block;
    /*margin-top:10px;*/
    /*float: right;*/ 
    width:100%;
    color:whitesmoke;
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;

}

.wrapper
{
    min-height:100%;
    max-height:100%;
    width:100%;
    position:relative;
    display:inline-block;
}

.container
{
    position:fixed;
    top:80px;
    bottom:80px;
    width:100%;


}
