div.tooltipContent {
	background: rgb(255, 255, 255); border: 2px solid rgb(204, 204, 204); display: none; position: absolute; z-index: 1000;
}
div.tooltipContent div {
	margin: 15px; padding: 0px; width: 400px;
}
div.tooltipContent div div {
	margin: auto; width: auto;
}
div.tooltipContent div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
div.tooltipContent div img {
	margin: 0px 15px 0px 0px; clear: both; float: left;
}
div.tooltipContent .tooltipArrow {
	left: 0px; width: 26px; height: 26px; display: block; position: absolute;
}
div.tooltipContent .bottom.tooltipArrow {
	background: url("pointers.gif") no-repeat 0px 0px; bottom: -38px;
}
div.tooltipContent .top.tooltipArrow {
	background: url("pointers.gif") no-repeat 0px -153px; top: -38px;
}
div.tooltipContent .right.tooltipArrow {
	background: url("pointers.gif") no-repeat 0px -102px; left: auto; right: 0px;
}
div.tooltipContent .rightbottom.tooltipArrow {
	background: url("pointers.gif") no-repeat 0px -51px; left: auto; right: 0px;
}
span.tip {
	cursor: default;
}