#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.showF {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../../images/shadow.png');
}
#tooltip.showF h3 {
	margin-bottom: 0.75em;
	font-size: 10pt;
	font-weight:bold;
	color:#ffffff;
	width: 220px;
	text-align: center;
}
#tooltip.showF div { width: 220px; text-align: left; }

#tooltip.requiredF {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	color:#ffffff;
	opacity: 0.8;
	background: url('../../images/shadow.png');
}
#tooltip.requiredF h3 {
	margin-bottom: 0.75em;
	font-size: 10pt;
	font-weight:bold;
	color:#ffffff;
	width: 220px;
	text-align: center;
}
#tooltip.requiredF div { width: 220px; text-align: left; }

#tooltip.bgTooltip {
	background: url('../../images/shadow-top175.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.bgTooltip.viewport-bottom{
	background: url('../../images/shadow-down175.png');
	padding-top: 2.5em;
	padding-bottom: 4.5em;
}
#tooltip.bg2Tooltip {
	background: url('../../images/shadow-top225.png');
	padding-top: 5em;
	height: 140px;
}
#tooltip.bg2Tooltip.viewport-bottom {
	background: url('../../images/shadow-down225.png');
	padding-top: 2.5em;
	padding-bottom: 4.5em;
}

#tooltip.bg3Tooltip {
	background: url('../../images/shadow-top375.png');
	padding-top: 5em;
	height: 300px;

}
#tooltip.bg3Tooltip.viewport-bottom {
	background: url('../../images/shadow-down375.png');
	padding-top: 2.5em;
	padding-bottom: 4.5em;
}