@charset "utf-8"; html,body { background-color: #FFF; height: 100%; width: 100%; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 1em; overflow: hidden; color: #000; } a { color: #0000FF; text-decoration: none; } a:hover { color: #000011; text-decoration: underline; } #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; }