.toolTipBox{
    position:absolute;
    top:0px;
    left:0px;
    z-index: 9001;
    background:black;
    display:none;
    box-shadow: 0px 0px 2px gray;
    border-radius:2px;
    max-width: 400px;
}

.toolTipContent{
    color:white;
    text-align: center;
    margin:2px 5px;
    position: relative;
    z-index: 9003;
}


.toolTipArrow{width: 20px;height: 20px;position: absolute;z-index: 9002;overflow: hidden;}

.toolTipArrow div{
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
}

/* arrow-bottom */
.toolTipArrowtop{bottom: -7px;left:50%;margin:0 0 0 -10px;height: 7px;}
.toolTipArrowtop div{bottom: 5px;left: 5px;}
/* arrow-left */
.toolTipArrowright{top: 50%;left: -7px;margin:-10px 0 0 0;width: 7px;}
.toolTipArrowright div{top: 5px;left: 5px;}
/* arrow-top */
.toolTipArrowbottom{top: -7px;left:50%;margin:0 0 0 -10px;height: 7px;}
.toolTipArrowbottom div{top: 5px;left: 5px;}
/* arrow-right */
.toolTipArrowleft{top: 50%;right: -4px;margin: -10px 0 0 0;width: 7px;}
.toolTipArrowleft div{top: 5px;right: 5px;}

.toolTipBox, .toolTipArrow div{
    background: #084e93;
    box-shadow: 0px 0px 2px gray;
}
.toolTipContent{
    color:white;
    font-size: 12px;
    font-family: Verdana;
    text-align: center;
    padding: 4px 5px;
}

/**/




body .dynToolTip,
body .dynToolTip .dynToolTipArrow div{
    background: #0D5396;
    z-index: 100;
}
body .dynToolTip .dynToolTipContent{
    color: white;
    font-size: 12px;
    padding: 5px;
}

/*
 *
 */
body .dynToolTip,
body .dynToolTip .dynToolTipArrow div{
    background: #000000;
    z-index: 100;
}
body .dynToolTip .dynToolTipContent{
    color: white;
    font-size: 12px;
    padding: 5px;
}

/* core */
.dynToolTip{
    position: absolute;
    min-height: 20px;
    background: black;
    border-radius: 7px;
    display: none;
    min-width: 20px;
}

.dynToolTipContent{
    color: white;
    text-align: center;
    padding: 3px;
}

.dynToolTipArrow{width: 20px;height: 20px;position: absolute;z-index: 9002;overflow: hidden;}

.dynToolTipArrow div{
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    background: black;
}

/* arrow-bottom */
.dynToolTipArrowBottom{bottom: -7px;left:50%;margin:0 0 0 -10px;height: 7px;}
.dynToolTipArrowBottom div{bottom: 5px;left: 5px;}
/* arrow-left */
.dynToolTipArrowLeft{top: 50%;left: -7px;margin:-10px 0 0 0;width: 7px;}
.dynToolTipArrowLeft div{top: 5px;left: 5px;}
/* arrow-top */
.dynToolTipArrowTop{top: -7px;left:50%;margin:0 0 0 -10px;height: 7px;}
.dynToolTipArrowTop div{top: 5px;left: 5px;}
/* arrow-right */
.dynToolTipArrowRight{top: 50%;right: -7px;margin: -10px 0 0 0;width: 7px;}
.dynToolTipArrowRight div{top: 5px;right: 5px;}

.dynToolTipArrowTopLeft,
.dynToolTipArrowTopRight,
.dynToolTipArrowBottomLeft,
.dynToolTipArrowBottomRight{
    display: none;
}