.cws-interactive-map { /*background-color:#fff;*/ font-family: Arial, Helvetica, sans-serif; width: 100%; height: 666px; }
.cws-interactive-map .listDisplay { width: 35%; height: 100%; float: left; background-color: #fff; overflow: auto; }
@media print { .cws-interactive-map .listDisplay { height: auto; overflow: visible; } }
.cws-interactive-map .mapDisplay { width: 65%; height: 100%; float: left; background-color: #ddd; }
.cws-interactive-map .mapDisplay.noList { width: 100%; }
@media print { .cws-interactive-map .mapDisplay { height: 666px; } }
.cws-interactive-map .mapTopButton { display: block; width: auto; float: left; font-weight: bold; font-size: 12px; border: 1px #aaa solid; cursor: pointer; line-height: 24px; padding: 0 8px; margin-top: 8px; margin-right: 5px; color: #666; border-radius: 4px; }
.cws-interactive-map .mapTopButton:hover { background-color: #eee; border: 1px #000 solid; }

.mapTopContainer { background-color: #e9edf1; width: 100%; background-image: url(../Images/mapping/mapTopBG.jpg); background-repeat: no-repeat; background-position: center bottom; }
.mapTopContainer .sortbox { float: left; margin: 10px 5px 10px 10px; font-size: 14px; }
.mapTopContainer .sortbox .label { font-size: 12px; font-weight: bold; display: inline-block; width: 50px; }
.mapTopContainer .sortbox .desc { font-size: 12px; color: #666; }
.mapTopContainer .k-widget .k-dropdown-wrap { background-color: #fff !important; background-image: none; }

div.blockMsg { border-radius: 10px; border: 3px solid #999; padding: 1em; background-color: #fff; text-align: center; width: auto; font-weight: bold; font-size: 16px; margin: 0 50px; }

#mapHelp { text-align: left !important; }

#mapKey { text-align: center; padding: 0.5em; }
#mapKey th { font-weight: bold; padding-bottom: 1em; }

.listingContainer { background-color: white; margin: 1em; }

.mapPoint { display: none; }

.multiPointMap { height: 555px; width: 100%; position: relative; }

#PhotoAreaTabStrip .cws-streetview-map, #PhotoAreaTabStrip .multiPointMap { width: 100%; height: 444px; }

.cws-multipoint-map { height: 100%; width: 100%; }
.cws-multipoint-map .mapDisplay { height: 100%; width: 100%; border: 0; }

.mapButtonControl { font-family: Arial, Helvetica, sans-serif; background-color: #fff; padding: 2px 5px; text-align: center; cursor: pointer; font-size: 12px; }
.mapButtonControl:hover { background-color: #ddd; color: #000; }
.mapButtonControlLeftTop { margin-left: 23px; border-radius: 3px; line-height: 18px; box-shadow: 1px 1px 3px #333; border: 1px solid #aaa; color: #666; font-weight: bold; }
.mapButtonControlTopRight { margin-right: 5px; margin-top: 5px; box-shadow: 1px 1px 3px #666; border: 1px solid #666; color: #333; }

.mapKeyControl { margin-right: 5px; font-family: Arial, Helvetica, sans-serif; background-color: #fff; padding: 2px 5px; text-align: center; font-size: 12px; font-weight: bold; box-shadow: 1px 1px 3px #666; border: 1px solid #666; color: #333; }

.mapBubble { white-space: nowrap; font-size: 12px; }
.mapBubble a, .mapBubble a:link, .mapBubble a:visited, .mapBubble a:active { color: black; text-decoration: none; }
.mapBubblePropertyDetail { font-size: 11px; overflow: visible; padding: 0; }

.listingResultsMap .listingWrapper { margin: 5px 0 0 0; padding: 0; border: none; }
.listingResultsMap .listingWrapper .agentWrapper { display: block; float: left; width: 130px; }
.listingResultsMap .listingWrapper .agentImageWrapper { float: left; margin: 0 5px 0 0; }
.listingResultsMap .listingWrapper .agentInfoWrapper { width: 75px; text-align: left; }
.listingResultsMap .listingStatus, .listingResultsMap .listingPrice { text-align: right; }
.listingResultsMap .listingImageWrapper { display: table; width: 140px; height: 90px; margin: 0 5px 5px 0; overflow: hidden; background: #ddd; }
.listingResultsMap .listingImageWrapper > a { display: table-cell; vertical-align: middle; }
.listingResultsMap .propThumb { max-width: 139px; max-height: 89px; border: none; margin: 0 auto; }
.listingResultsMap .listingSpecs { width: 120px; margin: 0 5px 5px 0; }
.listingResultsMap .button { display: block; }

.expandMap, a.expandMap, a.expandMap:link, a.expandMap:visited, a.expandMap:active, .contractMap, a.contractMap, a.contractMap:link, a.contractMap:visited, a.contractMap:active, .expandMapLight, a.expandMapLight, a.expandMapLight:link, a.expandMapLight:visited, a.expandMapLight:active, .contractMapLight, a.contractMapLight, a.contractMapLight:link, a.contractMapLight:visited, a.contractMapLight:active { width: 82px; margin: 16px 16px 0 0; font-size: 10px; text-align: center; text-decoration: underline; color: #000; }

.expandMap, a.expandMap, a.expandMap:link, a.expandMap:visited, a.expandMap:active, .contractMap, a.contractMap, a.contractMap:link, a.contractMap:visited, a.contractMap:active { background-image: url(../Images/mapping/map-size.png); height: 14px; }

.expandMapLight, a.expandMapLight, a.expandMapLight:link, a.expandMapLight:visited, a.expandMapLight:active, .contractMapLight, a.contractMapLight, a.contractMapLight:link, a.contractMapLight:visited, a.contractMapLight:active { height: 44px; background-image: url(../Images/mapping/map-size-light.png); }

.expandMap, a.expandMap, a.expandMap:link, a.expandMap:visited, a.expandMap:active, .expandMapLight, a.expandMapLight, a.expandMapLight:link, a.expandMapLight:visited, a.expandMapLight:active { display: block; background-position: top left; }

.expandMap:hover, a.expandMap:hover, .contractMap:hover, a.contractMap:hover, .expandMapLight:hover, a.expandMapLight:hover, .contractMapLight:hover, a.contractMapLight:hover { cursor: pointer; }

.expandMap:hover, a.expandMap:hover, .contractMap:hover, a.contractMap:hover { color: #666; }

.expandMap:hover, a.expandMap:hover, .expandMapLight:hover, a.expandMapLight:hover { background-position: bottom left; }

.contractMap:hover, a.contractMap:hover, .contractMapLight:hover, a.contractMapLight:hover { background-position: bottom right; }

.mapResultsCount { margin: 14px 14px 0 14px; border: 1px #dfdfdf solid; padding: 12px 12px 12px 80px; background-image: url(../Images/mapping/globe.png); background-repeat: no-repeat; background-position: 12px center; }
.mapResultsCount div { margin: 0; padding: 0; min-height: 32px; }
.mapResultsCount p { margin: 0; padding: 0; font-weight: bold; font-size: 12px; }
.mapResultsCount a:after { content: " " url(../Images/dot.png); }

.mapInfoMessage { padding: 14px; background-color: #cbe0ff; margin: 10px; border: 1px #000 dotted; color: #3a6299; font-weight: bold; font-size: 16px; }

.mapWarningMessage { padding: 10px 10px 8px 10px; color: #3a6299; background-color: #cbe0ff; font-size: 16px; font-weight: normal; font-weight: bold; border-bottom: 1px #fff dashed; }

@media only screen and (max-width: 1279px) { #expandMap, #collapseMap, #expandMapLight, #contractMapLight { /*under 1280-ish wide resolution the expand map button is pretty worthless so let's hide it*/ display: none !important; } }