/*Tooltip component by www.menucool.com */



/*For tooltip target element that has set class="tooltip" */

.tooltip {text-decoration: none; border-bottom:1px dotted #36c;color: #36c; outline: none; }



/*For tooltip box*/

div#mcTooltip 

{

    line-height:16px;

    border-width: 1px;   

    color:white; 

    border-color:#BBBBBB;

    padding:10px;

    font-size: 12px;

    font-family: Verdana, Arial;

    border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/

    box-shadow: 0 1px 4px #AAAAAA; /*Drop shadow. N/A for IE 8 and below.*/
    font-weight: bold;

}



div#mcTooltip, div.mcTooltipInner 

{

    background-color:red;

}



/* For hyperlink within tooltip */

div#mcTooltip a { color:#36c; display:none;}



/*Close button. Available when sticky or overlay has been set to true, or is on iPhone, iPad, Android, BlackBerry, or IEMobile devices. */

div#mcttCloseButton 

{

    width:14px;height:14px;position:absolute;cursor:pointer; overflow:hidden;

    top:12px; right:5px; left:auto;

}            



/* Only applies when overlay has been set to true or 1 */

div#mcOverlay 

{

    background-color: white;

    opacity:0.8; filter: alpha(opacity=80); 

    display:none;top:0;left:0;width:100%;height: 100%;overflow:visible;z-index:4; 

}



/*Only available when calling by tooltip.ajax(...). It will be a spinning image indicating a request is in progress.*/

div#tooltipAjaxSpin {margin:20px 50px; width:50px; height:30px; font-size:0;}



/*The settings below should remain unchanged*/

div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;top:0px;}

div#mcTooltip {float:left;border-style:solid;position:relative;overflow:hidden;}

div.mcTooltipInner {float:left;position:relative;width:auto;height:auto;}

div#mcttCo {position:absolute;text-align:left;}

div#mcttCo em, div#mcttCo b {display:block; width:0; height:0;overflow:hidden;}