.hpe .tooltip_main{
    position: relative;
    display: inline-block;
}
.hpe .tooltip_keeper{
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color:#767676;
    padding-right: 23px;
    background: url(../i/common/tooltip.png) #FFFFFF 45px 1px no-repeat;
}

.hpe .tooltip_keeper:hover{
    text-decoration: underline;color:#767676;

}
.hpe .tooltip{
    position: absolute;
    width: 215px;
    padding: 5px 0 18px 0;
    color: #000000;
    background: #FFFFFF;
    border: 2px #cccccc solid;
    z-index: 100;
}

.hpe .tooltip_top{left: 18px; bottom: 25px;}
.hpe .tooltip_bottom{right: -27px; top: 25px;}

.hpe .tooltip_title{margin-bottom: 5px; padding: 0 20px; font-size: 16px; line-height: 20px;}
.hpe .tooltip_text{padding: 8px 20px 0 20px; font-size: 14px; line-height: 18px; border-top: 1px #cccccc solid;}

/*Corner*/
.hpe .tooltip_corner{position: absolute; width: 27px; height: 11px; font-size:0; background: url(../i/common/tooltip.png) no-repeat;}
.hpe .tooltip_top .tooltip_corner,
.hpe .tooltip_top_inline .tooltip_corner{left: 20px; bottom: -9px; background-position: -1px -40px;}
.hpe .tooltip_bottom .tooltip_corner,
.hpe .tooltip_bottom_inline .tooltip_corner{right: 20px; top: -9px; background-position: -1px -53px;}

.hpe .tooltip_icon{float: left; width: 20px; height: 20px; margin-right: 5px; background: url(../i/common/tooltip.png) no-repeat 0 -18px;}

.hpe .inline{
    position: relative;
    padding-right: 0;
    color:#000000;
    background-image: none;
    border-bottom: 1px #0096D6 dotted;
}

.hpe .inline:hover{
    text-decoration: none;
    color: #000000;
}

.hpe .tooltip_top_inline{left: 0; bottom: 25px;}
.hpe .tooltip_bottom_inline{right: 0; top: 25px;}

.hpe .line-text{
    font-size: 14px;
}