@charset "utf-8";
/* CSS Document */
/*---------- bubble tooltip -----------*/
.tt{
	position:relative;
	z-index:100;
	color:#6666CC;
	font-weight:bold;
	text-decoration:none;
	line-height: normal;
}
.tt span{
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{
	z-index:25;

background:;}
.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
	text-align: left;


	
	font-size: 10px;
	font-weight: normal;
}
.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background-image: url(pop/bubble.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background-image: url(pop/bubble_filler.gif);
	background-repeat: repeat;
	background-position: bottom;
}
.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background-image: url(pop/bubble.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*---------- bubble tooltip  WIDE-----------*/
.ttw{
	position:relative;
	z-index:24;
	color:#6666CC;
	font-weight:bold;
	text-decoration:none;
	line-height: normal;
}
.ttw span{
	display: none;
	z-index: 100;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.ttw:hover{ z-index:25; color: #aaaaff; background:;}
.ttw:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:500px;
	color: #000000;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 99999;
}
.ttw:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background-image: url(pop/bubblew.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.ttw:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background-image: url(pop/bubble_fillerw.gif);
	background-repeat: repeat;
	background-position: bottom;
}
.ttw:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background-image: url(pop/bubblew.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



/*---------- bubble tooltip  MEDIUM-----------*/
.ttw{
	position:relative;
	z-index:24;
	color:#6666CC;
	font-weight:bold;
	text-decoration:none;
	line-height: normal;
}
.ttw span{
	display: none;
	z-index: 100;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.ttw:hover{ z-index:25; color: #aaaaff; background:;}
.ttw:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:475px;
	color: #000000;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 99999;
}
.ttw:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background-image: url(pop/bubblew.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.ttw:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background-image: url(pop/bubble_fillerw.gif);
	background-repeat: repeat;
	background-position: bottom;
}
.ttw:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background-image: url(pop/bubblew.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}