﻿
.tooltip-trigger
{
/* class name is just used a a hook to grab object in jquery*/
}

#tooltipPopupContainer
{
    background-position: #F0F0F0;
    border: 1px solid #C0C0C0;
    background: #F8F8F8;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 20000;
    width: 200px;
    padding: 4px;
    font-family: Arial;
    font-size: 9px;
    color: #4E4A47;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px; /*causes flicker*/ /*behavior: url(/style/PIE.htc);
    box-shadow: #666 0px 2px 3px;*/
}

#tooltipPopupContent
{
    text-align:left;
    /*border: 1px solid magenta;*/
}
#tooltipPopupContent p{
    /*border: 1px solid blue;*/
}

#tooltipPopupContent p + p
{
    margin-top: 8px;
}

#tooltipPopupContent table
{
    
}
#tooltipPopupContent table th
{
    text-align:left;        
    font-weight:bold;
    font-size:9px;
    color:#27829E;
}

#tooltipPopupContent table td
{    
    text-align:left;        
    font-size:9px;
    color: #4E4A47;
    padding-left:2px;
}

