/* tooltip.css */

a.tooltip, a.tooltipR {outline:none; text-decoration: none; color: inherit; font-size: small;}
a.tooltip strong, a.tooltipR strong {line-height:30px;}
a.tooltip:hover, a.tooltipR:hover {text-decoration:none;}


a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
   /* margin-top: 25px; margin-left:400px;   */
    /*width:250px;*/ line-height:20px;
}

a.tooltipR span {
  z-index:10;display:none; padding:14px 20px;
   /* margin-top:-30px; margin-left:400px;*/
    /*width:250px;*/ line-height:20px;
}

a.tooltip:hover span, a.tooltipR:hover span {
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}



.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

/*CSS3 extras*/
a.tooltip span, a.tooltipR span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}