@import url("/css/infowindow.css");
@import url("/css/markertable.css");

html { overflow: hidden; }

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
}

body {
    margin: 6px;
}

#content {
     margin-top: 4px;
     position: relative;
}

#gmap {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
    background: url("/images-1.6.1010/loading.jpg");
}

#map-wrapper { 
    position: relative;
    height: 100%;
}

#sidebar {
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 292px;
     height: 100%;
     overflow: auto;
     display:block;
}

body.sidebar-off #sidebar { display: none; }
body.sidebar-off #map-wrapper { margin-right: 0px; }

body.sidebar-right #sidebar {
    right: 0;
}
body.sidebar-right #map-wrapper { margin-right: 300px; }
body.sidebar-left #sidebar {
    left: 0;
}
body.sidebar-left #map-wrapper { margin-left: 300px; }

#toolbar {
     background: white;
     padding: 4px;
     position: relative;
}


#toolbar h1 {
     margin: 0;
     font: bold 18px Arial, sans-serif;
}

#adtoolbar {
     background: white;
     padding: 4px;
     position: relative;
}


#footer {
    position: absolute;
    background: #fff;
    font: normal 12px Arial, sans-serif;
    padding: 4px;
    border: 1px solid #aaa;
    bottom:6px;
    left:6px;
    right:4px;
}

#tools {
    position: absolute;
    right:0;
    top:0;
    margin: 4px;
    
}

#alert {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
}

#alert p {
    font: normal 12px Arial, sans-serif;
    color: #fff;
    width: 150px;
    margin: 0 auto 0 auto;
    padding: 10px;
    background: #f00;
    border: 1px solid #000;
}

body.loading #alert {display: block}