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

    background-color: black;
    color: white;
}

#map {
    left: 495px;
    position: absolute;
    width: 486px;
    height: 930px;
}

#imageDiv {
    position: absolute;

    top: 290px;
    left: 40px;

    width: 415px;
    height: 300px;
}

#imageDiv div.panel {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;

}

#imageDiv.showHelp div#help,
#imageDiv.showImage div#imageContainer,
#imageDiv.showNoImage div#noImage,
#imageDiv.showLoading div#loading {
    display: block;
}

#helpMessageNew {
    width:220px;
}
#helpImg {
    width: auto;
}
#helpinner {
    width: auto;
    border-collapse: collapse;
    /*background-color:blue;*/
}
#helpr {
    vertical-align: bottom;
    padding-bottom: 15px;
    text-align: left;
}
#help {
    width: auto;
    padding-left:100px;
}
#image {
    width: 415px;
}

.panel img {
    margin: 0 auto;
}

#imageDiv #loading {
    display: block;
}

#imageDiv #loading.hidden {
    display: none;
}

#loading {
    z-index: 50;
    display: block;
}

.panel {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    background-color: black;
    text-align: center;
}

.olControlScale, 
div.olControlMousePosition {
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
/*    font-size: 9pt !important; */
}

.olControlScale {
    bottom: auto !important;
}

#layerDiv {
    background-color: red !important;
}

/* for debugging
.olTileImage {
    border: 1px solid blue;
}
*/

#OpenLayers_Control_PanZoom_panleft,
#OpenLayers_Control_PanZoom_panright,
#OpenLayers_Control_PanZoom_panup,
#OpenLayers_Control_PanZoom_pandown,
#OpenLayers_Control_PanZoom_zoomin,
#OpenLayers_Control_PanZoom_zoomout,
#OpenLayers_Control_PanZoomBar_SliderOpenLayers.Map_9_innerImage
{
    cursor: pointer;
}