body {background-image:url(bg.gif);overflow:hidden;}

.test1, .test2, .test3, .test4{
    border:14px solid #fff;
    width:100px;
    position:absolute;
    color:#CCC;
    text-align:center;
    height:150px;
    box-shadow: 3px 3px 14px #CCC;
    background-color:white;
    z-index:10;
    font-size: 12px;
}

.sticky_tooltip{
	position:absolute;
	left:0;
	top:0;
	background-color:black;
	color:white;
	z-index:1;
	border:2px solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.sticky_tooltip_content{
    display:none;
}
.sticky_tooltip p{
	padding:10px;
	font-size:14px;
	text-shadow:none;
	font-style:italic;
}
.sticky_tooltip_arrow{
	position:absolute;
	background-color:transparent;
	background-repeat:no-repeat;
}
.sticky_tooltip_arrow_T,
.sticky_tooltip_arrow_B,
.sticky_tooltip_arrow_TL,
.sticky_tooltip_arrow_TR,
.sticky_tooltip_arrow_BL,
.sticky_tooltip_arrow_BR{
	background-image:url(../images/topbottom.png);
	width:13px;
	height:7px;
}
.sticky_tooltip_arrow_L,
.sticky_tooltip_arrow_R,
.sticky_tooltip_arrow_LT,
.sticky_tooltip_arrow_LB,
.sticky_tooltip_arrow_RT,
.sticky_tooltip_arrow_RB{
	background-image:url(../images/leftright.png);
	width:7px;
	height:13px;
}
.sticky_tooltip_arrow_T{
	background-position:0px -7px;
	top:-7px;
	left:50%;
	margin-left:-3.5px;
}
.sticky_tooltip_arrow_TL{
	background-position:0px -7px;
	top:-7px;
	left:5px;
}
.sticky_tooltip_arrow_TR{
	background-position:0px -7px;
	top:-7px;
	right:5px;
}
.sticky_tooltip_arrow_B{
	background-position:0px 0px;
	bottom:-7px;
	left:50%;
	margin-left:-3.5px;
}
.sticky_tooltip_arrow_BL{
	background-position:0px 0px;
	bottom:-7px;
	left:5px;
}
.sticky_tooltip_arrow_BR{
	background-position:0px 0px;
	bottom:-7px;
	right:5px;
}
.sticky_tooltip_arrow_L{
	background-position:-7px 0px;
	top:50%;
	margin-top:-6.5px;
	left:-7px;
}
.sticky_tooltip_arrow_LT{
	background-position:-7px 0px;
	top:5px;
	left:-7px;
}
.sticky_tooltip_arrow_LB{
	background-position:-7px 0px;
	bottom:5px;
	left:-7px;
}
.sticky_tooltip_arrow_R{
	background-position:0px 0px;
	top:50%;
	margin-top:-6.5px;
	right:-7px;
}
.sticky_tooltip_arrow_RT{
	background-position:0px 0px;
	top:5px;
	right:-7px;
}
.sticky_tooltip_arrow_RB{
	background-position:0px 0px;
	bottom:5px;
	right:-7px;
}
.stick_tooltip{
    position:absolute;
    cursor:pointer;
    height:20px;
    width:20px;
    background-image:url(../images/pin.png);
    background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:black;
    display:none;
}
.stick_tooltip.spinned{
    background-image:url(../images/spinned_pin.png);
}