/*
html {
    height: 100%
}
*/

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

.map_canvas_full_screen {
    width:100%;
    height:100%;
    background-color: white;
    position:absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.map_canvas_small_screen {
    width:100%;
    height:75%;
    background-color: white;
    position:absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

#legenddiv, #legenddiv_back {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 280px;
    z-index: 101;
    overflow: hidden;
    padding: 0px;
    border: solid 1px #FFFFFF;
    visibility: visible
}

#legenddiv_back {
    z-index: 100;
    color: #000000; background-color: #000000;
    border: none;
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=79)';
    filter: alpha(opacity=50);
    -moz-opacity: 0.50
}


.EventTable_full_screen, .EventTable_back_full_screen {
    position: absolute;
    bottom: 40px;
    left: 5px;
    width: 750px;
    height: 200px;
    z-index: 110;
    overflow: auto;
    padding: 5px;
    border: solid 1px #FFFFFF;
    visibility: visible;
}

.EventTable_small_screen, .EventTable_back_small_screen {
    position: absolute;
    top: 75%;
    left: 0px;
    width: 100%;
    height: 25%;
    z-index: 110;
    overflow: auto;
    padding: 0px;
    border: solid 0px #FFFFFF;
    visibility: visible;
}

.EventTable_back_full_screen {
    color: #000000; background-color: #000000;
    z-index: 100;
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=79)';
    filter: alpha(opacity=50);
    -moz-opacity: 0.50
}

.EventTable_back_small_screen {
    color: #000000; background-color: #000000;
    z-index: 100;
    opacity: 1.0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=79)';
    filter: alpha(opacity=100);
    -moz-opacity: 1.00
}