﻿/*---------- bubble tooltip -----------*/

 .tooltipTextDefault
{ 
    color:Red;
    font-size:small;
    font-weight:bold;
}

.tooltipIconDefault
{
    background-image :url(../images/icons/ni0015-16.gif);
    background-repeat:no-repeat;  
    margin: 0 0 0 0;
    padding:2px 5px 2px 3px;
    text-decoration:none;
}


 .tooltipIconHelp
 {
    background-image:url(../images/icons/help-bw.gif);
    background-repeat:no-repeat;
   padding:2px 8px 1px 1px;
    text-decoration:none;
    margin:0 0 0 0;  
    font-size:10px; 
 }
/*a.helpTooltip { padding:0 0 0 0;}*/

a.infoTooltip, a.helpTooltip {
    position:relative;
    z-index:24;
    /*color:#3CA3FF;*/
    color:White;
	font-weight:bold;
    text-decoration:none;
    font-size:10px; 
    padding-right:-30px;
    padding-left:3px;
    padding-bottom:10px;
    padding-top:1px;
    margin: 1px 0px 15px 5px;
    font-family:Verdana; 
    text-decoration:none; 
}
a.infoTooltip span, a.helpTooltip span{ display: none; }

/*ie hack, something must be changed in a for ie to execute it*/
a.infoTooltip:hover, a.helpTooltip:hover { z-index:25; color: White; 
	background:; 
    background-repeat:no-repeat; 
    font-size:10px;
    padding-bottom:10px;    
    text-decoration:none; 
   /* margin: 1px 2px 15px 8px;*/
    }
a.infoTooltip:hover span.tooltip, a.helpTooltip:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 5px 0;
	width:216px;
	color: Black;
    text-align: center;
    margin-left:-40px;
    font-size:10px; 
    text-decoration:none; 
/*	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.infoTooltip:hover span.top, a.helpTooltip span.top{
	display: block;
	padding: 30px 8px 0;
	margin-left:16px;
	font-size:10px; 
    background: url(../images/bubble.gif) no-repeat top;
    text-decoration:none; 
}
a.infoTooltip:hover span.middle, a.helpTooltip span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 5px; 
	margin-left:16px;
	font-size:10px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
	text-decoration:none; 
}
a.infoTooltip:hover span.bottom, a.helpTooltip span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	margin-left:16px;
	font-size:10px; 
    background: url(../images/bubble.gif) no-repeat bottom;
    text-decoration:none; 
}

a.infoTooltip span.middle, a.helpTooltip span.middle {font-size:10px; font-weight:bold; font-family:Verdana;     text-decoration:none; }
a.infoTooltip:hover span.middle, a.helpTooltip span.middle{ font-size:10px; font-weight:bold; font-family:Verdana;     text-decoration:none;}

