/*---------- bubble tooltip -----------*/

/*------------- MASTER ---------*/
div.tt{
	position: absolute;
    z-index: 24;
	margin-left: -5px; *margin-left: -5px; 
	margin-top: 40px;
    width: 18px; 
    height:18px; 
	cursor: pointer;
}
div.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
div.tt:hover{ z-index:250; color: #FFFFFF; }
div.tt:hover span.tooltip{
    display:block;
    position:absolute;
	width: 135px; 
	height: 65px; 
	background-image: url(../images/non-auto-pop-up.png); background-repeat: no-repeat; padding:5px; 
	color:#FFFFFF;
    top: 10px; 
	left: 0px;
	margin: -90px 0px 0px -55px;
	padding: 5px 0px 0px 0px;
    text-align: center;
	/*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
div.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	color:#FFFFFF;	
	font-weight:bold;
}
div.tt:hover span.middle2{ /* different middle bg for stretch */
	display: block;
	padding: 5px 8px 0 8px;
	color:#FFFFFF;
	font-weight:normal;	
}

/*--------------- FREE  --------------------------*/
div.tt2{
	position: absolute;
    z-index: 24;
	margin-left: -5px; *margin-left: -5px; 
	margin-top: 40px;
    width: 18px; 
    height:18px; 
	cursor: pointer;
}
div.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
div.tt2:hover{ z-index:25; color: #FFFFFF; background:;}
div.tt2:hover span.tooltip{
    display:block;
    position:absolute;
	width: 135px; 
	height: 65px; 
	background-image: url(../images/first-timers-pop-up.png); background-repeat: no-repeat; padding:5px; 
	color:#FFFFFF;
    top: 10px; 
	left: 0px;
	margin: -90px 0px 0px -55px;
	padding: 5px 0px 0px 0px;
    text-align: center;
}
div.tt2:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	color:#FFFFFF;	
	font-weight:bold;
}
div.tt2:hover span.middle2{ /* different middle bg for stretch */
	display: block;
	padding: 5px 8px 0 8px;
	color:#FFFFFF;
	font-weight:normal;	
}

/*--------------- FIRST --------------------------*/
div.tt3{
	position: absolute;
    z-index: 24;
	margin-left: -5px; *margin-left: -5px; 
	margin-top: 40px;
    width: 18px; 
    height:18px; 
	cursor: pointer;
}
div.tt3 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
div.tt3:hover{ z-index:25; color: #FFFFFF; background:;}
div.tt3:hover span.tooltip{
    display:block;
    position:absolute;
	width: 135px; 
	height: 65px; 
	background-image: url(../images/free-auction-pop-up.png); background-repeat: no-repeat; padding:5px; 
	color:#FFFFFF;
    top: 10px; 
	left: 0px;
	margin: -90px 0px 0px -55px;
	padding: 5px 0px 0px 0px;
    text-align: center;
}
div.tt3:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	color:#FFFFFF;	
	font-weight:bold;
}
div.tt3:hover span.middle2{ /* different middle bg for stretch */
	display: block;
	padding: 5px 8px 0 8px;
	color:#FFFFFF;
	font-weight:normal;	
}