lat49 Ad Placement

by ritcheyer

HTML

<div id="FAHDPMap">
    <div id="LargeMapWrapper" class="container mapView">
        <div id="vemapControl">
            <div style="width:628px;height:358px;position:relative" id="vemap"></div>
        </div>
        <div id="adContainer" onlat49pushpin="flexui.ui.components.adContainer.component.showPushPin" onlat49hidepushpin="flexui.ui.components.adContainer.component.hidePushPin">
            <a id="closeLat49Ad" href="#" title="Close Advertisement">Close Advertisement</a>
        </div>
        ...
        ...
        ...
    </div>
</div>

CSS

.mapView {
    position: relative;
    
}
.mapView #adContainer {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    
    background: rgb(76,83,87);
    background: rgba(76,83,87, .7);
    padding: 13px 5px 5px;

}
.mapView #adContainer a#closeLat49Ad {
    position: absolute;
    top: 0;
    right: 5px;
    color: #fff;
}
.mapView #adContainer .lat49adwrapper {
    position: relative !important;
}