#map_block {position: relative; overflow: hidden; clear: both}
#map_container {position: relative; float: left; width: 100%; overflow: hidden}
#inner_map_wrapper {position: relative; overflow: hidden}
#map_block p {line-height: 1.3em}
#map_block .images-container {position: relative; overflow: hidden; background: #f3f3f3; color: #555; text-align: center; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#map_block .slideshow .images {overflow: hidden; width: 50000px}
#map_block .slideshow .controls {text-align: center; margin-bottom: 5px}
#map_block .slideshow .controls img {width: 12px; height: 12px; margin: 0 5px; vertical-align: text-top; padding-top: 1px}
#map_block .imagebox-container {float: left}
#map_block .imagebox {position: relative; background: #fff; margin: 0 auto; padding: 5px; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#map_block .imagebox .image-caption {position: absolute; bottom: 5px; left: 5px; right: 5px; font-size: .85em; color: #000; background: #fff; padding: 4px 3px; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6}
#map_block #sidebar .imagebox .image-caption, #map_block #infobox.image .imagebox .image-caption {padding-top: 2px; padding-bottom: 2px}
#map_block .imagebox .image-caption strong {color: #222}
#map_block .slideshow .imagebox-container {margin-right: 5px}
#map_block .buttons {float: right; overflow: hidden; text-align: center; margin: 0 0 6px 1em; padding: 0; background: transparent}
#map_block .button {display: block; height: 16px; line-height: 16px; padding: 0 10px; margin-bottom: 4px; font-family: Arial, sans-serif; font-size: 9px; background-color: #333; color: #fff; text-decoration: none; white-space: nowrap; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#map_block .button.action {background-color: #008FC5}
#map_block a.lightview {display: block}
#map_block .scrollbar p:last-child, #map_block .description p:last-child {margin-bottom: 0}
#tooltip {position: absolute; z-index: 2; background: transparent url(/stylesheets/images/tooltip_bg.png) no-repeat bottom center; opacity: 0.85; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85}
#tooltip_content {font-size: 0.8em; overflow: hidden; padding: 5px 12px; margin-bottom: 5px; background: #fff; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#infobox {position: absolute; z-index: 3}
#infobox.item, #infobox.image {width: 352px}
#infobox.text {width: 325px}
#infobox.text .buttons {margin-bottom: 0}
#infobox_wrapper {background: transparent url(../../images/infobox_stem.png) no-repeat bottom center; padding-bottom: 14px}
#infobox_content {padding: 13px 15px 15px 15px; background: #fff; color: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#infobox .button.zoom {background-color: #008FC5}
#infobox h3 {font-size: 1em; margin: 0 0 .5em 0; padding: 0}
#infobox p {font-size: 90%; margin-bottom: .5em}
#infobox .block {clear: both; margin: 10px 0 0 0}
#infobox .description {overflow: hidden}
#infobox .legend-items .color {width: 25px; height: 10px; vertical-align: middle; margin-right: .15em; margin-bottom: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px}
#sidebar {position: absolute}
#sidebar_content {padding: 10px; margin-left: 15px; background: #f2f2f2; -moz-border-radius: 15px; -webkit-border-radius: 15px}
#sidebar h3 {font-size: 1.1em; margin: 0 0 0 .1em; padding: .2em 0 1em 0}
#sidebar a.strong {text-decoration: none; font-weight: bold}
#sidebar .head {overflow: hidden}
#sidebar .details-container .buttons {width: 100%; margin: 0 0 10px 0}
#sidebar .details-container .button {margin: 0}
#sidebar .button.list {background-color: #008FC5}
#sidebar .button.show-all {float: left; width: 40%; background-color: #8bad41}
#sidebar .button.hide-all {float: right; width: 40%; background-color: #c63424}
#sidebar .block {margin: 10px 0 0 0}
#sidebar .details-container {padding: 10px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#sidebar .description {height: 260px; overflow: hidden; clear: both}
#sidebar .images-container {background: #e6e6e6}
#sidebar.legend .scrollbar {clear: both}
#sidebar.legend ul {margin: 0; padding: 0; list-style: none}
#sidebar.legend ul li {clear: left; overflow: hidden; margin: 0; padding: 5px 0}
#sidebar.legend ul li:first-child {padding-top: 0}
#sidebar.legend ul li .marker {float: left; width: 33px; background: transparent url(/images/blank.gif) no-repeat left top}
#sidebar.legend ul li .color {width: 20px; height: 8px; margin: 3px 0 0 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#sidebar.legend ul li input {float: right; margin: .2em 0 0 .5em; padding: 0}
#sidebar.legend ul li .text {margin-left: 33px}
#sidebar.legend_item .head .color {width: 25px; height: 10px; vertical-align: middle; margin: 0 .5em 3px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#sidebar.areas ul {margin: 0; padding: 0; list-style: none}
#sidebar.areas ul li {clear: both; overflow: hidden; margin: 0; margin-bottom: 10px}
#sidebar.areas ul li .map {display: block; float: left; width: 50px; height: 50px; border: 1px solid #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px}
#sidebar.areas ul li .text {margin-left: 61px}
.scrollbar {position: relative}
.scrollbar_track {position: absolute; top: 0; right: 0; height: 100%; width: 10px; background-color: #ddd; cursor: move; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.scrollbar_handle {width: 10px; background-color: #333; cursor: move; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.9; -moz-opacity: 0.9}
.scrollbar_content {height: 100%; overflow: hidden; margin-right: 15px}