/*---------- colour tooltip -----------*/
a.cc{
    z-index:24;
   color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
}
a.cc span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.cc:hover
{
	z-index:25; 
	color: #000000; 
}
a.cc:hover span.tooltip{
    display:block;
    position:absolute;
    top:55px; left:0;
    padding: 0px 0px 0px 0px;
    width:156px;
    color: #000000;
    text-align: center;
}
a.cc:hover span.top{
    display: block;
    padding: 24px 8px 0;
    background: url(../images/tooltip.png) no-repeat top;
}
a.cc:hover span.middle{ /* different middle bg for stretch */
    display: block;
    padding: 0 0px; 
    background: url(../images/tooltip_filler.png) repeat bottom; 
}
a.cc:hover span.bottom{
    display: block;
    padding:3px 8px 14px;
    color: #000000;
    background: url(../images/tooltip.png) no-repeat bottom;
}
/*---------- END -----------*/