/*---------- bubble tooltip -----------*/
a.tt{
  position:relative;
  z-index:24;
  text-decoration:none !important; 
  cursor:hand;
}

div.item a.tt img { padding:3px;}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:none; outline:none;}
div.item a.tt img:hover { background:#fafafa; }
a.tt:hover span.tooltip{
  display:block;
  position:absolute;
  top:10px; left:0px;
  padding: 0 0 0 0;
  width:310px;
  color: #333; 
  font-weight:normal;
  text-align: left;
}
div.item a.tt:hover span.tooltip { top:0px; left:40px;}

div.last_item a.tt:hover span.tooltip { left:-240px !important;}
a.tt:hover span.top{
  display: block;
  padding: 20px 8px 0;
  background: url(/images/tt/bubble.png) no-repeat top;  
}     

  div.last_item a.tt:hover span.top { background: url(/images/tt/bubble_last.png) no-repeat top; }

a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 10px 0px 10px; 
	background: url(/images/tt/bubble2_filler.gif) repeat bottom; 
}

p.add_name { height:16px; width:97px; overflow:hidden;  position:relative;}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
  background: url(/images/tt/bubble.png) no-repeat bottom;
}