.tooltip
{
    display: none;
    cursor: pointer;
    width: 185px;
    z-index: 5000;
}

.autowidth
{
    width: auto;
}

.fixed
{
    position: fixed !important;
}

.tooltip .tooltipContent
{
    border: 2px solid #FFFFFF;
    text-align: left;
    color: #FFFFFF;
    font: normal 11px/15px "Trebuchet MS",Trebuchet,Arial,Helvetica,Verdana,sans-serif !important;
    padding: 10px;
    z-index: 5001;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #000000;
    -moz-box-shadow: 0px 0px 10px #000000; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 0px 0px 10px #000000; /* Safari and Chrome */
    background: #000000;
    background: -moz-linear-gradient(100% 100% 90deg, #000000, #666666);/* Firefox 3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#000000));/* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(#666666, #000000);/* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(#000000, #666666);/* Opera 11.10+ */
    background:-ms-linear-gradient(top, #666666 0%, #000000 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #666666 0%,#000000 100%); /* W3C */
}

.tooltipContent.white
{
    color: #000000;
    background: #FFFFFF;
    background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #CCCCCC);/* Firefox 3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#FFFFFF));/* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(#CCCCCC, #FFFFFF);/* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(#FFFFFF, #CCCCCC);/* Opera 11.10+ */
    background:-ms-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #CCCCCC 0%,#FFFFFF 100%); /* W3C */
}

.tooltip .tooltiparrow
{
    position: relative;
    width: 20px;
    margin-top: -2px;
    z-index: 5006;
}

.lowerleftarrow
{
    float: left;
    padding-left: 10px;
}

.lowerrightarrow
{
    float: right;
    padding-right: 10px;
}

.centerarrow
{
    margin-left: auto;
    margin-right: auto;
}

.tooltip .tooltiparrow div
{
    background: #000000;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    height: 1px;
    margin: auto;
    box-shadow: 0px 4px 6px #000000;
    -moz-box-shadow: 0px 4px 6px #000000; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 0px 4px 6px #000000; /* Safari and Chrome */
}

.tooltip .tooltiparrow.white div
{
    background: #FFFFFF;
}

.tooltip .tooltiparrow .line10
{
    width: 15px;
}

.tooltip .tooltiparrow .line9
{
    width: 13px;
}

.tooltip .tooltiparrow .line8
{
    width: 11px;
}

.tooltip .tooltiparrow .line7
{
    width: 9px;
}

.tooltip .tooltiparrow .line6
{
    width: 7px;
}

.tooltip .tooltiparrow .line5
{
    width: 5px;
}
.tooltip .tooltiparrow .line4
{
    width: 3px;
}
.tooltip .tooltiparrow .line3
{
    width: 1px;
}

.tooltip .tooltiparrow .line2
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    width: 1px;
}

.tooltip .tooltiparrow .line1
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    width: 1px;
}