.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;
}