.tooltip {
	width: 200px; color:#000;
	font:bolder 11px/1.3 Arial,sans-serif;
	text-decoration:none;text-align:center;
	z-index: 100;
}

.tooltip span.top {
	text-align: left;
	padding-top: 26px;
	padding-left: 40px;
	padding-right: 8px;
    background: url(/images/tooltip.gif) no-repeat top;
}

.tooltip span.bottom {
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
    background: url(/images/tooltip.gif) no-repeat bottom;
	font-weight: normal;
	text-align: left;
}

.tooltip span.top .close {
	padding: 2px 2px 2px 2px;
	float: right;
	position: relative;
	top: -16px;
}

.tooltip span.bottom .icon {
	float: left;
	display: block;
	position: relative;
	top: -8px;
}

.tooltip span.bottom .text {
	margin-left: 40px;
	display: block;
}