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

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

.mapControls .controls .north {
    left: 13px;
}

.mapControls .controls .compass {
    margin: 19px 0 0 15px;
}

.mapControls .controls .leftArrow {
    left: 5px;
    top: 15px;
}

.mapControls .controls .bottomArrow {
    bottom: 5px;
    left: 15px;
}

.mapControls .controls .rightArrow {
    right: 20px;
    top: 15px;
}

.mapControls .controls .topArrow {
    left: 15px;
    top: 2px;
}

.mapControls .controls .options .zoomIn,
.mapControls .controls .options .zoomOut {
    cursor: pointer;
    float: left;
    height: 25px;
    width: 25px;
}

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

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

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

.mapControls ul.tabs li.disableControl {
    background: none;
}

.mapControls .controls .options .zoomControll {
    height: 40px;
}

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

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

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

.mapControls .controls .options .zoomIn, .mapControls .controls .options .zoomOut {
    background: transparent url( /whotels/images/virtualEarth/zoomIn.gif ) no-repeat top left;
    height: 26px;
    width: 27px;
}

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

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

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

/* end aerial */

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

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

/* end road */

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

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

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

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

/* end birdsEye */

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

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

/* end collapse */

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

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

/* loading message  */

#loadingMessage.show {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.VE_Pushpin_Popup_Title span {
    color: #FF2C77 !important;
    font-weight: bold;
}

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

.attractionsPushPin2 ,.attractionsPushPin3 {
    padding: 8px 0 0 3px;
}

.clusterPushPin2,.clusterPushPin3 {
    padding: 8px 0 0 0;
     background-position: 4px 0;
}

.mapControls .controls .ccw, .mapControls .controls .cw,
.mapControls .controls .options .labels,
.mapControls .controls .options .traffic {
    color: #4a4a4a;
}

body .VE_Pushpin_Popup_Title a, body .VE_Pushpin_Popup_Body a, .zoomToLinks  {
    text-transform: uppercase;
}


.zoomToLinks  {
    font-weight: bold;
    text-transform: uppercase;
}