﻿.ecy-map #button-basemaps {
    float: right;
    margin-top: 3px;
    margin-right: 10px;
    height: 44px;
    width: 140px
}

.ecy-map .basemap-item-text {
    /*height:20px;*/
    width: 80px !important;
    float: left;
    margin: 0 0 0 5px;
}

/*@media screen and (max-width:800px) {
    .ecy-map .basemap-item-text {
        display: none;
    }
}*/

.ecy-map #basemap-control-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background-color: white;
    border: 1px solid #57585A;
    /*width: 160px;*/
}

.ecy-map #button-basemap-picker {
    float: left;
    height: 45px;
    width: 160px;
    cursor: pointer;
    background-color: white;
    border: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: none !important;
}

    .ecy-map #button-basemap-picker:hover {
        background-color: #eaeaea !important;
    }

/*@media screen and (max-width:800px) {
    .ecy-map #button-basemap-picker {
        width: 45px;
    }
}*/



.ecy-map .button-basemap-picker-active {
    background-color: #eaeaea !important;
}

.ecy-map #basemap-image-small {
    float: left;
    border: 1px solid #999;
    margin: 0 1px 0 2px;
}

.ecy-map #basemap-title-small {
    float: left;
    font-size: 1rem;
    margin: 5px 0 0 5px;
}

/*@media screen and (max-width:800px) {
    .ecy-map #basemap-title-small {
        display: none !important;
    }

}*/

.ecy-map #basemap-toggle {
    float: right;
    margin: 10px 5px 0 0;
}

/*@media screen and (max-width:800px) {
    .ecy-map #basemap-toggle {
        display: none;
    }
}*/


.ecy-map #menu-basemap-mode {
    display: none;
    float: left;
    z-index: 1000;
    border: 2px solid white;
    background-color: white;
    width: 154px;
    margin: 0 0 0 2px !important;
    padding: 0 0 5px 0 !important;
}

@-moz-document url-prefix() {
    .ecy-map #menu-basemap-mode {
        display: none;
        float: left;
        z-index: 1000;
        border: 2px solid white;
        background-color: white;
        width: 150px;
        margin: 0 0 0 6px !important;
        padding: 0 0 5px 0 !important;
    }
}


/*@media screen and (max-width:800px) {
    .ecy-map #menu-basemap-mode {
        width: 40px;
    }
}*/

.ecy-map #menu-basemap-mode li {
    height: 20px !important;
    padding: 10px 0 5px 0 !important;
    line-height: 1.4em;
}

.ecy-map #menu-basemap-mode .ui-state-active {
    border: 1px solid #45759A !important;
    background: #45759A !important;
}

    .ecy-map #menu-basemap-mode .ui-state-active:hover {
        border: 1px solid #45759A !important;
        background: #45759A !important;
    }

.ecy-map .basemap-image {
    float: left;
    border: 1px solid #999;
    margin: 0 5px 0 5px !important;
    padding: 0 0 !important;
    background-color: white;
}
