#tooltip {
	position: absolute;
	z-index: 3000;
}
#tooltip div { margin: 0; }
#tooltip div.tooltip-line { font:bold 11px arial; padding-bottom:4px; margin-bottom:4px; border-bottom:1px solid #A6982B; }


/* TOP */
#tooltip.viewport-top {
	background:url(i/top_line.gif) repeat-x top;
}
#tooltip.viewport-top div.tooltip-arrow {
	background:url(i/top_arrow.gif) no-repeat top left;
	padding:10px 0 0 0;
}
#tooltip.viewport-top div.tooltip-html {
	border-top:0px solid #A6982B;
	border-bottom:1px solid #A6982B;
}
/**********/



/* RIGHT */
#tooltip.viewport-right {
	background:url(i/right_line.gif) repeat-x top;
}
#tooltip.viewport-right div.tooltip-arrow {
	background:url(i/right_arrow.gif) no-repeat top right;
	padding:10px 0 0 0;
}
#tooltip.viewport-right div.tooltip-html {
	border-top:0px solid #A6982B;
	border-bottom:1px solid #A6982B;
}
/**********/



/* TOP-RIGHT */
#tooltip.viewport-top-right {
	background:url(i/topright_line.gif) repeat-x bottom;
}
#tooltip.viewport-top-right div.tooltip-arrow {
	background:url(i/topright_arrow.gif) no-repeat bottom right;
	padding:0 0 10px 0;
}
#tooltip.viewport-top-right div.tooltip-html {
	border-top:1px solid #A6982B;
	border-bottom:0px solid #A6982B;
}
/**********/



/* BOTTOM */
#tooltip.viewport-bottom {
	background:url(i/bottom_line.gif) repeat-x bottom;
}
#tooltip.viewport-bottom div.tooltip-arrow {
	background:url(i/bottom_arrow.gif) no-repeat bottom left;
	padding:0 0 10px 0;
}
#tooltip.viewport-bottom div.tooltip-html {
	border-top:1px solid #A6982B;
	border-bottom:0px solid #A6982B;
}


#tooltip div.tooltip-html {
	background-color: #FFEE69;
	border-right:1px solid #A6982B;
	border-left:1px solid #A6982B;
	padding: 3px 3px 3px 3px;
}


#tooltip div.tooltip-title, #tooltip div.tooltip-body {
	font:normal 11px arial;
}