﻿.mapLayersWindow {
    display: none;
    top: 5%;
    left: 15%;
    position: absolute;
    max-height: 500px;
    min-height: 100px;
    width: 300px;
    background-color: #ffffff;
    border: 4px solid #887a72;
    opacity: 0.96;
    border-radius: 5px;
}

    .mapLayersWindow .scrollContainer {
        max-height: 500px;
        min-height: 100px;
        width: 300px;
    }

    .mapLayersWindow .header {
        height: 30px;
        background-color: #5b4b43;
    }

    .mapLayersWindow .header .title {
        font-weight: bold;
        font-style: italic;
        margin-left: 7px;
        line-height: 28px;
        color: #ffffff;
    }

    .mapLayersWindow .header .closeButton {
        top: 10px;
        right: 8px;
    }

    .mapLayersWindow .displayText {
        color: #000000;
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 30px;
    }

    .mapLayersWindow .row {
        height: 30px;
        border-bottom: 1px dotted #000000;
        cursor: pointer;
        display: table;
        width: 100%;
    }

    .mapLayersWindow .row:hover{
        background-color: #89837f;
    }

    .mapLayersWindow .row:hover .displayText{
        color: #ffffff;
    }

    .mapLayersWindow .row.selected{
        background-color: #746056;
    }

        .mapLayersWindow .row.selected .displayText {
            color: #ffffff;
        }

    .mapLayersWindow .row:last-of-type{
        border-bottom: none;
    }

    .mapLayersWindow .baseLayersTitle {
        border-left: 0px;
        border-top: 2px solid #897870;
        border-right: 0px;
        border-bottom: 2px solid #897870;
        background-color: #5b4a42;
        display: table;
        width: 100%;
        height: 30px;
    }

        .mapLayersWindow .baseLayersTitle .title {
            font-size: 14px;
            font-weight: bold;
            font-style: italic;
            vertical-align: middle;
            display: table-cell;
            color: #ffffff;
            padding-left: 20px;
        }