.ui-frame-holder-wrapper, .ui-frame-item-wrapper, .ui-frame-separator
{
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-frame-holder, .ui-frame-item
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ui-frame-item
{
    overflow: hidden;
    position: relative;
    vertical-align: top;
    float: left;
}

.ui-frame-separator
{
}

.ui-frame-separator-toggle
{
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-frame-separator-frozen
{
}

.ui-frame-separator-collapse-toggle
{
    position: absolute;
}

.ui-frame-separator-collapse-toggle-collapsed
{
}

.ui-frame-separator-row
{
}

.ui-frame-separator-toggle-row
{
    width: 60px;
    left: calc(50% - 30px);
    height: 100%;
    cursor: ns-resize;
    display: inline-block;
    top: 0;
}

.ui-frame-separator-col
{
}

.ui-frame-separator-toggle-col
{
    width: 100%;
    top: calc(50% - 30px);
    height: 60px;
    cursor: ew-resize;
}

.ui-frame-separator-collapse-toggle-pred
{
}

.ui-frame-separator-collapse-toggle-succ
{
}

.ui-frame-separator-collapse-toggle-up
{
    width: 32px;
    left: 0;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ui-frame-separator-collapse-toggle-up-icon-uncollapsed
{
    background-image: url(../Images/Frame/collapse_up.png);
}

.ui-frame-separator-collapse-toggle-up-icon-collapsed
{
    background-image: url(../Images/Frame/uncollapse.png);
}

.ui-frame-separator-collapse-toggle-down
{
    width: 32px;
    left: calc(100% - 32px);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ui-frame-separator-collapse-toggle-down-icon-uncollapsed
{
    background-image: url(../Images/Frame/collapse_down.png);
}

.ui-frame-separator-collapse-toggle-down-icon-collapsed
{
    background-image: url(../Images/Frame/uncollapse.png);
}

.ui-frame-separator-collapse-toggle-left
{
    height: 32px;
    top: 0;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ui-frame-separator-collapse-toggle-left-icon-uncollapsed
{
    background-image: url(../Images/Frame/collapse_left.png);
}

.ui-frame-separator-collapse-toggle-left-icon-collapsed
{
    background-image: url(../Images/Frame/uncollapse.png);
}

.ui-frame-separator-collapse-toggle-right
{
    height: 32px;
    top: calc(100% - 32px);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ui-frame-separator-collapse-toggle-right-icon-uncollapsed
{
    background-image: url(../Images/Frame/collapse_right.png);
}

.ui-frame-separator-collapse-toggle-right-icon-collapsed
{
    background-image: url(../Images/Frame/uncollapse.png);
}


/* Children of frame-holder, i.e. wrappers and separators */
.ui-frame-split-row
{
    width: 100%;
    display: block;
    vertical-align: top;
}

/* Children of frame-holder, i.e. wrappers and separators */
.ui-frame-split-col
{
    display: inline-block;
    float: left;
    height: 100%;
}