body div.tooltip-right,
body div.tooltip-left,
body div.tooltip-top,
body div.tooltip-bottom {
	position: absolute;
	padding: 4px 8px;
	background-color: #222;
	color: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	z-index: 888;
}
body.cyellow div.tooltip-right,
body.cyellow div.tooltip-left,
body.cyellow div.tooltip-top,
body.cyellow div.tooltip-bottom {
	color: #FF0;
}
div.tooltip-right:after,
div.tooltip-left:after,
div.tooltip-top:after,
div.tooltip-bottom:after {
	border-color: #000;
	font-size: 1px;
	border-width: 6px;
	content: "";
	position: absolute;
	z-index: 889;
}
div.tooltip-right:after {
	border-style: solid none solid solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	right: -6px;
	top: 50%;
	margin-top: -6px;
}
div.tooltip-left:after {
	border-style: solid solid solid none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	top: 50%;
	margin-top: -6px;
	left: -6px;
}
div.tooltip-top:after {
	border-style: none solid solid solid;
	border-left-color: transparent;
	border-right-color: transparent;
	top: -6px;
	margin-left: -6px;
	left: 50%;
}
div.tooltip-bottom:after {
	border-style: solid solid none solid;
	border-left-color: transparent;
	border-right-color: transparent;
	bottom: -6px;
	margin-left: -6px;
	left: 50%;
}