.tooltip
{
	position: absolute;
	padding: 5px;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #ff0000 !important;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: normal !important;
	white-space: nowrap;
	background-color: #eeeeee !important;
	border: 1px solid #999999 !important;
	border-radius: 5px !important;
}
a:hover .tooltip
{
	text-decoration: none !important;
}
.arrow {
	position: absolute;
	top: -7px;
	left: 50%;
	width: 20px;
	height: 7px;
	margin-left: -10px;
	overflow: hidden;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 10px;
	height: 10px;
	background-color: #eeeeee;
	border: 1px solid #999999;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
}