#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
    filter:alpha(opacity=85);
}
#tooltip h3, #tooltip div { margin: 0; font-size:12px; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
    filter:alpha(opacity=80);
	background: url('shadow.png')/*tpa=http://hk.fiberhomegroup.com/templates/_Common/images/shadow.png*/;
}
#tooltip.pretty h3 {
	margin-bottom: 0.25em;
	font-size: 12px;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left;line-height:20px; }
#tooltip.pretty .mappic img {
    float:left;
    margin-right:5px;
}
#tooltip.fancy {
	background: url('shadow2.png')/*tpa=http://hk.fiberhomegroup.com/templates/_Common/images/shadow2.png*/;
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png')/*tpa=http://hk.fiberhomegroup.com/templates/_Common/images/shadow2-reverse.png*/;
}

#tooltip .body span{ color:red; padding:0 0 0 10px;}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }