.manip {
    position: relative;
    float: left;
    z-index: 10000;
}

    .manip .shortcutWrapper {
        position: absolute;
        white-space: nowrap;
    }

        .manip .shortcutWrapper > div {
            margin-left: 5px;
            border: 1px solid #CCC;
            padding: 2px;
            background-position: 2px 2px;
        }

            .manip .shortcutWrapper > div:first-child {
                margin-left: 0;
            }

            .manip .shortcutWrapper > div:hover {
                border: 1px solid #000;
                background-color: #ddd;
                cursor: pointer;
            }

    .manip .up {
        width: 16px;
        height: 16px;
        float: left;
        background: transparent url("/includes/images/arrow_up.png") no-repeat;
    }

    .manip .down {
        width: 16px;
        height: 16px;
        float: left;
        background: transparent url("/includes/images/arrow_down.png") no-repeat;
    }

    .manip .copy {
        width: 16px;
        height: 16px;
        float: left;
        background: transparent url("/includes/images/copy.png") no-repeat;
    }

    .manip .reset {
        width: 16px;
        height: 16px;
        float: left;
        background: transparent url("/includes/images/reset.png") no-repeat;
    }

    .manip .remove {
        width: 16px;
        height: 16px;
        float: left;
        background: transparent url("/includes/images/trash.png") no-repeat;
    }

    .manip .rotate {
        width: 20px;
        height: 20px;
        position: absolute;
        border: 1px dotted magenta;
    }

    .manip .scaler {
        width: 10px;
        height: 10px;
        position: absolute;
        border: 1px solid black;
        margin-left: 5px;
        margin-top: 5px;
        position: absolute;
        margin: 5px 0 0 5px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .manip .scaler-n {
        cursor: url('../images/cursor_ns.png') 15 14, url('/includes/images/cursors/cursor_ns.cur'), auto;
    }

    .manip .scaler-ne {
        cursor: url('../images/cursor_nesw.png') 15 15, url('/includes/images/cursors/cursor_nesw.cur'), auto;
    }

    .manip .scaler-e {
        cursor: url('../images/cursor_ew.png') 16 15, url('/includes/images/cursors/cursor_ew.cur'), auto;
    }

    .manip .scaler-se {
        cursor: url('../images/cursor_nwse.png') 15 15, url('/includes/images/cursors/cursor_nwse.cur'), auto;
    }

    .manip .scaler-s {
        cursor: url('../images/cursor_ns.png') 15 14, url('/includes/images/cursors/cursor_ns.cur'), auto;
    }

    .manip .scaler-sw {
        cursor: url('../images/cursor_nesw.png') 15 15, url('/includes/images/cursors/cursor_nesw.cur'), auto;
    }

    .manip .scaler-w {
        cursor: url('../images/cursor_ew.png') 16 15, url('/includes/images/cursors/cursor_ew.cur'), auto;
    }

    .manip .scaler-nw {
        cursor: url('../images/cursor_nwse.png') 15 15, url('/includes/images/cursors/cursor_nwse.cur'), auto;
    }

    .manip .rotate-ne {
        cursor: url('../images/cursor_rotateTopRight.png') 21 11,url('/includes/images/cursors/cursor_rotateTopRight.cur'), auto;
    }

    .manip .rotate-se {
        cursor: url('../images/cursor_rotateBottomRight.png') 21 21, url('/includes/images/cursors/cursor_rotateBottomRight.cur'),auto;
    }

    .manip .rotate-sw {
        cursor: url('../images/cursor_rotateBottomLeft.png') 9 21, url('/includes/images/cursors/cursor_rotateBottomLeft.cur'),auto;
    }

    .manip .rotate-nw {
        cursor: url('../images/cursor_rotateTopLeft.png') 9 11, url('/includes/images/cursors/cursor_rotateTopLeft.cur'),auto;
    }

.bbL, .bbR {
    border-left: solid 1px red;
    z-index: 1000;
}

.bbT, .bbB {
    border-top: solid 1px red;
    z-index: 1000;
}

.designElement.moving {
    cursor: url('../images/cursor_move.png') 15 14, auto;
}