/*
* HYPERTIP
*/

.hypertip {
	display: block;
	position: absolute;
	padding: 30px;
	z-index: 9999;
}

.hypertip-content {
	position: relative;
	background: #f0f0f0;
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
}

.hypertip-close {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 11px;
	top: 11px;
	cursor: pointer;
	background: url('images/close.png') 0 0 no-repeat;
	z-index: 20;
}

.hypertip-close:hover {
	background-position: right 0;
}

.hypertip-tip-left .hypertip-tip {
	width: 13px;
	height: 10px;
	background: url('images/tip-right.png') center center no-repeat;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -5px;
}

.hypertip-tip-right .hypertip-tip {
	width: 13px;
	height: 10px;
	background: url('images/tip-left.png') center center no-repeat;
	position: absolute;
	left: 7px;
	top: 50%;
	margin-top: -5px;
}

.hypertip-tip-top .hypertip-tip {
	width: 10px;
	height: 13px;
	background: url('images/tip-down.png') center center no-repeat;
	position: absolute;
	left: 50%;
	bottom: 7px;
	margin-left: -5px;
}

.hypertip-tip-bottom .hypertip-tip {
	width: 10px;
	height: 13px;
	background: url('images/tip-up.png') center center no-repeat;
	position: absolute;
	left: 50%;
	top: 7px;
	margin-left: -5px;
}

.hypertip-lt,
.hypertip-rt,
.hypertip-lb,
.hypertip-rb {
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url('images/tip.png');
	background-repeat: no-repeat;
}

.hypertip-l,
.hypertip-t,
.hypertip-r,
.hypertip-b {
	position: absolute;
	background-image: url('images/tip.png');
	background-repeat: no-repeat;
}

.hypertip-l {
	width: 30px;
	left: 0;
	top: 30px;
	bottom: 30px;
	background-position: 0 center;
}

.hypertip-r {
	width: 30px;
	right: 0;
	top: 30px;
	bottom: 30px;
	background-position: right center;
}

.hypertip-t {
	height: 30px;
	left: 30px;
	top: 0;
	right: 30px;
	background-position: center 0;
}

.hypertip-b {
	height: 30px;
	left: 30px;
	bottom: 0;
	right: 30px;
	background-position: center bottom;
}

.hypertip-lt {
	left: 0;
	top: 0;
	background-position: 0 0;
}

.hypertip-rt {
	right: 0;
	top: 0;
	background-position: right 0;
}

.hypertip-lb {
	left: 0;
	bottom: 0;
	background-position: 0 bottom;
}

.hypertip-rb {
	right: 0;
	bottom: 0;
	background-position: right bottom;
}

.hypertip-content .hypertip-loading {
	display: block;
	width: 16px;
	height: 16px;
	background: url('images/loading.gif') center center no-repeat;
}