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

#mapContainer {
    border: none;
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

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

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

/* end aerial */

/* set up road */

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

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

/* end road */

/* set up birdsEye */

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

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

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

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

/* end birdsEye */

/* set up collapse */

.collapse .mapControls .expand {
    background-color: #ffffff;
}

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

/* end collapse */

/* overwrite MSVE bg color */

body #map, body #directionsMap, body #searchResultsMap {
    background-color: #a9dadc !important;
}

/* popup box */

body .ero-previewArea .bottomArea {
    background-color: #E6F5F6;
    color: #05374E;
}

/* loading message  */

#loadingMessage {
    background: transparent url( '/en_US/Media/Graphics/Brands/W/Map/loading_bg.png' ) left top;
}

/* push pins */

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

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

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

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

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

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

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

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

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

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

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

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

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

div.ero {
    z-index:750 !important;
}

/*override common base.css & inline css*/

.mapControls {
    opacity: 1.0;
    border-left: 1px solid #BFB6AA;
    border-top: 1px solid #BFB6AA;
    padding: 2px 0 0 2px;

}

.mapControls ul.tabs  {
    margin-left: 0 !important;
}

.collapse .mapControls .controls {
    background-color: #c8dfe1;
}

.mapControls .controls .options .zoomControll {
    padding-top: 0;
    bottom: 5px
}

.mapControls {
    z-index: 2;
}

#mapContainer {
    height: 438px;
    width: 745px;
}

*html #map,
*html #mapContainer,
*html #openHotMap {
    width: 738px !important;
}

body .VE_Pushpin_Popup_Body .address{
    color: #05374E;
}