
.chronoline-wrapper {
    position: relative;
}

    .chronoline-wrapper * {
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

.chronoline-canvas {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.chronoline-subcanvas {
    overflow: hidden;
    position: relative;
}

    .chronoline-subcanvas > svg {
        position: relative;
    }

.chronoline-wrapper:hover > .chronoline-left,
.chronoline-wrapper:hover > .chronoline-right {
    display: block;
}

.chronoline-left,
.chronoline-right {
    display: none;
    *display: block;
    top: 0;
    position: absolute;
    width: 30px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color: #B3B3B3;
    /*#4CAEE6;*/
    cursor: pointer;
}

    .chronoline-left:hover,
    .chronoline-right:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        /*background-color: #0055e1;*/
        background-color: #B3B3B3;
    }

.chronoline-left {
    left: 10px;
}

.chronoline-right {
    right: 10px;
}

.chronoline-left-icon {
    background-image: url(../../../pages/tdjyztbmis/images/psp.png);
    background-position: -447px -190px;
    background-repeat: no-repeat;
    width: 11px;
    height: 17px;
    cursor: pointer;
    margin: 0 auto;
    vertical-align: middle;
}


.chronoline-right-icon {
    background-image: url(../../../pages/tdjyztbmis/images/psp.png);
    /*background-position: -422px -190px;*/
    background-position: -348px -190px;
    background-repeat: no-repeat;
    width: 11px;
    height: 17px;
    cursor: pointer;
    margin: 0 auto;
    vertical-align: middle;
}

.tooltip-style {
    font-size: 12px;
    background-color: #222222;
    color: #ffffff;
    border-radius: 2px;
    max-width: 300px;
}

/*.chronoline-draggable {
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

    .chronoline-draggable.dragging {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }*/
