/* CSS needed for the script */

#ajax_tooltipObj{
    z-index:1000000;
    text-align:left;
}
#ajax_tooltipObj div{
    position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */
    background-image:url('../images/arrow.gif');
    width:20px;
    position:absolute;
    left:0px;
    top:0px;
    background-repeat:no-repeat;
    background-position:center left;
    z-index:1000005;
    height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
    border:2px solid #9D9D9B;   /* Border width */
    left:18px;  /* Same as border thickness */
    top:0px;
    position:absolute;
    width:80px;    /* Width of tooltip content */
    height:50px;   /* Height of tooltip content */
    background-color:#FFFFFF;  /* Background color */
    padding:2px;    /* Space between border and content */
    font-size:0.6em;    /* Font size of content */
    overflow:hidden;  /* Hide overflow content */
    z-index:1000001;
}

.infotitle {
    color: #696A65;
    font : 9px Helvetica;
    margin-left : 10px;
    margin-top: 15px;
}

.infolie {
    height: 1px;
    border-bottom : 1px dotted;
    color: #696A65;
}   


.infotitle2 {
    color: #FFFFFF;
    font : 9px Verdana;
}

.infotext {
    color: #696A65;
    font : 9px Verdana;
    margin-left : 10px;
    margin-top: 12px;
/*  font-weight: bold; */
}

a.map {
    color: #FFFFFF;
    font : 9px Verdana;
    text-decoration: none;
}