.map {
    width: 600px;
    height: 350px;
    overflow: hidden;
}

.map .tooltip {
    font-size: 9pt;
    width: 170px;
    overflow: hidden;
}

.map .tooltip .top{
	height: 5px;
	overflow: hidden;
	background-image: url(../images/map/bubble.png);
	background-repeat: no-repeat;
}

.map .tooltip .middle{
    background: url(../images/map/bg.png) repeat;
    background-position: -173px top;
    padding: 0px 5px;
    color: #FFF;
}

.map .tooltip .middle img{
    margin: 5px 0px;
    clear: both;
}

.map .tooltip .bottom{
    background: url(../images/map/bubble.png) no-repeat;
    height: 25px;
    background-position: left bottom;
    overflow: hidden;
}

.map .tooltip .IE6 {
    background: url(../images/map/bubble.gif) no-repeat;
}

.map .tooltip .BOTTOMIE6 {
    background: url(../images/map/images/bubble.gif) no-repeat left bottom;
}

.map .tooltip .MIDDLEIE6 {
    background: #1A1A1A;
}