/* ################################################################################################################################################
   JQuery CSS-Styles. Primary taken from jquery.ui.resizable.css and modified.

   WHEN MODIFYING PLEASE KEEP THE ORIGINAL ORDER AND JUST CHANGE THE
   CONTENTS OF A CLASS. ADD ADDITIONAL ENTRIES AT THE END OF A BEST MATCHING BLOCK.
   THIS WAY WE CAN ALWAYS COMPARE OUR CONTENTS WITH THE ORIGINAL ONES AT TEXT LINE AND FILE LEVEL.
   THIS IS IMPORTANT TO IDENTIFY CHANGES AND TO RE-APPLY THEM AFTER UPGRADING JQUERY TO A NEWER VERSION.
   ################################################################################################################################################
*/
/*
 * jQuery UI Resizable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
    /* http://bugs.jqueryui.com/ticket/7233
     - Resizable: resizable handles fail to work in IE if transparent and content overlaps
    */
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 0;
    height: 0;
    right: 1px;
    bottom: 1px;
    border: 7px solid transparent;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    background-color: #fff;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}