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

#info {
    bottom: 20px;
    color: #444;
    height: auto;
    font-family: arial;
    left: 20px;
    margin: 5px;
    padding: 10px;
    position: absolute;
    width: 200px;
    z-index: 40;
}

#divBorderContainer {
    width: 100%;
    height: 100%;
}

.divCL{
    display:inline-block;
    margin:5px;
}

/*.esriScalebarLabel, .esriScalebarLineLabel, .esriScalebarSecondNumber, .esriScalebarLabelDiv {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}*/

.esriScalebar {
    padding: 6px 38px 4px 4px;
    background-color: white;
    border-radius: 4px;
    opacity: 0.6;
    width: auto;
    height: auto;
}

.esriScalebar:hover {
    opacity: 0.99;
}

.esriScalebarLabel {
    color: black;
    font-family: Trebuchet MS, Verdana, Tahoma;
    font-size: 9pt;
}

.esriScalebarLine {
    border-color: black;
}