#windRoseOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 175px;
    height: 175px;
    background-image:url('../treasures/images/windRose.png');
    background-repeat:no-repeat;
    /*filter:alpha(opacity=50)
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;*/
    z-index: 2147483600;
}

.roseOverlayArrows
{
    width: 57px;
    height: 57px;
    position: absolute;
    cursor: pointer;
}
#upRoseArrow
{
	left:55px;
}

#leftRoseArrow
{
	top:58px;
}
#rightRoseArrow
{
	left:116px;
	top:60px;
}

#downRoseArrow
{
	left:56px;
	top:116px;
}