/******************************************
*******************************************
CSS Tool Tips
*******************************************

******************************************/

.tooltipEmulation
{
    /* zoom: 1; */
    border: 1px dotted #FFCC66;
    border-radius: 5px 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    color: Black;
    margin: 5px 0px;
    margin-left: 0;
    -moz-border-radius: 5px;
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    padding: 5px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    zoom: 1;
}

a.info
{
    position: relative;
    text-decoration: none;
    z-index: 0;
}

a.info:hover
{
    background-color: #ff0;
    text-decoration: none;
}

a.info span.tip
{
    display: none;
    text-decoration: none;
    z-index: 25;
    zoom: 1;
}
a.info img
{
    border: 0px;
}
a.info:hover span.tip
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 0em;
    left: 2em;
    color: Black;
    text-decoration: none;
    zoom: 1;
    opacity: 0.9;
    z-index: 25;
    background: #FFFFCC;
    border: 1px dotted #FFCC66;
    padding: 5px;
    margin: 5px 0px;
}

a.info div.tip
{
    display: none;
    text-decoration: none;
    z-index: 25;
    zoom: 1;
}
a.info:hover div.tip
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 0em;
    left: 2em;
    color: Black;
    text-decoration: none;
    zoom: 1;
    opacity: 0.9;
    z-index: 25;
    background: #FFFFCC;
    border: 1px dotted #FFCC66;
    padding: 5px;
    margin: 5px 0px;
}

/********** Other tips **************/
a.tooltip
{
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}
a.tooltipUnderline
{
    border-bottom: 1px dotted #000000;
}
a.tooltip .baseTip
{
    display: none;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    margin-left: 0; /* zoom: 1; */
    z-index: 3000;
}
a.tooltip:hover .baseTip
{
    position: absolute;
    display: block;
    z-index: 3000;
}
a.tooltip div.tip, a.tooltip span.tip, a.tooltip div.tipNear, a.tooltip span.tipNear
{
    display: none;
    left: 1em;
    top: 2em;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    margin-left: 0; /* zoom: 1; */
    z-index: 3000;
}
a.tooltip:hover span.tip, a.tooltip:hover div.tip
{
    position: absolute;
    display: block;
    z-index: 3000;
}

a.tooltip:hover .top
{
    bottom: -10px;
}
a.tooltip:hover .left
{
    right: -10px;
}
a.tooltip:hover .near
{
    top: -10px;
}
a.tooltip .tipTitle, .tooltipEmulation .tipTitle
{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    z-index: 3000;
}
a.tooltip em, .tooltipEmulation em
{
    /*font-family: Candara, Tahoma, Geneva, sans-serif;*/
    font-family: Candara;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
    z-index: 3000;
}

/*
.tipYellow
{
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.tipRed
{
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.tipBlue
{
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

*/
.tipGray
{
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 5px 0px;
}
.tipTan
{
    color: #332817;
    background: #F9FAF1;
    border: 1px solid #ECE9D8;
    margin: 5px 0px;
}
.tipYellow
{
    background: #FFFFCC;
    color: #9c653e;
    border: 1px dotted #FFCC66;
    padding: 5px;
    margin: 5px 0px;
}

.tipBlue
{
    color: #003366;
    background: #ECFAFF;
    border: 1px solid #BAE0FC;
    padding: 5px;
    margin: 5px 0px;
}

.tipThick
{
    border-width: 2px !important;
}

.tipGreen
{
    background: #c6efce;
    border: 1px dotted #006152;
    color: #006152;
    padding: 5px;
    margin: 5px 0px;
}
.tipRed
{
    background: #ffc7ce;
    border: 1px dotted #9c0054;
    color: #9c0054;
    padding: 5px;
    margin: 5px 0px;
}
.tipYellow2
{
    background: #ffeb9c;
    border: 1px dotted #9c653e;
    color: #9c653e;
    padding: 5px;
    margin: 5px 0px;
}
.tipgridWidth
{
    width: 650px;
    height: 300px;
}