/* http://www.cssplay.co.uk/menu/balloons.html */

.balloon1 {
	font-family: verdana, sans-serif; 
	width:200px;
	height:140px;
}

.balloon1 ul {
	padding:0; 
	margin:0;
	border:0;
	list-style-type: none;
}

.balloon1 ul li dl {
	visibility:hidden;
	position:absolute;
}

.balloon1 dl {width:300px; padding:0 0 20px 0; background:transparent url(/images/bal_bottom_elite.gif) repeat-x bottom left; height:auto;}
.balloon1 dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(/images/bal_top_elite.gif) no-repeat top left; text-align:center;}
.balloon1 dd {text-align:justify; margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff url(/images/bal_info.gif) no-repeat bottom right;}
.balloon1 dd p {font-family:verdana, arial, sans-serif;font-size:0.7em; padding:0; margin:10px 0; line-height:1.5em;}
.balloon1 dd span {text-align:left; font-family:verdana, arial, sans-serif;font-size:0.7em; padding:0; margin:10px 0; line-height:1.5em;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon1 ul li:hover,
.balloon1 ul li a:hover {
	color:#000; 
	position:relative;
	cursor: pointer;
	cursor:hand;
	text-decoration:none;	
}

.balloon1 ul li:hover dl,
.balloon1 ul li a:hover dl {
	visibility:visible;
	color:#000;
	top:-75px;
	left:120px;
	cursor:default;
}

.balloon1 ul li:hover dl em,
.balloon1 ul li a:hover dl em {
	display:block;
	position:absolute;
	left:-35px;
	top:75px;
	width:36px; 
	height:36px;
	background:transparent url(/images/bal_pointer.gif);
}

.balloon1 ul li:hover dl a,
.balloon1 ul li a:hover dl a {
	height:0.8em;
	color:#606;
	background:transparent;
	text-decoration:underline;
	display:inline;
}

.balloon1 ul li:hover dl a:hover,
.balloon1 ul li a:hover dl a:hover {
	text-decoration:none;
	background:transparent;
}


.balloon2 {
	font-family: verdana, sans-serif; 
	width:200px;
	height:140px;
}
.balloon2 ul {
	padding:0; 
	margin:0;
	border:0;
	list-style-type: none;
}

.balloon2 ul li dl {
	visibility:hidden;
	position:absolute;
}

.balloon2 dl {width:300px; padding:0 0 20px 0; background:transparent url(/images/bal_bottom_plat.gif) repeat-x bottom left; height:auto;}
.balloon2 dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(/images/bal_top_plat.gif) no-repeat top left; text-align:center;}
.balloon2 dd {text-align:justify; margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff url(/images/bal_info.gif) no-repeat bottom right;}
.balloon2 dd p {font-family:verdana, arial, sans-serif;font-size:0.7em; padding:0; margin:10px 0; line-height:1.5em;}
.balloon2 dd span {text-align:left; font-family:verdana, arial, sans-serif;font-size:0.7em; padding:0; margin:10px 0; line-height:1.5em;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon2 ul li:hover,
.balloon2 ul li a:hover {
	color:#000; 
	position:relative;
	cursor: pointer;
	cursor:hand;
	text-decoration:none;	
}

.balloon2 ul li:hover dl,
.balloon2 ul li a:hover dl {
	visibility:visible;
	color:#000;
	top:-75px;
	left:120px;
	cursor:default;
}

.balloon2 ul li:hover dl em,
.balloon2 ul li a:hover dl em {
	display:block;
	position:absolute;
	left:-35px;
	top:75px;
	width:36px; 
	height:36px;
	background:transparent url(/images/bal_pointer.gif);
}

.balloon2 ul li:hover dl a,
.balloon2 ul li a:hover dl a {
	height:0.8em;
	color:#606;
	background:transparent;
	text-decoration:underline;
	display:inline;
}

.balloon2 ul li:hover dl a:hover,
.balloon2 ul li a:hover dl a:hover {
	text-decoration:none;
	background:transparent;
}



.balloon3 {
	font-family: verdana, sans-serif; 
	width:200px;
	height:140px;
}
.balloon3 ul {
	padding:0; 
	margin:0;
	border:0;
	list-style-type: none;
}

.balloon3 ul li dl {
	visibility:hidden;
	position:absolute;
}

.balloon3 dl {width:300px; padding:0 0 20px 0; background:transparent url(/images/bal_bottom_gold.gif) repeat-x bottom left; height:auto;}
.balloon3 dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(/images/bal_top_gold.gif) no-repeat top left; text-align:center;}
.balloon3 dd {text-align:justify; margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff url(/images/bal_info.gif) no-repeat bottom right;}
.balloon3 dd p {font-family:verdana, arial, sans-serif;font-size:0.7em; padding:0; margin:10px 0; line-height:1.5em;}
.balloon3 dd span {text-align:left; font-family:verdana, arial, sans-serif;font-size:0.7em; padding:0; margin:10px 0; line-height:1.5em;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon3 ul li:hover,
.balloon3 ul li a:hover {
	color:#000; 
	position:relative;
	cursor: pointer;
	text-decoration:none;	
	cursor:hand;
}

.balloon3 ul li:hover dl,
.balloon3 ul li a:hover dl {
	visibility:visible;
	color:#000;
	top:-75px;
	left:120px;
	cursor:default;
}

.balloon3 ul li:hover dl em,
.balloon3 ul li a:hover dl em {
	display:block;
	position:absolute;
	left:-35px;
	top:75px;
	width:36px; 
	height:36px;
	background:transparent url(/images/bal_pointer.gif);
}

.balloon3 ul li:hover dl a,
.balloon3 ul li a:hover dl a {
	height:0.8em;
	color:#606;
	background:transparent;
	text-decoration:underline;
	display:inline;
}

.balloon3 ul li:hover dl a:hover,
.balloon3 ul li a:hover dl a:hover {
	text-decoration:none;
	background:transparent;
}