/*---------------------------------------------------------------------------- Basic Style Sheet (all browsers), NVN version version: M15 author: James Wakefield, Ellen Pronk, Geert Jan Kraan email: james@dlma.nl, ellen@dlma.nl, geert@dlma.nl website: http://www.dlma.nl ------------------------------------------------------------------------------ Color scheme: light blue  #d5e5ff light grey #f7faff orange #fb7a17; ----------------------------------------------------------------------------*/ /* Reset ----------------------------------------------------------------------------*/ .mm-wrapper h3, #mm-media-viewer h3, .mm-wrapper h4, #mm-media-viewer h4, .mm-wrapper h5, #mm-media-viewer h5, .mm-wrapper h6, #mm-media-viewer h6, .mm-wrapper ul, #mm-media-viewer ul, .mm-wrapper li, #mm-media-viewer li, .mm-wrapper p, #mm-media-viewer p { margin: 0; padding: 0; } .mm-wrapper ul, #mm-media-viewer ul { list-style: none; } .mm-wrapper address { font-style: normal; } /* Typography ----------------------------------------------------------------------------*/ .mm-wrapper, #mm-media-viewer, .mm-wrapper p, #mm-media-viewer p, .mm-wrapper address, #mm-media-viewer address { color: #666; font-size: 12px; } .mm-wrapper p, #mm-media-viewer p { line-height: 15px; } #mm-media-viewer p { line-height: 15px; } #mm-media-viewer h6 { font-size: 16px; } .mm-wrapper .info-window-body h6 { font-size: 14px; } .mm-wrapper h3, #mm-media-viewer h3, .mm-wrapper h4, #mm-media-viewer h4, .mm-wrapper h5, #mm-media-viewer h5, .mm-wrapper h6, #mm-media-viewer h6, .mm-wrapper address { color: #369; } .mm-wrapper h3, #mm-media-viewer h3, .mm-wrapper h4, #mm-media-viewer h4 { font-size: 14px; } .mm-wrapper h5, #mm-media-viewer h5 { font-size: 12px; } /* Generic Styles ----------------------------------------------------------------------------*/ /* Loading Indicators */ #mm-map { /* REMOVED DUE TO PERFORMANCE ISSUE WITH OVERLAY, NEEDS TO BE HIDDEN PROGRAMMATICALY */ /*background-image: url(Images/MultiMedia/mm-viewer-loading-indicator.gif);*/ background-position: 50% 50%; background-repeat: no-repeat; } #media-viewer-content .media-viewer { /* REMOVED DUE TO PERFORMANCE ISSUE WITH OVERLAY, NEEDS TO BE HIDDEN PROGRAMMATICALY */ /*background-image: url(Images/MultiMedia/mm-viewer-loading-indicator.gif);*/ background-position: 50% 50%; background-repeat: no-repeat; } .mm-wrapper .item-indicator, #mm-media-viewer .item-indicator { text-align: center; } .mm-wrapper li.copyright a, #mm-media-viewer li.copyright a { color: #666; } /* Links ----------------------------------------------------------------------------*/ .mm-wrapper a, #mm-media-viewer a { outline: none; color: #369; cursor: pointer; text-decoration: underline; } .mm-wrapper a:hover, .mm-wrapper a.hover, #mm-media-viewer a:hover, #mm-media-viewer a.hover { color: #fb7a17; } .mm-wrapper a.prev-group, .mm-wrapper a.next-group, .mm-wrapper a.prev-item, .mm-wrapper a.next-item, #mm-media-viewer a.prev-group, #mm-media-viewer a.next-group, #mm-media-viewer a.prev-item, #mm-media-viewer a.next-item { display: block; text-indent: -9999px; position: relative; } .mm-wrapper a.prev-group, .mm-wrapper a.next-group, #mm-media-viewer a.prev-group, #mm-media-viewer a.next-group { width: 24px; height: 33px; background-image: url(Images/MultiMedia/mm-button-scroll-group.gif); background-repeat: no-repeat; } .mm-wrapper a.prev-group, .mm-wrapper a.prev-group:link, .mm-wrapper a.prev-group:visited, #mm-media-viewer a.prev-group, #mm-media-viewer a.prev-group:link, #mm-media-viewer a.prev-group:visited { background-position: 0 0; } .mm-wrapper a.prev-group:hover, .mm-wrapper a.prev-group.hover, #mm-media-viewer a.prev-group:hover, #mm-media-viewer a.prev-group.hover { background-position: 0 -33px; } .mm-wrapper a.prev-group:active, .mm-wrapper a.prev-group.active, #mm-media-viewer a.prev-group:active, #mm-media-viewer a.prev-group.active { background-position: 0 -66px; } .mm-wrapper a.next-group, .mm-wrapper a.next-group:link, .mm-wrapper a.next-group:visited, #mm-media-viewer a.next-group, #mm-media-viewer a.next-group:link, #mm-media-viewer a.next-group:visited { background-position: -24px 0; } .mm-wrapper a.next-group:hover, .mm-wrapper a.next-group.hover, #mm-media-viewer a.next-group:hover, #mm-media-viewer a.next-group.hover { background-position: -24px -33px; } .mm-wrapper a.next-group:active, .mm-wrapper a.next-group.active, #mm-media-viewer a.next-group:active, #mm-media-viewer a.next-group.active { background-position: -24px -66px; } .mm-wrapper a.prev-item, .mm-wrapper a.next-item, #mm-media-viewer a.prev-item, #mm-media-viewer a.next-item { width: 32px; height: 49px; background-image: url(Images/MultiMedia/mm-button-scroll-item.gif); background-repeat: no-repeat; } .mm-wrapper a.prev-item, .mm-wrapper a.prev-item:link, .mm-wrapper a.prev-item:visited, #mm-media-viewer a.prev-item, #mm-media-viewer a.prev-item:link, #mm-media-viewer a.prev-item:visited { background-position: 0 0; } .mm-wrapper a.prev-item:hover, .mm-wrapper a.prev-item.hover, #mm-media-viewer a.prev-item:hover, #mm-media-viewer a.prev-item.hover { background-position: 0 -49px; } .mm-wrapper a.prev-item:active, .mm-wrapper a.prev-item.active, #mm-media-viewer a.prev-item:active, #mm-media-viewer a.prev-item.active { background-position: 0 -98px; } .mm-wrapper a.next-item, .mm-wrapper a.next-item:link, .mm-wrapper a.next-item:visited, #mm-media-viewer a.next-item, #mm-media-viewer a.next-item:link, #mm-media-viewer a.next-item:visited { background-position: -32px 0; } .mm-wrapper a.next-item:hover, .mm-wrapper a.next-item.hover, #mm-media-viewer a.next-item:hover, #mm-media-viewer a.next-item.hover { background-position: -32px -49px; } .mm-wrapper a.next-item:active, .mm-wrapper a.next-item.active, #mm-media-viewer a.next-item:active, #mm-media-viewer a.next-item.active { background-position: -32px -98px; } /* Disabled State */ .mm-wrapper .disabled a.prev-group, #mm-media-viewer .disabled a.prev-group { background-position: -0px -99px; cursor: default; } .mm-wrapper .disabled a.next-group, #mm-media-viewer .disabled a.next-group { background-position: -24px -99px; cursor: default; } .mm-wrapper .disabled a.prev-item, #mm-media-viewer .disabled a.prev-item { background-position: -0 -147px; cursor: default; } .mm-wrapper .disabled a.next-item, #mm-media-viewer .disabled a.next-item { background-position: -32px -147px; cursor: default; } /* Accommodation & Mediaviewer Thumbnail Overlays */ /* photo (default) */ #mm-accommodation-thumbnails ul.items a, #media-viewer-footer ul.items a, #mm-accommodation-thumbnails ul.items a:link, #media-viewer-footer ul.items a:link, #mm-accommodation-thumbnails ul.items a:visited, #media-viewer-footer ul.items a:visited { background-image: url(Images/MultiMedia/mm-thumbnail-overlay-bg.png); background-position: 0 0; background-repeat: no-repeat; } #mm-accommodation-thumbnails ul.items a:hover, #mm-accommodation-thumbnails ul.items a.hover, #media-viewer-footer ul.items a:hover, #media-viewer-footer ul.items a.hover, #mm-accommodation-thumbnails ul.items a:active, #media-viewer-footer ul.items a:active, #mm-accommodation-thumbnails ul.items li.active a, #media-viewer-footer ul.items li.active a { background-position: 0 -100px; } /* video */ #mm-accommodation-thumbnails ul.items li a.video, #media-viewer-footer ul.items li a.video, #mm-accommodation-thumbnails ul.items li a.video:link, #media-viewer-footer ul.items li a.video:link, #mm-accommodation-thumbnails ul.items li a.video:visited, #media-viewer-footer ul.items li a.video:visited { background-position: -145px 0; } #mm-accommodation-thumbnails ul.items li a.video:hover, #mm-accommodation-thumbnails ul.items li a.video.hover, #media-viewer-footer ul.items li a.video:hover, #media-viewer-footer ul.items li a.video.hover, #mm-accommodation-thumbnails ul.items li a.video:active, #media-viewer-footer ul.items li a.video:active, #mm-accommodation-thumbnails ul.items li.active a.video, #media-viewer-footer ul.items li.active a.video { background-position: -145px -100px; } /* photo3d */ #mm-accommodation-thumbnails ul.items li a.photo3d, #media-viewer-footer ul.items li a.photo3d, #mm-accommodation-thumbnails ul.items li a.photo3d:link, #media-viewer-footer ul.items li a.photo3d:link, #mm-accommodation-thumbnails ul.items li a.photo3d:visited, #media-viewer-footer ul.items li a.photo3d:visited { background-position: -290px 0; } #mm-accommodation-thumbnails ul.items li a.photo3d:hover, #mm-accommodation-thumbnails ul.items li a.photo3d.hover, #media-viewer-footer ul.items li a.photo3d:hover, #media-viewer-footer ul.items li a.photo3d.hover, #mm-accommodation-thumbnails ul.items li a.photo3d:active, #media-viewer-footer ul.items li a.photo3d:active, #mm-accommodation-thumbnails ul.items li.active a.photo3d, #media-viewer-footer ul.items li.active a.photo3d { background-position: -290px -100px; } /* information */ #mm-accommodation-thumbnails ul.items li a.information, #media-viewer-footer ul.items li a.information, #mm-accommodation-thumbnails ul.items li a.information:link, #media-viewer-footer ul.items li a.information:link, #mm-accommodation-thumbnails ul.items li a.information:visited, #media-viewer-footer ul.items li a.information:visited { background-position: -435px 0; } #mm-accommodation-thumbnails ul.items li a.information:hover, #mm-accommodation-thumbnails ul.items li a.information.hover, #media-viewer-footer ul.items li a.information:hover, #media-viewer-footer ul.items li a.information.hover, #mm-accommodation-thumbnails ul.items li a.information:active, #media-viewer-footer ul.items li a.information:active, #mm-accommodation-thumbnails ul.items li.active a.information, #media-viewer-footer ul.items li.active a.information { background-position: -435px -100px; } /* Resultslist Thumbnail Overlays */ /* (default) */ #mm-results-list a { background-image: url(Images/MultiMedia/mm-results-thumbnail-overlay-bg.png); background-position: 0 0; background-repeat: no-repeat; } /* photo */ #mm-results-list li a.photo, #mm-results-list li a.photo:link, #mm-results-list li a.photo:visited { background-position: 0 0; } #mm-results-list li a.photo:hover, #mm-results-list li a.photo.hover, #mm-results-list li a.photo:active, #mm-results-list li.active a.photo { background-position: 0 -67px; } /* information */ #mm-results-list li a.information, #mm-results-list li a.information:link, #mm-results-list li a.information:visited { background-position: -94px 0; } #mm-results-list li a.information:hover, #mm-results-list li a.information.hover, #mm-results-list li a.information:active, #mm-results-list li.active a.information { background-position: -94px -67px; } /* photo3d */ #mm-results-list li a.photo3d, #mm-results-list li a.photo3d:link, #mm-results-list li a.photo3d:visited { background-position: -188px 0; } #mm-results-list li a.photo3d:hover, #mm-results-list li a.photo3d.hover, #mm-results-list li a.photo3d:active, #mm-results-list li.active a.photo3d { background-position: -188px -67px; } /* video */ #mm-results-list li a.video, #mm-results-list li a.video:link, #mm-results-list li a.video:visited { background-position: -282px 0; } #mm-results-list li a.video:hover, #mm-results-list li a.video.hover, #mm-results-list li a.video:active, #mm-results-list li.active a.video { background-position: -282px -67px; } /* Backgrounds ----------------------------------------------------------------------------*/ #mm-accommodation-details, #mm-accommodation-thumbnails, #mm-results, #mm-media, #mm-locations, #mm-results-highlight-prev-next { background: #fff; } #mm-map-wrapper, #mm-data-wrapper h4, #mm-sidebar { background-color: #d5e5ff; } #mm-map { background-color: #e5e3df; } #mm-results-list li, #media-viewer-footer li, #mm-accommodation-thumbnails li, .info-window-media li, .info-window-online-media { background-color: #222; } /* Layout ----------------------------------------------------------------------------*/ .mm-wrapper { position: absolute !important; left: 50% !important; top: 30px !important; margin-left: -486px !important; min-height: 200px; background-image: url(Images/MultiMedia/mm-accommodation-title-bg.png); background-repeat: no-repeat; background-position: 0 0; } #mm-media-viewer { z-index: 10000; width: 973px; padding: 0 0 30px 0; position: absolute !important; left: 50% !important; top: 30px !important; margin-left: -486px !important; } #mm-accommodation-wrapper { height: 163px; width: 973px; overflow: hidden; } #mm-data-wrapper { padding: 0 15px 15px 15px; position: relative; overflow: hidden; height: 622px; background-image: url(Images/MultiMedia/mm-module-bg.png); background-repeat: no-repeat; background-position: 0 bottom; } #mm-sidebar { width: 225px; height: 589px; float: left; padding: 0 5px 3px 3px; background-image: url(Images/MultiMedia/mm-sidebar-round-corner.png); background-repeat: no-repeat; background-position: 0 bottom; } #mm-results { background-image: url(Images/MultiMedia/mm-sidebar-footer-bg.png); background-repeat: no-repeat; background-position: 0 bottom; } #mm-map-wrapper { float: left; width: 710px; height: 589px; padding: 0 0 3px 0; position: relative; z-index: 1; background-image: url(Images/MultiMedia/mm-map-wrapper-round-corner.png); background-position: right bottom; background-repeat: no-repeat; } /* MM Accommodation Wrapper - MM Accommodation Title ----------------------------------------------------------------------------*/ #mm-accommodation-title { height: 30px; padding: 0 8px 0 14px; position: relative; overflow: hidden; } #mm-accommodation-title h3,  #mm-accommodation-title a  { height: 30px; line-height: 30px; overflow: hidden; } #mm-accommodation-title h3 { float: left; width: 750px; } #mm-accommodation-title a { display: block; width: 77px; float: right; font-size: 14px; font-weight: bold; background-image: url(Images/MultiMedia/mm-title-close-button-bg.gif); background-position: 100% 0; background-repeat: no-repeat; text-transform: uppercase; } #mm-accommodation-title a:hover, #mm-accommodation-title a.hover { background-position: 100% 100%; } /* MM Accommodation Wrapper - MM Accommodation Details ----------------------------------------------------------------------------*/ #mm-accommodation-details { width: 349px; height: 126px; padding: 7px 14px 0 14px; float: left; } #mm-accommodation-details div { position: relative; overflow: hidden; } #mm-accommodation-details address  { height: 18px; line-height: 18px; margin-bottom: 4px; overflow: hidden; } #mm-accommodation-details p { clear: both; width: 360px; overflow: hidden; margin-top: 4px; font-size: 12px; line-height: 14px; } #mm-accommodation-details a { display: block; font-size: 12px; line-height: 15px; height: 17px; padding-left: 22px; background-image: url(Images/MultiMedia/mm-accommodation-details-link-bg.png); background-repeat: no-repeat; background-position: 0% 0%; } #mm-accommodation-details a:hover, #mm-accommodation-details a.hover { background-position: 0% 100%; } /* Prevent styling via html tags from feed*/ #mm-accommodation-details br { display: none; } #mm-accommodation-details b, #mm-accommodation-details strong { font-weight: normal; } #mm-accommodation-details i, #mm-accommodation-details em { font-style: normal; } /* star rating */ div.blank-star, div.half-star, div.full-star { width: 11px; height: 10px; float: left; margin-right: 2px; background-image: url(Images/MultiMedia/mm-NVN-rating-bg.gif); background-position: 0 0; background-repeat: no-repeat; } div.half-star { background-position: -11px 0; } div.full-star { background-position: -22px 0; } /* MM Accommodation Wrapper - MM Accommodation Thumbnails ----------------------------------------------------------------------------*/ #mm-accommodation-thumbnails { height: 129px; width: 586px; padding: 11px 10px 0 0; display: inline; float: right; position: relative; overflow: hidden; } #mm-accommodation-thumbnails div.browse { float: left; } #mm-accommodation-thumbnails a.prev-group, #mm-accommodation-thumbnails a.next-group { top: 35px; left: 0; } #mm-accommodation-thumbnails a.prev-item, #mm-accommodation-thumbnails a.next-item { top: 27px; left: 0; } #mm-accommodation-thumbnails a.prev-group, #mm-accommodation-thumbnails a.next-item { margin-right: 4px; } #mm-accommodation-thumbnails a.prev-item { margin-right: 6px; } #mm-accommodation-thumbnails div.scrollable { height: 100px; width: 443px; margin-right: 6px; float: left; position: relative; overflow: hidden; } #mm-accommodation-thumbnails ul.items { width: 20000em; position: absolute; } #mm-accommodation-thumbnails li { float: left; width: 145px; height: 100px; line-height: 100px;     vertical-align: middle; margin-right: 4px; position: relative; text-align: center; overflow: hidden; } #mm-accommodation-thumbnails ul.items img { position: relative;     vertical-align: middle; } #mm-accommodation-thumbnails ul.items a { position: absolute; top: 0; left: 0; display: block; width: 145px; height: 100px; text-indent: -9999px; } #mm-accommodation-thumbnails p { position: absolute; font-size: 11px; top: 115px; left: 0; text-align: center; width: 100%; } /* MM Data Wrapper ----------------------------------------------------------------------------*/ #mm-data-wrapper h4 { line-height: 26px; padding: 0 0 4px 9px; background-image: url(Images/MultiMedia/mm-data-wrapper-header-bg.png); background-repeat: no-repeat; background-position: 0 0; } /* MM Data Wrapper / MM Sidebar ----------------------------------------------------------------------------*/ #mm-sidebar h5 { line-height: 24px; /*width: 225px;*/ width: 211px; padding: 0 7px 1px 7px; overflow: hidden; background-image: url(Images/MultiMedia/mm-sidebar-header-bg.png); background-repeat: no-repeat; background-position: 0 0; } #mm-locations, #mm-media { padding-bottom: 12px; width: 225px; } #mm-locations li, #mm-media li { overflow: hidden; width: 225px; } #mm-locations label, #mm-locations span, #mm-media label, #mm-media span { display: block; float: left; } #mm-locations span, #mm-media span { margin: 0 4px; } #mm-locations input, #mm-media input { /* For Opera: */ border: none; } #mm-locations label, #mm-media label { width: 165px; line-height: 18px; padding: 0 20px 2px 0; background-position: right 3px; background-repeat: no-repeat; } #mm-locations label:hover, #mm-media label:hover { text-decoration: underline; } /* MM Sidebar - MM Locations ----------------------------------------------------------------------------*/ #mm-locations { margin-bottom: 3px; background-image: url(Images/MultiMedia/mm-sidebar-footer-bg.png); background-repeat: no-repeat; background-position: 0 bottom; } /* MM Results ----------------------------------------------------------------------------*/ /* MM Results - MM Results Pagination ----------------------------------------------------------------------------*/ #mm-results-highlight-prev-next { width: 219px; overflow: hidden; padding: 0 0 12px 6px; list-style: none; } #mm-results-highlight-prev-next li { float: left; margin-right: 4px; } #mm-results-highlight-prev-next li.text { width: 80px; position: relative; top: 9px; text-align: center; } #mm-results-highlight-prev-next a.prev-group, #mm-results-highlight-prev-next a.next-group { top: 8px; left: 0; } #mm-results-highlight-prev-next a.prev-item, #mm-results-highlight-prev-next a.next-item { top: 0; left: 0; } /* MM Results - MM Results List ----------------------------------------------------------------------------*/ #mm-results-list { width: 221px; /*height: 244px;*/ /* height depends on height of (data-wrapper - locations + media + pagination) */ overflow: auto; padding-left: 4px; } #mm-results-list li, #mm-results-list li a, #mm-results-list li div, #mm-results-list li p { width: 94px; height: 67px; } #mm-results-list li a, #mm-results-list li div, #mm-results-list li p { position: absolute; left: 0; top: 0; } #mm-results-list li div { text-align: center; vertical-align: middle; line-height: 67px; } #mm-results-list li img {     vertical-align: middle; } #mm-results-list li { float: left; font-size: 10px; line-height: 17px; margin: 0 5px 5px 0; position: relative; overflow: hidden; text-align: center; } #mm-results-list a { display: block; z-index: 1000; text-align: left; } #mm-results-list li a span { display: block; position: relative; top: 30px; left: 6px; width: 82px; height: 34px; font-size: 10px; line-height: 17px; overflow: hidden; } /* MM Data Wrapper - MM Map ----------------------------------------------------------------------------*/ #mm-map { width: 707px; height: 589px; } #mm-map-wrapper #top-left, #mm-map-wrapper #top-right, #mm-map-wrapper #bottom-right, #mm-map-wrapper #bottom-left { width: 8px; height: 8px; position: absolute; z-index: 2; } #mm-map-wrapper #top-left { background: url(Images/MultiMedia/map-roundedcorner-topleft.png) 0 0 no-repeat; left: 0; top: 0; } #mm-map-wrapper #top-right { background: url(Images/MultiMedia/map-roundedcorner-topright.png) 0 0 no-repeat; right: 3px; top: 0; } #mm-map-wrapper #bottom-right { background: url(Images/MultiMedia/map-roundedcorner-bottomright.png) 0 0 no-repeat; right: 3px; bottom: 3px; } #mm-map-wrapper #bottom-left { background: url(Images/MultiMedia/map-roundedcorner-bottomleft.png) 0 0 no-repeat; left: 0; bottom: 3px; } /* Info windows ----------------------------------------------------------------------------*/ /* Removes default Google Map Info Window Close Button */ #mm-map-wrapper img[src$="iw_close.gif"]  { display: none !important; } #mm-map-wrapper .accommodation, #mm-map-wrapper .polygon { width: 386px !important; height: auto !important; overflow: hidden; } #mm-map-wrapper .Photo, #mm-map-wrapper .Information, #mm-map-wrapper .Video, #mm-map-wrapper .Photo3D { width: 310px !important; height: auto !important; overflow: hidden; } /* Info windows - Header ----------------------------------------------------------------------------*/ .accommodation .info-window-header, .polygon .info-window-header, .Photo .info-window-header, .Information .info-window-header, .Video .info-window-header, .Photo3D .info-window-header { position: absolute; height: 29px; top: -16px; left: -16px; padding: 0; margin: 0; z-index: 99999; font-size: 12px; } .accommodation .info-window-header, .polygon .info-window-header { width: 418px; background-image: url(Images/MultiMedia/mm-info-window-header-big-bg.png); background-repeat: no-repeat; background-position: 0 0; } .Photo .info-window-header, .Information .info-window-header, .Video .info-window-header, .Photo3D .info-window-header { width: 342px; background-image: url(Images/MultiMedia/mm-info-window-header-small-bg.png); background-repeat: no-repeat; background-position: 0 0; } .info-window-header ul { height: 29px; position: relative; overflow: hidden; } .info-window-header ul li { height: 29px; line-height: 29px; } .info-window-header li a { display: block; line-height: 29px; height: 29px; text-align: right; } .info-window-header li.enlarge { width: 85px; float: left; padding-left: 12px; } .info-window-header li.enlarge a { padding-right: 22px; background-image: url(Images/MultiMedia/mm-enlarge-button-bg.gif); background-position: 100% 0%; background-repeat: no-repeat; } .info-window-header li.enlarge a:hover, .info-window-header li.enlarge a.hover { background-position: 100% 100%; } .info-window-header li.close { width: 120px; float: right; padding-right: 12px; } .info-window-header li.close a { color: #369; padding-right: 22px; background-image: url(Images/MultiMedia/mm-close-button-bg.gif); background-position: 100% 0%; background-repeat: no-repeat; } .info-window-header li.close a.hover { background-position: 100% 100%; color: #fb7a17; } /* Info windows - Body ----------------------------------------------------------------------------*/ .info-window-body { padding-top: 20px;  } .accommodation .info-window-body, .polygon .info-window-body { width: 386px; overflow: hidden; } .Photo .info-window-body, .Information .info-window-body, .Video .info-window-body, .Photo3D .info-window-body { width: 310px; overflow: hidden; } .accommodation .info-window-body h6, .polygon .info-window-body h6, .accommodation .info-window-body p, .polygon .info-window-body p, .accommodation .info-window-body ul, .polygon .info-window-body ul { width: 386px; } .Photo .info-window-body h6, .Information .info-window-body h6, .Video .info-window-body h6, .Photo3D .info-window-body h6, .Photo .info-window-body p, .Information .info-window-body p, .Video .info-window-body p, .Photo3D .info-window-body p, .Photo .info-window-body ul, .Information .info-window-body ul, .Video .info-window-body ul, .Photo3D .info-window-body ul { width: 310px; } .info-window-body h6 { font-size: 16px; line-height: 20px; margin: 0 0 5px 0; padding: 0; } .info-window-body p { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; padding: 0; } .info-window-body p p { margin: 0; } .polygon .info-window-body p+p, .Information .info-window-body p+p { margin-top: -8px; } .info-window-body p a { white-space: pre-wrap;  white-space: -moz-pre-wrap;  white-space: -pre-wrap;  white-space: -o-pre-wrap;  word-wrap: break-word; } .info-window-body p.item-indicator { height: 20px; } .info-window-body p.mm-geo-description-short, .info-window-body p.mm-geo-description-long { font-size: 11px; line-height: 14px; padding: 0; } .info-window-body p.mm-geo-description-short { height: 14px; overflow: hidden; margin-bottom: 8px; position: relative; } .info-window-body p.mm-geo-description-short span { display: block;  height: 14px;  line-height: 14px;  float: left; width: 315px; } .info-window-body p.mm-geo-description-short a { display: block;  height: 14px;  line-height: 14px;  float: left; width: 60px; padding-left: 4px; } .info-window-body ul { margin: 0; padding: 0; overflow: hidden; position: relative; } .info-window-body ul li { margin: 0; padding: 0; } .info-window-body ul li.logo { float: left; } .info-window-body ul li.copyright  { float: right; height: 18px; line-height: 18px; overflow: hidden; width: 230px; text-align: right; } /* Info windows - Thumbnail scroller - Accommodation & Polygon ----------------------------------------------------------------------------*/ .info-window-media { width: 386px; height: 210px; position: relative; text-align: center; overflow: hidden; } .info-window-media div.browse { width: 32px; float: left; } .info-window-media div.prev-item { margin-right: 6px; } .info-window-media a.prev-item, .info-window-media a.next-item { top: 78px; left: 0; } .info-window-media div.scrollable { width: 310px; height: 210px; float: left; position: relative; overflow: hidden; margin-right: 6px; } .info-window-media ul.items { width: 20000em; padding: 0; margin: 0; position: absolute; } .info-window-media li { float: left; width: 310px; height: 210px; line-height: 210px; text-align: center; vertical-align: middle; position: relative; text-align: center; overflow: hidden; margin-right: 6px; } .info-window-media ul.items img { position: relative; vertical-align: middle; } .info-window-media ul.items a { position: absolute; top: 0; left: 0; display: block; width: 310px; height: 210px; text-indent: -9999px; cursor: default; background-image: url(Images/MultiMedia/mm-info-window-thumbnail-overlay-bg.gif); background-position: 0 0; background-repeat: no-repeat; } /* Info windows - Thumbnail scroller - Online Media ----------------------------------------------------------------------------*/ .info-window-online-media { width: 310px; height: 210px; line-height: 210px; text-align: center; vertical-align: middle; position: relative; text-align: center; overflow: hidden; } .info-window-online-media img {     vertical-align: middle; } .info-window-online-media a { position: absolute; top: 0; left: 0; display: block; width: 310px; height: 210px; text-indent: -9999px; cursor: default; background-image: url(Images/MultiMedia/mm-info-window-thumbnail-overlay-bg.gif); background-position: 0 0; background-repeat: no-repeat; } /* Info windows - Wikipedia ----------------------------------------------------------------------------*/ .info-window div.summary { width: 288px; height: auto; /*min-height: 165px;*/ overflow: hidden; margin: 0 0 10px 0; padding: 10px; border: 1px solid #ccc; background-image: url(Images/MultiMedia/mm-info-window-wiki-summary-bg.jpg); background-position: center 0; background-repeat: no-repeat; } .info-window div.summary p { width: auto !important; height: auto !important; overflow: hidden !important; font-size: 11px; margin: 0; padding: 0; } /* Media Viewer ----------------------------------------------------------------------------*/ #mm-media-viewer h6 { height: 22px; line-height: 22px; margin: 5px 0 10px; overflow: hidden; } /* Media Viewer - Header ----------------------------------------------------------------------------*/ #media-viewer-header { background-image: url(Images/MultiMedia/mm-accommodation-title-bg.png); background-position: 0 0; background-repeat: no-repeat; height: 30px; overflow: hidden; padding: 0 8px 0 14px; position: relative; } #media-viewer-header a { background-image: url(Images/MultiMedia/mm-title-close-button-bg.gif); background-position: 100% 0%; background-repeat: no-repeat; display: block; float: right; font-size: 14px; line-height: 30px; font-weight: bold; width: 77px; text-transform: uppercase; } #media-viewer-header a:hover { background-position: 100% 100%; } /* Media Viewer - Content ----------------------------------------------------------------------------*/ #media-viewer-content-wrapper { padding: 10px; background-image: url(Images/MultiMedia/mm-module-bg.png); background-repeat: no-repeat; background-position: 0 bottom; } #media-viewer-content { text-align: center; } #media-viewer-content .media-viewer { width: 953px; height: 480px; line-height: 480px; text-align: center; vertical-align: middle; overflow: hidden; } /* Fix issue MM-229 */ #media-viewer-content .media-viewer div a { margin: 0 auto; } /* Fix issue MM-260 */ #media-viewer-content .media-viewer div, #media-viewer-content .media-viewer div div { line-height: 14px; } #media-viewer-content .media-viewer img { padding: 4px; background-color: #f1f1f1; border: 1px solid #c9c9c9; max-width: 943px; max-height: 467px; vertical-align: middle; } /* Wikipedia summary styling */ #media-viewer-content .media-viewer div.summary { height: 428px; width: 575px; text-align: left; padding: 20px; font-size: 15px; line-height: 28px; border: 1px solid #ccc; overflow: hidden; margin: 0 auto; background-image: url(Images/MultiMedia/mm-media-viewer-wiki-summary-bg.jpg); background-repeat: no-repeat; background-position: center 0; } #media-viewer-content .media-viewer div.summary p { margin-bottom: 20px; text-align: left; } #media-viewer-content p { position: relative; text-align: center; top: -24px; } #media-viewer-content p.article-link  { height: 18px; left: 0; line-height: 18px; overflow: hidden; position: absolute; text-align: center; top: 546px; width: 100%; z-index: 9999; } #media-viewer-content ul { position: relative; overflow: hidden; height: 30px; } #media-viewer-content li.logo { float: left; } #media-viewer-content li.copyright { float: right; height: 18px; line-height: 18px; overflow: hidden; width: 230px; text-align: right; } /* Media Viewer - Footer ----------------------------------------------------------------------------*/ #media-viewer-footer { height: 100px; width: 873px; margin: 11px 17px 0 0; display: block; margin: 0 auto; position: relative; overflow: hidden; } #media-viewer-footer div.browse { float: left; } #media-viewer-footer a.prev-group, #media-viewer-footer a.next-group { top: 35px; left: 0; } #media-viewer-footer a.prev-item, #media-viewer-footer a.next-item { top: 27px; left: 0; } #media-viewer-footer a.prev-group, #media-viewer-footer a.next-item { margin-right: 4px; } #media-viewer-footer a.prev-item { margin-right: 6px; } #media-viewer-footer div.scrollable { height: 100px; width: 741px; padding: 0; margin-right: 6px; float: left; position: relative; overflow: hidden; } #media-viewer-footer ul.items { width: 20000em; position: absolute; } #media-viewer-footer li { float: left; width: 145px; height: 100px; line-height: 100px; margin-right: 4px; position: relative; overflow: hidden; text-align: center; vertical-align: middle; } #media-viewer-footer ul.items img { position: relative; vertical-align: middle; } #media-viewer-footer ul.items a { position: absolute; top: 0; left: 0; display: block; width: 145px; height: 100px; } #media-viewer-footer ul.items li a.video, #media-viewer-footer ul.items li a.photo, #media-viewer-footer ul.items li a.photo3d { text-indent: -9999px; } #media-viewer-footer ul.items li a.information span { display: block; position: absolute; top: 45px; left: 10px; text-align: left; font-size: 11px; line-height: 15px; } #media-viewer-footer p { position: absolute; font-size: 11px; line-height: 15px; top: 104px; left: 0; text-align: center; width: 100%; } /* Tooltips ----------------------------------------------------------------------------*/ #mm-accommodation-tooltip, #mm-geobject-infotooltip { z-index: 89990; border: 1px solid #d5e5ff; max-width: 340px; background-color: #fff; padding: 8px; opacity: 0.85; -moz-border-radius: 10px;   -webkit-border-radius: 10px; box-shadow: 3px 3px 8px #818181; -webkit-box-shadow: 3px 3px 5px #818181; -moz-box-shadow: 3px 3px 8px #818181; font-size: 11px; } #mm-geobject-infotooltip { width: 300px; z-index: 99999; position: relative; overflow: hidden; } #mm-geobject-infotooltip p { color: #000; font-size: 11px; line-height: 16px; display: inline; } #mm-accommodation-tooltip h3, #mm-accommodation-tooltip div {  margin: 0; } #mm-accommodation-tooltip *, #mm-accommodation-tooltip p, #mm-accommodation-tooltip b, #mm-accommodation-tooltip i, #mm-accommodation-tooltip strong, #mm-accommodation-tooltip em { display: inline; text-transform: none; font-style: normal; font-weight: normal; margin: 0; padding: 0; color: #000; font-size: 11px; } #mm-accommodation-tooltip br { display: none; }