body {
}
a:link    {
    color:#2489ce; background-color:transparent;
    text-decoration: underline;
    font-size:small;

}
a:visited {
    color:#2489ce; background-color:transparent;
    text-decoration: underline
}
a:hover   {
    color: lightblue; background-color:transparent;
    text-decoration: underline
}
a:active  {
    color:#2489ce; background-color:transparent;
    text-decoration: underline
}


html, body {
    margin: 0;
    padding: 0;
}

/*#map {
    margin: 0;
    padding: 0;
    height: 80%;
}*/


.infobox {
    padding-bottom: 30px;
}

/*#search {
    margin-top: 26px;
    left: 8px;
    position: absolute;
    z-index: 900;
    color: black;
    width: 320px;
  
}*/

.esriSimpleSlider {
    /*navigation bar*/
    position: absolute;
    text-align: center;
    top: auto;
    bottom: 15px;
    left: 10px;
    right: auto;
    border: 2px solid #666666;
    background-color: #FFFFFF;
    color: #666666;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}



#Message {
    z-index: 13;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30%;
    left: 30%;
    /*top: 100px;
            right: 50px;*/
    width: auto;
    height: auto;
    border: 2px solid #800000;
    background-color: #FFFFFF;
    font-size: small;
    font-weight: bold;
    padding: 5px;
}

#mapArea {
    float: left;
    width: 100%;
    height: auto;
}




.drivingDir {
    font-size: 0.8em;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    color:black;
}

.schoolData {
    /*//font-size: 0.6em;*/
    top: auto;
    font-size: smaller;
    font-weight: bold;
    color: darkblue;
    /*// line-height: 2em;*/
    line-height: 15px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}

.drivingDirButton {
    display: none;
}

.btnGetDir {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial, Helvetica, sans-serif;
    color: #141114;
    font-size: 8px;
    background: #D7D7D7;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
}

.bntimagePoint {
    bottom: 7%;
    right: 51%;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    width: 45px;
    height: 53px;
    z-index: 15;
    cursor: pointer;
    position: absolute;
}

    .bntimagePoint:focus {
        outline: none;
    }
    
    .bntimagePoint:hover {
        background: #e0dde0;
        background-image: -webkit-linear-gradient(top, #e0dde0, #adadad);
        background-image: -moz-linear-gradient(top, #e0dde0, #adadad);
        background-image: -o-linear-gradient(top, #e0dde0, #adadad);
        background-image: linear-gradient(to bottom, #e0dde0, #adadad);
        text-decoration: none;
    }


    .btnGetDir:hover {
        background: #9fa5a8;
        background-image: -webkit-linear-gradient(top, #9fa5a8, #7d8387);
        background-image: -moz-linear-gradient(top, #9fa5a8, #7d8387);
        background-image: -ms-linear-gradient(top, #9fa5a8, #7d8387);
        background-image: -o-linear-gradient(top, #9fa5a8, #7d8387);
        background-image: linear-gradient(to bottom, #9fa5a8, #7d8387);
        text-decoration: none;
    }

.simpleGeocoder, .simpleGeocoder .esriGeocoderContainer {
    font-size: 0.8em;
    line-height: 2em;
    height: 3em;
    width: 100%;
}

    .simpleGeocoder .esriGeocoder {
        height: 80%;
        display: block;
        -moz-border-radius: 10px;
        -webkit-border-radius: 0px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
    }

        .simpleGeocoder .esriGeocoder input {
            width: 80%;
            color: black;
        }

            .simpleGeocoder .esriGeocoder input, .simpleGeocoder .esriGeocoder input:focus {
                color: #686868;
                border-bottom: 1px;
            }



    .simpleGeocoder .esriGeocoderResult {
        padding: 2px;
        display: block;
        cursor: pointer;
        font-size: 11px;
        outline: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .simpleGeocoder .esriGeocoderResults {
        display: none;
        z-index: 99;
        width: 100%;
        font-size: medium;
        position: absolute;
        left: 0;
        top: 80%;
        border: 2px solid #666;
        border-top: 1px;
        padding: 0;
        background: #fff;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }




/*.esriSimpleSlider {*/
    /*navigation bar*/
    /*position: absolute;
    text-align: center;
    top: auto;
    bottom: 5px;
    left: 5px;
    right: auto;
    border: 2px solid #666666;
    background-color: #FFFFFF;
    color: #666666;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}*/