#jpwClose, #jpwNext, #jpwPrevious, #jpwFinish {
    color: #00c7ff;
    cursor: pointer;
    font-family: 'GochiHand';
    font-size: 18px;
    font-weight: lighter
}

#jpwOverlay {
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 999999;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

    #jpwOverlay.transparent {
        background: 0
    }

#jpWalkthrough.jpw-scrolling .overlay-hole > div {
    box-shadow: inset 0 0 10px 1000px rgba(0,0,0,0.6)
}

#jpWalkthrough .overlay-hole > div {
    box-shadow: inset 0 0 10px 10px rgba(0,0,0,0.6)
}

#jpWalkthrough #jpwTooltip {
    overflow: visible;
    padding: 10px;
    background: 0
}

    #jpWalkthrough #jpwTooltip #tooltipWrapper {
        overflow: visible
    }

    #jpWalkthrough #jpwTooltip #bottom-scratch {
        background: url("images/scratch-border.png") no-repeat left top;
        width: 358px;
        height: 42px;
        display: block;
        top: 25px;
        clear: both
    }

    #jpWalkthrough #jpwTooltip .draggable-area {
        display: block;
        width: 44px;
        height: 40px;
        position: absolute;
        top: -35px;
        right: -30px;
        background: url("images/drag.png") no-repeat;
        z-index: 10000
    }

    #jpWalkthrough #jpwTooltip .top {
        background: url("images/arrow-bottom.png") no-repeat scroll 0 0 transparent;
        bottom: -86px;
        height: 86px;
        left: 130px;
        position: absolute;
        width: 75px;
        display: block;
        z-index: 1000
    }

    #jpWalkthrough #jpwTooltip .right {
        background: url("images/arrow-left.png") no-repeat scroll 0 0 transparent;
        height: 56px;
        left: -105px;
        position: absolute;
        top: 35px;
        width: 105px;
        display: block;
        z-index: 1000
    }

    #jpWalkthrough #jpwTooltip .bottom {
        background: url("images/arrow-top.png") no-repeat scroll 0 0 transparent;
        height: 86px;
        left: 130px;
        position: absolute;
        top: -86px;
        width: 75px;
        display: block;
        z-index: 1000
    }

    #jpWalkthrough #jpwTooltip .left {
        background: url("images/arrow-right.png") no-repeat scroll 0 0 transparent;
        height: 56px;
        position: absolute;
        right: -105px;
        top: 35px;
        width: 105px;
        display: block;
        z-index: 1000
    }

    #jpWalkthrough #jpwTooltip #tooltipInner {
        font-family: 'GochiHand';
        color: #fff;
        text-align: center;
        font-size: 22px
    }

        #jpWalkthrough #jpwTooltip #tooltipInner a {
            font-size: 22px
        }

        #jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle {
            font-size: 40px
        }

#jpWalkthrough .killOverlay {
    background-image: none !important;
    background-color: none !important
}

#jpwClose {
    position: fixed;
    top: 65px;
    right: 25px;
    z-index: 1000000;
    color: #fff;
    text-align: center;
    display: block
}

    #jpwClose:hover {
        color: #7eff00
    }

    #jpwClose:before {
        content: '';
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 44px;
        height: 40px;
        background: url("images/close.png") no-repeat;
        position: absolute;
        top: -45px
    }

#jpwNext, #jpwFinish {
    float: right;
    position: fixed;
    bottom: 65px;
    right: 25px;
    z-index: 1000000;
    text-align: center;
    display: block;
}

#jpwPrevious {
    float: left;
    position: fixed;
    bottom: 65px;
    left: 25px;
    z-index: 1000000;
    text-align: center;
    display: block;
}

@font-face {
    font-family: 'GochiHand';
    src: url('font/GochiHand-Regular.eot');
    font-weight: normal;
    font-style: normal;
    font-family: 'GochiHand';
    src: url('font/GochiHand-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}