@media  all /*screen?*/  {
    
    #mapTitle {
        backgroundcolor: #e8e8e8;
    }
    
    #mapComment {
    }
    
    #arealLegend, #symbolicLegend {
        padding: 0.5em 0;
    }
    
    #arealLegend {
        padding-right: 0.5em;
    }
    
    #symbolicLegend {
        padding-left: 0.5em;
    }
    
    #mapScale {
        color: #888;    
        text-shadow: none;
    }
    .mapScaleRuler { /* set by js */
        border-left: 1px solid #888;
        border-bottom: 1px solid #888;
        border-right: 1px solid #888;
        height: 1.5em;
        padding: 0 2px;
    }
    #mapScaleRulerLeft {
        text-align: left;
        color: #888;    
        text-shadow: none;
        float: left;
    }
    #mapScaleRulerRight {
        text-align: right;
        color: #888;    
        text-shadow: none;
        float: right;
    }
    
    #mapId {
        float: right;
        color: #f7f7f7;
        text-shadow: none;
    }
    #mapId i {
        cursor: help;
        color: #777;
    }

    #copyRightText {
        font-weight: 500;
    }
    
    .iconStyle {
        /*-webkit-filter: grayscale(0.3);*/
        /*filter: grayscale(0.3);*/
    }
    
    .toggle {
        cursor: pointer;
    }
    
    .selectBox {
        border: 0.1em solid #000;
        margin: 0.2em 0;
        padding: 0.25em;
        background-color: #fff/*e8e8e8*/;
        border-radius: 0.5em;      
        min-width: 100px;
    }
    
    .legendMessage {
        color: #777;
        text-shadow: none;
    }
    
    .multipleVisLeft {
        padding-right: 0.3em;
    }
    .multipleVisRight {
        padding-left: 0.3em;
    }
    
    .infoLabelAndValue, .legendMessage, .visComment, #legendContainer table {
        margin-top: 0.4em;
    }
} 

@media print {
}