.hs-area{position:relative}

.hs-wrap,.tt-wrap{position:absolute;display:none}

.tt-wrap{border:10px solid transparent;z-index:1000;}

.tt-wrap.left{top:-2px;right:100%}

.tt-wrap.right{top:-2px;left:100%}

.tt-wrap.top{bottom:100%;left:-2px}

.tt-wrap.bottom{top:100%;left:-2px}



.red-spot.active{box-shadow:0 0 2px #ff0d0d inset;border-color:#ff0d0d;opacity:.9}

.tip-tooltip{display:block;border-radius:5px; border: 2px solid rgba(155,155,155,0.85); padding:6px 15px;min-height:20px;min-width:30px;background-color:rgba(255,255,255,0.85);color:#fd6500;}
.tip-tooltip a {color:#fd6500;font-family: 'latobold', Arial, Helvetica, sans-serif;}

.tip-tooltip:before{content:"";position:absolute;border:8px solid;width:0;height:0;z-index:999}

.tip-tooltip.transparent{opacity:.8}

.tip-tooltip.right:before{top:10px;right:100%;border-color:transparent rgba(155,155,155,0.85) transparent transparent}

.tip-tooltip.left:before{top:10px;left:100%;border-color:transparent transparent transparent rgba(155,155,155,0.85)}

.tip-tooltip.top:before{top:100%;left:12px;border-color:rgba(155,155,155,0.85) transparent transparent transparent}

.tip-tooltip.bottom:before{bottom:100%;left:12px;border-color:transparent transparent rgba(155,155,155,0.85) transparent}

/* new */
.spot{border:2px solid #6d625d; background-color: #FF0; border-radius:5px !important; width: 6px !important; height: 6px !important;}
.locator{width: 31px; height: 60px; position: absolute; right: -32px; top: -40px;background-image:url(/media/img/locator.png);}

/* to remove */

.red-spot{border:1px solid #f00;opacity:.9;box-shadow:0 0 1px #000; background-color:#f00}