@charset "utf-8";





html,body {
  background-color: #000066;
  height: 100%;
  width: 100%;
}


h3,p,ol,td,b,i,a { font-family:verdana; color:#e2e2e2; font-weight:bold;}

ul,div,li,h1,h2,h4 {font-family:verdana; color:#000033; }

h1 { font-family:verdana; font-size:32px; }

h2 { font-size:24px; }

h3 { font-size:18px; }

h4 { font-size:20px; }

p,ul,ol,li,td { font-size:12px; }

a:link { color:#e2e2e2; text-decoration:none; }

a:visited { color:#aaaaaa; text-decoration:none; }

a:active { color:#000099; text-decoration:none; }


#map {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 1em;
  color: #000;
}
.olFramedCloudPopupContent {
        font-size: 0.8em;
        font-family: Verdana, sans-serif;
}
#descriptionToggle {
        position: absolute;
          font-size: 1em;
        z-index: 10000;
        left: 80px;
        height: 14px;
        border-left: 1px solid #000040;
        border-bottom: 1px solid #000040;
        border-right: 1px solid #000040;
        padding: 2px 10px;
        margin-right: 200px;
        background-color: #EEE;
        font-size: 12px;
        cursor: default;
        opacity: 0.7;
}
#descriptionToggle:hover {
        background-color: #FFF;
        opacity: 1;
}
#description {
        position: absolute;
        z-index: 10000;
        left: 80px;
        top: 18px;
        border: 1px solid #000040;
        padding: 10px 10px;
        margin-right: 200px;
        background-color: #FFF;
        font-size: 12px;
}

#attribution {
        bottom: 0;
        left: 0;
        padding: 5px 8px 1px 8px;
        position: absolute;
        font-size: 11px;
        font-style: italic;
        z-index: 1000;
}

#layer {
        position: absolute;
        top: 60px;
        right: 10px;
        z-index: 10002;
}

#layer > div {
        border: 1px solid #000;
        background-color: #FFF;
        padding: 4px 5px;
        font-size: 0.7em;
        cursor: default;
        margin-bottom: 4px;

}
#layer div:hover {
}
#layer .active {
        background-color: #EEF;
}

.hide { display: none; }