#tooltip, .tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #ddd;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div {
    color:#000;
    font-size: 10px;
    margin: 0;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    white-space: nowrap;
}
#tooltip h3 {color:#660;}



.map {
/*    width:96px;*/
    height:96px;
    position:relative;
    overflow:hidden;
    background:#b47838 url(../images/map/sand.gif);
    color:#fff;
    font-size:10px;
    border:1px solid #000;
}

.map a {
    color:#fff;
    text-decoration:underline;
    font-weight:normal;
}

.map .tooltip {
    display:none;
    margin:0;
    padding:0;
}
.map .tooltip p {
    margin:0;
    padding:0;
}
.map .tooltip a {
    color:#000;
    text-decoration:none;
    display:block;
    padding:3px 5px;
    white-space:nowrap;
}
.map .tooltip a:hover {
    text-decoration:none;
    background-color:#fff;
}

.map .inside {position:relative;}

.map .slide {
    width:20px;
    height:20px;
    position:absolute;
    z-index:1;
}

.map .slide2 {
    width:32px;
    height:32px;
    position:absolute;
    z-index:2;
}

.map .coordinates {
    position:absolute;
    bottom:0;
    right:0;
    margin:15px;
}

.map .refresh {
    position:absolute;
    right:0;
    margin:15px;
    z-index:3;
}

.map .inside div {
    width:32px;
    height:32px;
    position:absolute;
    z-index:0;

    color:#fff;
    text-align:center;
    font-size:10px;
    /*border:1px solid #000;*/
}

.map .inside div div {
    position:relative;
}

.map .inside div.r {background:url(../images/map/rock.png) center center no-repeat;}
.map .inside div.rAtreides {background:#90604b url(../images/map/rock.png) center center no-repeat;}
.map .inside div.rOrdos {background:#907f2d url(../images/map/rock.png) center center no-repeat;}
.map .inside div.rHarkonnen {background:#af602d url(../images/map/rock.png) center center no-repeat;}
.map .inside div.rFremen {background:#ddd url(../images/map/rock.png) center center no-repeat;}
.map .inside div.rCorrino {background:#d0d url(../images/map/rock.png) center center no-repeat;}
.map .inside div.rMercenaries {background:#dd0 url(../images/map/rock.png) center center no-repeat;}

.map .inside div.bAtreides {background:#009 url(../images/map/base_b.gif) center center no-repeat;}
.map .inside div.bOrdos {background:#090 url(../images/map/base_g.gif) center center no-repeat;}
.map .inside div.bHarkonnen {background:#900 url(../images/map/base_r.gif) center center no-repeat;}
.map .inside div.bFremen {background:#999 url(../images/map/base_o.gif) center center no-repeat;}
.map .inside div.bCorrino {background:#909 url(../images/map/base_p.gif) center center no-repeat;}
.map .inside div.bMercenaries {background:#990 url(../images/map/base_y.gif) center center no-repeat;}


.map .inside div.a {background:url(../images/map/army_w.gif) center center no-repeat;}
.map .inside div.aAtreides {background:url(../images/map/army_b.gif) center center no-repeat;}
.map .inside div.aOrdos {background:url(../images/map/army_g.gif) center center no-repeat;}
.map .inside div.aHarkonnen {background:url(../images/map/army_r.gif) center center no-repeat;}
.map .inside div.aFremen {background:url(../images/map/army_o.gif) center center no-repeat;}
.map .inside div.aCorrino {background:url(../images/map/army_p.gif) center center no-repeat;}
.map .inside div.aMercenaries {background:url(../images/map/army_y.gif) center center no-repeat;}

.map .inside div.w {background:url(../images/map/movepoint.png) center center no-repeat;}


.map .inside div.tAtreides {background-color:#90604b; cursor:pointer;}
.map .inside div.tOrdos {background-color:#907f2d; cursor:pointer;}
.map .inside div.tHarkonnen {background-color:#af602d; cursor:pointer;}
.map .inside div.tFremen {background-color:#ddd; cursor:pointer;}
.map .inside div.tCorrino {background-color:#d0d; cursor:pointer;}
.map .inside div.tMercenaries {background-color:#dd0; cursor:pointer;}