/* Title */
.ja-tooltip-title {
	font-weight: bold;
	color: #333333;
}

/* Close button */
.ja-tooltip .close {
	width: 14px;
	height: 14px;
	background: url(close.gif) no-repeat top left;
	position: absolute;
	top: 15px;
	right: 15px;
}

.ja-tooltip .close:hover {
	background: url(close-hover.gif) no-repeat top left;
}

/* Tooltips top */
.trona .top1 {
	background: url(c-tl.gif) no-repeat left top;
}

.trona .top2 {
	background: url(c-tr.gif) no-repeat right top;
}

.trona .top3 {
	margin: 0 15px;
	background: url(box-tooltip.gif) no-repeat center top;
}

.trona .top4 {
	width: 100%;
	height: 9px;
}

/* Tooltip middle */
.trona .mid1 {
	background: url(m-l.gif) no-repeat left center;
}

.trona .mid2 {
	background: url(m-r.gif) no-repeat right center;
}

.trona .mid3 {
	margin: 0 7px;
	padding: 10px;
	background: #FFFFFF;
}

.trona .mid3 p {
	margin-bottom: 0;
}

/* Tooltips bottom */
.trona .bot1 {
	background: url(c-bl.gif) no-repeat left bottom;
}

.trona .bot2 {
	background: url(c-br.gif) no-repeat right bottom;
}

.trona .bot3 {
	margin: 0 15px;
	background: url(box-tooltip.gif) no-repeat center bottom;
}

.trona .bot4 {
	width: 100%;
	height: 9px;
}

/* Arrow position */
.left-bottom div.bot4 {
	background: url(arrow-bottom.gif) no-repeat 20px bottom;
}

.center-bottom div.bot4 {
	background: url(arrow-bottom.gif) no-repeat center bottom;	
}

.right-bottom div.bot4 {
	background: url(arrow-bottom.gif) no-repeat 90% bottom;	
}

.left-top div.top4 {
	background: url(arrow-top.gif) no-repeat 20px top;
}

.center-top div.top4 {
	background: url(arrow-top.gif) no-repeat center top;
}

.right-top div.top4 {
	background: url(arrow-top.gif) no-repeat 90% top;
}