#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #fef4ea;
	padding: 10px;
	opacity: 1;
	/*background: #fef4ea url(../images/tooltip_arrow.gif) no-repeat left top;*/
}
#tooltip h3, #tooltip div { margin: 0; }

#tt_arrow {
	position: absolute;
	top: 0;
	left: -8px;
}

.viewport-bottom #tt_arrow {
	position: absolute;
	bottom: 0;
	left: -8px;
	top: auto;
}

.viewport-bottom {
	top: 10px;
}