.list-project {display:block;width:158px;font-size:14px;text-align:left;margin:5px 0 5px 5px;line-height:1.2em;}
.list-project a:link,.list-project a:visited {text-decoration:none;}

.tt{position:relative;z-index:24;color:#336699;font-weight:normal;font-size:14px;}
.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:25; color: #880000; cursor:pointer; cursor:hand; background:url(/Assets/gif/bubble_filler.gif) repeat bottom}
.tt:hover span.tooltip{display:block;text-decoration:none;position:absolute;top:-10px;left:30px;padding: 11px 0 0 0;width:350px;color: #000000;text-align: left;font-size:12px;line-height:1.2em;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90}
.tt:hover span.top{display: block;padding: 30px 8px 0;background: url(/Assets/gif/bubble.gif) no-repeat top}
.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px; 
color:#000000;
text-decoration:none;
background: url(/Assets/gif/bubble_filler.gif) repeat bottom}

.tt:hover span.bottom{display: block;padding:3px 8px 10px;color: #336699;background: url(/Assets/gif/bubble.gif) no-repeat bottom}
.title-bubble {color:#336699;font-weight:bold;font-size:15px}
.hr-bubble {width:60%; text-align:left; color:#666}