/**
 * This stylesheet contains the styles for a clickable tooltip and a hover 
 * tooltip.
 *
 * Dependencies:
 *    tooltipBannerSilver.jpg
 *
 * Related Files:
 *    tooltip.js
 *
 * @author: Gerard Uffelman - SaQus IT Solutions (gerard@saqus.com)
 *
 ******************************************************************************/


/**
 * Clickable tooltip. (Opens on an onclick event).
 * 
 ******************************************************************************/

/* The link that displays the tooltip */
.tooltipLink{
    color: #009900;
    text-decoration: underline;
    font-size: 12px;
}

/* The container that houses the contents of the tooltip */
.tt_container{
    display: block;
    position: absolute;
    width: 350px;
    border: 1px solid #bfc2d7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    background-color:#FFFFE0; 
    color: #000000;
    visibility: hidden;
    z-index: 25;
}

/* The hover tooltip heading */
.tt_container span.tt_heading{
    display: block;
    color: #000099;
    cursor: default;
    background-color: #DFDFDF;
    background-image: url(../images/tooltipBannerSilver.jpg);
    background-repeat: repeat-y;
    border-bottom: solid 1px #bfc2d7;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    max-height: 40px;
    min-height: 20px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* The hover tooltip contents */
.tt_container span.tt_body{
    display: block;
    padding: 10px;
    cursor: default;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* The hover tooltip footer */
.tt_container span.tt_footer{
    display: block;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #009900;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}


/**
 * Hover Tooltip (Opens, automatically, on a mouseover event)
 *
 ******************************************************************************/

/* The hyperlink that opens the tooltip */
a.hoverTooltipLink{
    position: relative;
    color: #009900;
    text-decoration: underline;
    font-size: 12px;
}
a.hoverTooltipLink:link{
    color: #009900;
}
a.hoverTooltipLink:hover{
    color: #009900;
    text-decoration: underline;
}
a.hoverTooltipLink:visited{ 
    text-decoration: underline;
    color: #009900;
}

/* The container that houses the contents of the hover tooltip */
.htt_container{
    display: block;
     position: absolute;
    top: 0px; 
    left: 0px; 
    width: 200px;
    border: 1px solid #bfc2d7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    background-color:#FFFFE0; 
    color: #000000;
    visibility: hidden;
    z-index: 25;
}

/* The hover tooltip heading */
.htt_container .htt_heading{
    display: block;
    color: #000099;
    cursor: default;
    background-color: #eeeeee;
    background-image: url(../images/tooltipBannerSilver.jpg);
    background-repeat: repeat-y;
    border-bottom: solid 1px #bfc2d7;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    max-height: 20px;
    min-height: 20px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* The hover tooltip contents */
.htt_container span.htt_body{
    display: block;
    padding: 10px;
    cursor: default;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* The hover tooltip footer */
.htt_container span.htt_footer{
    display: block;
    width: 150px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #009900;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}