/* CSS Document */

a.tooltip{
	position: relative;
	z-index: 1000;
	color: #3CA3FF;
	text-decoration: none;
	font-size: 11px;
	}
	a.tooltip span
	{
	 display: none;
	}
    a.tooltip:hover
    {
        z-index: 25;
        color: #aaaaff;
    }
    a.tooltip:hover span.tooltip
    {
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        padding: 15px 0 0 0;
        width: 200px;
        color: #2d2d2d; /*#993300;*/
        text-align: center; /*filter: alpha(opacity:90); khtmlopacity:
0.90; mozopacity: 0.90; opacity: 0.90;*/
    }
    a.tooltip:hover span.top
    {
        display: block;
        padding: 30px 8px 0;
        background: url(  '../Images/bubble.png' ) no-repeat top;
    }
    a.tooltip:hover span.middle
    {
        /* different middle bg for stretch */
        display: block;
        padding: 0 8px;
        background-color: #ffffff;
        background: url(  '../Images/bubble_filler.gif' ) repeat bottom;
    }
    a.tooltip:hover span.bottom
    {
        display: block;
        padding: 3px 8px 10px;
        color: #548912;
        background: url( '../Images/bubble.png' ) no-repeat bottom;
    }