/* xtooltip ------------- version 1.4 12/2012,  
                          version 1.5 10/2013   - delay is added on the displaying (see js file) 
                          version 1.6 06/2017   - padding:0; margin:0; added.    border-width:0px; added to #xTail*/
#xtooltip {
    padding: 10px 10px 10px 14px;
    position: fixed; /* position: absolute; */
    color: #456; /*   #bbaa99;   #ffcc33; */
    background: #d2f2f6;
    /*  background-image:url('/res/info.ico');background-repeat:no-repeat; */
    border: 1px solid #248;
    font-family: menu, verdana;
    font-size: 0.9rem;
    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border-radius: 6px;
        -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);
        -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);
        box-shadow: 0 3px 8px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);
    z-index: 9999991;
}

#xtooltip h1, #xtooltip h2, #xtooltip h3, #xtooltip h4, #xtooltip h5, #xtooltip h6 {color:#568; border:0px solid red;margin: 0 0 0.3em 0.1em; }


/* /xtooltip ------------- */

#xTail { position: fixed; /* position: absolute; */ 
        padding:0; margin:0; 
        border-width:3px; 
        z-index: 9999992; }   /* see proto http://jsfiddle.net/duZAx/323/ */

/* xtooltip Tail */
    /* tail shadow */
.xTs {
    display: block;        
    border-style: solid; 
    border-bottom-width:6px; border-top-width:6px; 
    position: absolute;
    top:2px; left:0px;    
    width: 0px; height: 0px; padding:0; margin:0;
    z-index: 9999995;
}
    /* tail border */
.xT1 {
    display: block;    
    border-style: solid; 
    border-bottom-width:6px; border-top-width:6px; 
    position: absolute;
    top:0px; left:0px;    
    width: 0px; height: 0px; padding:0; margin:0;   
    z-index: 9999996;
}
    /* tail background */
.xT2 {
    display: block;
    border-style: solid;
    border-bottom-width: 6px;
    border-top-width: 6px;
    position: absolute; 
    top: 0px;
    width: 0px;
    height: 0px;
    padding: 0;
    margin: 0;
    z-index: 9999998;
}
    
.xTLs {border-color: transparent rgba(0,0,0,0.2) transparent transparent; border-right-width:8px;  border-left-width:0px;}  /* < left tail shadow */
.xTL1 {border-color: transparent #248 transparent transparent; border-right-width:8px;  border-left-width:0px;}          /* < left tail border */
.xTL2 {border-color: transparent #d2f2f6 transparent transparent;left:2px; border-right-width:8px;  border-left-width:0px;}  /* < left tail background */    
                                 /*right*/

.xTRs {border-color: transparent transparent transparent rgba(0,0,0,0.2); border-right-width:0px;  border-left-width:8px;}  /* > right tail shadow */
.xTR1 {border-color: transparent transparent transparent #248;  border-right-width:0px;  border-left-width:8px;}          /* > right tail border */
.xTR2 {border-color: transparent transparent transparent #d2f2f6; left:-2px;  border-right-width:0px;  border-left-width:8px;}  /* > right tail background */
                                 /*left*/