/*
 * default tooltip style
 */
#tooltip {
	position:absolute;
	z-index: 2000;	/* bring up to front */
	display: none;
}
#tooltip #tooltip-title {
	background: #000;
	color: #fff;
	padding: 4px 8px 3px 8px;
	text-align: center;
	font-size: 11px;
	border: solid 3px #444;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	-moz-opacity: 0.9;
}
#tooltip #tooltip-contents {
	background: #fff;
	border: solid 3px #444;
	padding: 6px 8px 6px 8px;
	text-align: left;
	line-height: 1.4em;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	-moz-opacity: 0.9;
	zoom: 1;
}	
/*
 * balloon tooltip style
 */
#balloon {
	position:absolute;
	z-index: 2000;	/* bring up to front */
	display: none;
}
#balloon #balloon-top-left {
	height: 10px;
	background: url('../images/balloon-tl.png') no-repeat top left;

	width: 22px;
}
#balloon #balloon-top-main {
	background: #ddd;
	height: 10px;
	background: url('../images/balloon-tr.png') no-repeat top right;
	overflow: hidden;
}
#balloon #balloon-middle-left {
	background: url('../images/balloon-ml.png') no-repeat top left;
	width: 22px;
}
#balloon #balloon-middle-main {
	padding: 0px 22px 0px 5px;
	background: #fff;
	text-align: left;
	background: url('../images/balloon-mr.png') repeat-y top right;
	overflow: hidden;
}
#balloon #balloon-bottom-left {
	height: 16px;
	background: url('../images/balloon-bl.png') no-repeat top left;

	width: 22px;
}
#balloon #balloon-bottom-main {
	background: #ddd;
	height: 16px;
	background: transparent url('../images/balloon-br.png') no-repeat top right;
	overflow: hidden;
}

#balloon #balloon-title {
	color: #cc4444;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
}
#balloon #balloon-contents {
	line-height: 1.4em;
	padding-bottom: 2px;
}