#tooltip {
	position: absolute;
	z-index: 3000;
}

#tooltip .header {
	width: 360px;
	height: 30px;
	background: url("/html/images/tooltip_top_left.png") no-repeat top left;
	line-height: 0;
	font-size: 0;
}

#tooltip.viewport-bottom .header {
	height: 15px;
	background: url("/html/images/tooltip_bottom_left.png") no-repeat top left;
}

#tooltip .main_content {
	width: 320px;
	background: #ebf4fa;
	padding: 0 20px 0 20px !important;
	background: url("/html/images/tooltip_mid.png") repeat-y top left;
}

#tooltip .footer {
	width: 360px;
	height: 20px;
	background: url("/html/images/tooltip_top_left.png") no-repeat bottom left;
	line-height: 0;
	font-size: 0;
}

#tooltip.viewport-bottom .footer {
	height: 30px;
	background: url("/html/images/tooltip_bottom_left.png") no-repeat bottom left;
}

#tooltip .main_content p {
	color: #043f76; 
	font-size:10px;
	line-height: 14px;
	margin-bottom: 12px;
}

#tooltip .main_content td {
	color: #043f76; 
	font-size:10px;
	line-height: 14px;
	padding: 1px 3px;
}

#tooltip .main_content td.label {
	font-weight: bold;
}

#tooltip .footer {
	width: 360px;
	height: 20px;
	background: url("/html/images/tooltip_top_left.png") no-repeat bottom left;
	line-height: 0;
	font-size: 0;
}

#tooltip.viewport-bottom .footer {
	height: 30px;
	background: url("/html/images/tooltip_bottom_left.png") no-repeat bottom left;
}