/* tooltip styling. uses a background image (a black box with an arrow) */
span.tooltip {
	font-size: 11px;
	padding: 10px 6px 0px 2px;
	width: 202px;
	display: none;
	color: #714907;
	text-align: left;	
	position: relative;
	z-index: 999999;
	overflow: hidden;
}

.tip1 {
	background: transparent url(/data/images/tooltip.png) no-repeat scroll 0 0;
	height: 122px;
}

.tip2 {
	background: transparent url(/data/images/tooltip2.png) no-repeat scroll 0 0;
	height: 76px;
}

span.tooltip a.ttip {
	width: 162px;
	display: block;
	padding: 10px 20px;
	clear: both;
	margin: 0px;
	background: none;
	background-color: transparent !important;
	color: #714907 !important;
	text-decoration: none !important;
	text-align: left !important;
}

span.tooltip a.ttip:hover {
	background: none;
	background-color: #ffa01c !important;
	color: #FFF !important;
	text-decoration: none !important;
}