#powerTip {
    cursor: default;
    /* background-color: #333; */
    /* background-color: rgba(0, 0, 0, .8); */
    /* border-radius: 6px; */
    /* color: #fff; */
    display: none;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647
}

#powerTip img {
    width: 256px;
    height: 256px;
}

#powerTip:before {
    content: "";
    position: absolute
}

#powerTip.n:before,
#powerTip.s:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    margin-left: -5px
}

#powerTip.e:before,
#powerTip.w:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-top: -5px;
    top: 50%
}

#powerTip.n:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0, 0, 0, .8);
    bottom: -10px
}

#powerTip.e:before {
    border-right: 10px solid #333;
    border-right: 10px solid rgba(0, 0, 0, .8);
    left: -10px
}

#powerTip.s:before {
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0, 0, 0, .8);
    top: -10px
}

#powerTip.w:before {
    border-left: 10px solid #333;
    border-left: 10px solid rgba(0, 0, 0, .8);
    right: -10px
}

#powerTip.ne:before,
#powerTip.se:before {
    border-right: 10px solid transparent;
    border-left: 0;
    left: 10px
}

#powerTip.nw:before,
#powerTip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px
}

#powerTip.ne:before,
#powerTip.nw:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0, 0, 0, .8);
    bottom: -10px
}

#powerTip.se:before,
#powerTip.sw:before {
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0, 0, 0, .8);
    top: -10px
}

#powerTip.nw-alt:before,
#powerTip.ne-alt:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0, 0, 0, .8);
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px
}

#powerTip.ne-alt:before {
    left: auto;
    right: 10px
}

#powerTip.sw-alt:before,
#powerTip.se-alt:before {
    border-top: 0;
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0, 0, 0, .8);
    bottom: auto;
    top: -10px
}

#powerTip.se-alt:before {
    left: auto;
    right: 10px
}