@import "/common/css/local/components/maps/base.css";

#mapContainer {
    border: 1px solid #45A3D2;
    border-bottom: none;
}

.mapControls {
    border: 2px solid #ffffff;
    background: transparent url( /corporate/images/virtualEarth/mapControlsBg.gif ) repeat-x left top;
}

.mapControls ul.tabs li {
    color: #524934;
    background: transparent url( /corporate/images/virtualEarth/tabInactiveLeft.gif ) no-repeat left top;
}

.mapControls ul.tabs li span {
    background: transparent url( /corporate/images/virtualEarth/tabInactiveRight.gif ) no-repeat right top;
}

.mapControls ul.tabs li.disableControl {
    background: transparent url( /corporate/images/virtualEarth/tabInactiveLeft.gif ) no-repeat left top;
}

.mapControls ul.tabs li.disableControl span {
    background: transparent url( /corporate/images/virtualEarth/tabInactiveRight.gif ) no-repeat right top;
    color: #524934;
}

.mapControls .collapse, .mapControls .expand {
    color: #524934;
}

.mapControls .controls .compass {
    background: transparent url( /corporate/images/virtualEarth/compassOff.gif ) no-repeat top left;
    color: #ffffff;
}

.mapControls .controls .options .zoomIn, .mapControls .controls .options .zoomOut {
    background: transparent url( /corporate/images/virtualEarth/zoomIn.gif ) no-repeat top left;
}

.mapControls .controls .options .zoomOut {
    background: transparent url( /corporate/images/virtualEarth/zoomOut.gif ) no-repeat top left;
}

/* set up aerial */
.aerial .mapControls ul.tabs li.aerialTab {
    background: transparent url( /corporate/images/virtualEarth/tabActiveLeft.gif ) no-repeat left top;
}

.aerial .mapControls ul.tabs li.aerialTab span {
    background: transparent url( /corporate/images/virtualEarth/tabActiveRight.gif ) no-repeat right top;
    color: #ffffff;
}

/* end aerial */

/* set up road */
.road .mapControls ul.tabs li.roadTab {
    background: transparent url( /corporate/images/virtualEarth/tabActiveLeft.gif ) no-repeat left top;
}

.road .mapControls ul.tabs li.roadTab span {
    background: transparent url( /corporate/images/virtualEarth/tabActiveRight.gif ) no-repeat right top;
    color: #ffffff;
}

/* end road */

/* set up birdsEye */
.birdsEye .mapControls ul.tabs li.birdsEyeTab {
    background: transparent url( /corporate/images/virtualEarth/tabActiveLeft.gif ) no-repeat left top;
}

.birdsEye .mapControls ul.tabs li.birdsEyeTab span {
    background: transparent url( /corporate/images/virtualEarth/tabActiveRight.gif ) no-repeat right top;
    color: #ffffff;
}

.birdsEye .mapControls .controls .compass {
    background: transparent url( /corporate/images/virtualEarth/compassArrowsOff.gif ) no-repeat top left;
}

.birdsEye .mapControls .aerial .compass .over {
    background: transparent url( /corporate/images/virtualEarth/compassArrowsOn.gif ) no-repeat top left;
}

/* end birdsEye */

/* set up collapse */
.collapse .mapControls .expand {
    background-color: #ffffff;
}

.collapse .mapControls .controls {
    background-color: #4fa3cd;
    border: 2px solid #ffffff;
}

/* end collapse */

/* overwrite MSVE bg color */
body #map, body #directionsMap, body #searchResultsMap {
    background-color: #90c7e5 !important;
}

/* popup box */
body .ero-previewArea .bottomArea {
    background-color: #d8edf7;
}

/* loading message  */

#loadingMessage.show {
    display: block;
}

#loadingMessage {
    display: none;
    background: transparent url( '/en_US/Media/Graphics/Brands/W/Map/loading_bg.png' ) left top;
    width: 281px;
    height: 128px;
    z-index: 100;
    position: absolute;
}

/* push pins */
.pushPin {
    background: transparent url( /corporate/images/virtualEarth/pin.gif ) no-repeat top left;
}

.pushPinCustom {
    background: transparent url( /corporate/images/virtualEarth/pinCustom.gif ) no-repeat top left;
}

.clusterPushPin1 {
    background: transparent url( /corporate/images/virtualEarth/blankPushPin.gif ) no-repeat top left;
}

.clusterPushPin2 {
    background: transparent url( /corporate/images/virtualEarth/blankPushPin2.gif ) no-repeat top left;
}

.clusterPushPin3 {
    background: transparent url( /corporate/images/virtualEarth/blankPushPin3.gif ) no-repeat top left;
}

.clusterPushPin4 {
    background: transparent url( /corporate/images/virtualEarth/blankPushPin4.gif ) no-repeat top left;
}

.clusterPushPin5 {
    background: transparent url( /corporate/images/virtualEarth/blankPushPin5.gif ) no-repeat top left;
}

.attractionsPushPin1 {
    background: transparent url( /corporate/images/virtualEarth/attractionsPushPin.gif ) no-repeat top left;
}

.attractionsPushPin2 {
    background: transparent url( /corporate/images/virtualEarth/attractionsPushPin2.gif ) no-repeat top left;
}

.attractionsPushPin3 {
    background: transparent url( /corporate/images/virtualEarth/attractionsPushPin3.gif ) no-repeat top left;
}

.attractionsPushPin4 {
    background: transparent url( /corporate/images/virtualEarth/attractionsPushPin4.gif ) no-repeat top left;
}

.attractionsPushPin5 {
    background: transparent url( /corporate/images/virtualEarth/attractionsPushPin5.gif ) no-repeat top left;
}

.VE_Pushpin_Popup_Title span {
    color: #333333 !important;
}