/*************************** tooltip ************************/
#tooltip {
	position: absolute;
	z-index: 300;
}

#tooltip div.top {
	padding: 0px;
	margin: 0px;
	position: relative;

	z-index: 100;
	width: 420px;
	height: 15px;

	font-size: 1px;
	line-height: 0px;
	background-image: url("../images/info_top.png");
	background-repeat: repeat-y;
}

#tooltip div.middle {
	position: relative;

	z-index: 100;
	width: 382px;
	padding: 0px 22px 0px 16px;
	
	background-image: url("../images/info_middle.png");
	background-repeat: repeat-y;
}

#tooltip div.bottom {
	position: relative;

	z-index: 100;
	width: 420px;
	height: 23px;
	background-image: url("../images/info_bottom.png");
	background-repeat: no-repeat;
}




#tooltip div.rightBottom {
	position: absolute;
	top: 10px;
	left: -78px;

	z-index: 101;
	width: 84px;
	height: 42px;

	background-image: url("../images/info_blip_right.png");
	background-repeat: no-repeat;
}


#tooltip div.rightTop {
	position: absolute;
	bottom: 30px;
	left: -78px;

	z-index: 101;
	width: 84px;
	height: 42px;

	background-image: url("../images/info_blip_right.png");
	background-repeat: no-repeat;
}


#tooltip div.leftBottom {
	position: absolute;
	top: 30px;
	right: -71px;

	z-index: 101;
	width: 84px;
	height: 42px;

	background-image: url("../images/info_blip_left.png");
	background-repeat: no-repeat;
}


#tooltip div.leftTop {
	position: absolute;
	bottom: 30px;
	right: -71px;

	z-index: 101;
	width: 84px;
	height: 42px;
	
	background-image: url("../images/info_blip_left.png");
	background-repeat: no-repeat;
}




#tooltip div.bottomRight {
	position: absolute;
	top: -85px;
	left: 30px;

	z-index: 101;
	width: 60px;
	height: 90px;
	
	background-image: url("../images/info_blip_bottomRight.png");
	background-repeat: no-repeat;
}


#tooltip div.bottomLeft {
	position: absolute;
	top: -85px;
	right: 30px;

	z-index: 101;
	width: 60px;
	height: 90px;

	background-image: url("../images/info_blip_bottomLeft.png");
	background-repeat: no-repeat;
}


#tooltip div.topRight {
	position: absolute;
	bottom: -77px;
	left: 30px;

	z-index: 101;
	width: 60px;
	height: 90px;

	background-image: url("../images/info_blip_topRight.png");
	background-repeat: no-repeat;
}


#tooltip div.topLeft {
	position: absolute;
	bottom: -77px;
	right: 30px;

	z-index: 101;
	width: 60px;
	height: 90px;

	background-image: url("../images/info_blip_topLeft.png");
	background-repeat: no-repeat;
}



.hidden {
	display: none;
}