body {
        margin: 0;
        padding: 0;
      }
      #map {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 0;
      }
      #mapLayersBase ul, 
      #mapLayersOverlay ul, 
      #mapLegend div,
      #mapGetFeatureInfo div,
      #mapDownload div,
      #mapAbout div {
        border: none;
        padding: 10px;
        margin: 2px;
        min-width: 10px;
        min-height: 10px;
        list-style-type: none;
        font-size: 11px;
        background-color: #386090;
        opacity: 0.8;
      }
      #mapGetFeatureInfo img {
//        width: 200px;
      }
      #mapGetFeatureInfo p {
        margin: 7px 2px 2px 2px;
      }
      #featureinfoPointerHide {
        width: 100%;
        margin: 0px !important;
        padding: 0px !important;
      }
      #featureinfoPointerHide img {
        height: 20px;
      }
      #soc_logo {
        margin-bottom: 5px;
      }
      #opacity {
        margin-left: 40px; 
        width:120px;
      }
      #downloadButtons {
        width: 100%;
        border: none;
        text-align: center;
        color: white;
        margins: 0px;
        padding: 0px;
      }
      .mapCoords {
        border: none;
        padding: 4px;
        margin: 2px;
        min-width: 10px;
        min-height: 10px;
        list-style-type: none;
        text-align: center;
        background-color: #386090;
        opacity: 0.8;
      }
      #legendImg {
        width: 200px;
      }
      #download {
        width: 200px;
      }
      #mapAbout a {
        color: #f0f0f0;
      }
      .menu {
        right: 10px;
        top: 10px;
      }
      .layers {
        right: 50px;
        top: 10px;
        color: white;
        font-size: 12px;
        font-weight: bold;
      }
      .featureinfo {
        right: 50px;
        top: 10px;
        color: white;
      }
      .coords {
        right: 50px;
        top: 10px;
        color: white;
        min-width: 160px;
        height: 26px;
        font-size: 10px;
        text-align: center;
      }
      .legend {
        right: 50px;
        top: 10px;
        color: white;
        font-size: 12px;
        font-weight: bold;
      }
      .download {
        right: 50px;
        top: 10px;
        color: white;
        font-size: 12px;
        font-weight: bold;
      }
      .about {
        right: 50px;
        top: 10px;
        color: white;
        font-size: 9px;
      }


.dropdown,
.dropdown ul{
  background-color: #f0f0f0;
  border: solid 1px #a0a0a0;
  border-radius: 3px;
  box-shadow : 0 0 4px rgba(0,0,0,0.25);
}

.dropdown ul{
  left : -1px;
}

[dir=rtl] .dropdown ul{
  right : -1px;
}

.dropdownVertical ul{
  left : 100%;
}

.dropdown ul ul,
.dropdownVertical ul{
  top : -1px;
}

.dropdown span{
  color       : #202020;
  font-family : 'Patua One',sans-serif;
  line-height : 17px;
  text-shadow : 0 0 0.125em rgba(0,0,0,0.25);
  cursor      : pointer;
  transition  : background 0.2s;
}

.dropdown li:hover > span,
.dropdown li.dropdownOpen > span{
  background-color: #a0a0a0;
}

.dropdown > li > span{
  padding    : 0 0.5em 0 0.5em;
  background : url('arrow-down.svg') no-repeat right 13px;
}

[dir=rtl] .dropdown > li > span{
  padding    : 0 0.5em 0 24px;
  background : url('arrow-down.svg') no-repeat left 13px;
}

.dropdownVertical > li > span,
.dropdown ul span{
  padding    : 0 26px 0 0.5em;
  background : url('arrow-right.svg') no-repeat right 11px;
}

[dir=rtl] .dropdown ul span{
  padding    : 0 0.5em 0 26px;
  background : url('arrow-left.svg') no-repeat left 11px;
}

.dropdown ul ul ul span,
[dir=rtl] .dropdown ul ul ul span{
  padding          : 0 0.5em;
  background-image : none;
}

#dropdownMegaMenu li > div{
  width   : 16em;
  padding : 0.5em;
}

#dropdownMegaMenu li > div > div{
  float : left;
}

#dropdownMegaMenu table{
  margin : 0 auto 0 0;
}

#dropdownMegaMenu th,
#dropdownMegaMenu td{
  padding     : 0 0 0 0.5em;
  color       : white;
  font-family : 'Patua One',sans-serif;
  text-align  : left;
  text-shadow : 0 0 0.125em rgba(0,0,0,0.25);
}