/*

                title = "<div style='position:relative; margin: 0px; padding=0px;'><a href=xxx><img class='PushPinImage' style='float:left; margin-right: 10px; padding: 2px; border: solid 1px #1a6294; background-color: #eaeaea' src='" + callBackData[i].ThumbnailURL + "' /></a></div>";
                title = title + "<a href=\"" + callBackData[i].URL + "\">" + callBackData[i].Title + "</a>";
                descript = "<div style='position:relative; margin-left: 85px;'><div style='position:relative; min-height: 71px; / min-height: 72px;'>" + descriptDetails + "</div><div style='position:relative; margin-left: 0px;'>" + isQuickMoveIns + "</div></div>";

                title = "<div class='pushpinImageWrapper'><a href='" + json.cu + "'><img class='pushpinImage' src='" + json.tu + "' /></a></div>";
                title = title + "<a href=\"" + json.cu + "\">" + json.nm + "</a>";
                description = "<div class='pushpinDetailQMIWrapper'><div class='pushpinDetails'>" + details + "</div><div class='pushpinQMIs'>" + isQuickMoveIns + "</div></div>";


*/


/* Styles for the actual push pin */

.pushpinImageWrapper 
{
    position:relative; 
    margin: 0px; 
    padding: 0px;
}

.pushpinDetailQMIWrapper 
{
    position:relative;
    margin-left: 85px;
}

.pushpinDetails 
{
    position:relative;
    min-height: 71px; 
    /min-height: 72px;
}

.pushpinQMIs 
{
    position:relative; 
    margin-left: 0px;
}

.pushpinImage 
{
    float:left; 
    margin-right: 10px; 
    padding: 2px; 
    border: solid 1px #1a6294; 
    background-color: #eaeaea;
    width: 125px;
    height: 100px;
}

.pushpinOC 
{
    width: 25px;
    height: 40px;
    position: relative;
    cursor: pointer;
    background-image: url('images/map.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin: -15px 0px 0px 0px;
}

.pushpinLabel, .pushpinClusterLabel
{
    position: relative;
    left: -1px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF !important;
    top: 6px;
    text-align: center;
}

/* Styles for the cluster */
/* Cluster also uses pushpinClusterLabel */

.pushpinCluster
{
    width: 25px;
    height: 40px;
    position: relative;
    cursor: pointer;
    background-image: url('images/map.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin: -15px 0px 0px 0px;
}

/* Dunno what these are */

.MapUnlocked
{
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 40px;
    z-index: 1000;
    margin-left: 14px;
    margin-top: 57px;
    background-image: url('images/map_unlocked.png');
    background-repeat: no-repeat;
}

.MapUnlocked:hover
{
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 40px;
    z-index: 1000;
    margin-left: 14px;
    margin-top: 57px;
    background-image: url('images/map_unlocked_over.png');
    background-repeat: no-repeat;
}

.MapLocked
{
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 40px;
    z-index: 1000;
    margin-left: 14px;
    margin-top: 57px;
    background-image: url('images/map_locked.png');
    background-repeat: no-repeat;
}


.MapLocked:Hover
{
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 40px;
    z-index: 1000;
    margin-left: 14px;
    margin-top: 57px;
    background-image: url('images/map_locked_over.png');
    background-repeat: no-repeat;
}

.ero-beak,
.ero-shadow,
.ero-body,
.ero-actionsBackground
{
    width: 300px !important;
}

/* THESE STYLES FIX THE HOVER BUG */
.ero-leftBeak
{   
    margin-top: -10px;
    width: 300px !important;
}

.ero
{
    margin-left: -10px;
    width: 300px !important;
}

/* END OF HOVER BUG FIX */

.ero-previewArea, 
.firstChild
{
    width: 270px !important;
}


/* Custom Map Info Box CSS 
.customInfoBox-body, .ero-body 
{
    position: relative;
    background-color:transparent !important;
    background-image:url('images/InfoBoxHover.png');
    border:none !important;
    height:132px;
    left:315px !important;
    overflow:hidden;
    padding-top:10px !important;
    /padding-top:20px !important;
    padding-right:5px !important;
    padding-bottom:5px !important;
    padding-left:20px !important;
    top: -100px !important;
    /top: -85px !important;
    margin: 0px;
    width:275px;
}

.customInfoBox-shadow, .ero-shadow
{
    background: none !important;
    background:transparent no-repeat right top !important;
    height:181px;
    left:-375px !important;
    top:20px !important;
    width:358px;
}

.customInfoBox-with-leftBeak, .ero-leftBeak
{
    height:0 !important;
    width:0 !important;
}

.ero-leftBeak .ero-beak 
{
        background: none !important;
    background:transparent no-repeat right top !important;

}

..ero-actionsBackground 
{
    background-color: Transparent !important;
}

.ero .ero-previewArea {
    background-color: Transparent !important;
    border: none !important;
} */