html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;

}
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family:NotesEsaBold,"Trebuchet MS",Tahoma,Arial;
}

.buttons{
    height: 30px;

}
#infoButtons{
    visibility: hidden;
    padding-top:10px;

}
#infoContainer {
    width: 20%;
    position: absolute;
    right:0px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    top: 90px;
    background-color: #1d6196;
    color: #FFF;
    padding: 5px;
    min-width:226px;
    text-align: center;
    line-height: 20px;
    opacity:0.8;

}
a {
    color:#7BA5F5;

}
#dropDown {
    max-height: 60%;
    right: 5px;
    top: 40px;
    padding-top:10px;
}
#map-canvas {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    position: absolute;

}
#logos{
    width:12%;
    max-width:200px;
    left:0;
    bottom:30px;
    position: absolute;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFF;
    min-width:90px;
    opacity:0.8;

}

.esaLogo{
    width: 100%;
    margin-bottom: -20px;
    margin-top: -20px;
    }

.impLogo{
    margin:10px;
    margin-top:-20px;
    padding-bottom:20px;

}
#title{
    top: 0px;
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -106px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #1d6196;
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0.8;

}