.layout_Border{
    width: 100%;
    height: 100%;
}
.layout_Border > .border-content{
    width: 100%;
    height: 100%;
    position:relative;
}
.layout_Border > .borderHandle{
    width: 6px;
    height: 6px;
    background-color: #444;
    opacity: 0.3;
    position:absolute;
    visibility:hidden;
}
.layout_Border.design-mode > .borderHandle{
    visibility:visible;
}
.layout_Border > .borderHandle:hover{
    background-color: #666;
}
.layout_Border > .borderHandle.borderHandleDisabled{
    display:none;
}
.layout_Border > .borderHandle_top,
.layout_Border > .borderHandle_bottom
{
    cursor:ns-resize;
}
.layout_Border > .borderHandle_left,
.layout_Border > .borderHandle_right
{
    cursor:ew-resize;
}
.layout_Border .cell {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    overflow: hidden;
}

.layout_Border .cell h2 {
    margin: 0px;
    padding-top: 4px;
    -webkit-margin: 0px;
    text-align: center;
}

.layout_Border .layout_BorderCell.over {
    border: 2px dashed #000;
}
.layout_Border .dragItem { 
    z-index: -1;
    opacity:0.33;
}

.layout_Border .notDragItem { 
    z-index: -1;
    opacity: 1;
}
.layout_Border div[draggable=true] { 
    opacity: 0.75;
    cursor: default;
}

.layout_Border div[draggable=true] .dragHandle {
    opacity: 1.0;
}

.layout_Border div[draggable=true] .dragHandle_n,
.layout_Border div[draggable=true] .dragHandle_e,
.layout_Border div[draggable=true] .dragHandle_s,
.layout_Border div[draggable=true] .dragHandle_w{
    background-color:#AAA;
}

.layout_Border div[draggable=true] .dragHandle_nw,
.layout_Border div[draggable=true] .dragHandle_ne,
.layout_Border div[draggable=true] .dragHandle_se,
.layout_Border div[draggable=true] .dragHandle_sw { 
    background-color:#333;
}

.layout_Border div[draggable=true] .dragHandle_nw { 
    cursor:nw-resize;
}

.layout_Border div[draggable=true] .dragHandle_n { 
    cursor:n-resize;
}

.layout_Border div[draggable=true] .dragHandle_ne { 
    cursor:ne-resize;
}

.layout_Border div[draggable=true] .dragHandle_e { 
    cursor:e-resize;
}

.layout_Border div[draggable=true] .dragHandle_se { 
    cursor:se-resize;
}

.layout_Border div[draggable=true] .dragHandle_s { 
    cursor:s-resize;
}

.layout_Border div[draggable=true] .dragHandle_sw { 
    cursor:sw-resize;
}

.layout_Border div[draggable=true] .dragHandle_w { 
    cursor:w-resize;
}

.layout_Border div[draggable=false] > div > .dragHandle {
    display:none;
}

.layout_Border .grid-drop-target{
    position:fixed;
    box-sizing:border-box;
    border:2px dashed #7f8c8d;
    border-radius:0px;
    background: repeating-linear-gradient(
        -45deg,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0) 4px,
        rgba(100, 100, 100, 0.1) 4px,
        rgba(100, 100, 100, 0.1) 8px
    );
}

.layout_Border .grid-drop-target.drop-target-over{
    border:2px dashed #179BD7;
    background: repeating-linear-gradient(
        -45deg,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0) 6px,
        rgba(17, 155, 215, 0.1) 6px,
        rgba(17, 155, 215, 0.1) 12px
    );
}