#elemlayout_cont {
    position: relative; 
}

.elemlayout {
    position: absolute;    
    z-index: 10000;
    opacity: 0.3;
}

.elemlayout > * {
    position: absolute; 
}

.elemlayout_handle {
}

.elemlayout_handle.elemlayout_margin,
.elemlayout_handle.elemlayout_padding {
    background-color: darkgreen;
}

.elemlayout_handle > * {
    position: absolute;
    background-color: rgba(0,255,0,1);   
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.elemlayout_grip_t { left: 0; right: 0; top: 0; cursor: ns-resize }
.elemlayout_grip_b { left: 0; right: 0; bottom: 0; cursor: ns-resize }
.elemlayout_grip_l { left: 0; top: 0; bottom: 0; cursor: ew-resize }
.elemlayout_grip_r { right: 0; top: 0; bottom: 0; cursor: ew-resize }

.elemlayout_grip_tl { left: 0; top: 0; cursor: se-resize; z-index: 1 }
.elemlayout_grip_tr { right: 0; top: 0; cursor: ne-resize; z-index: 1 }
.elemlayout_grip_br { right: 0; bottom: 0; cursor: se-resize; z-index: 1 }
.elemlayout_grip_bl { left: 0; bottom: 0; cursor: ne-resize; z-index: 1 }

.elemlayout_grip_b:before {
    content: " ";
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: white;
    margin-top: -1px;
    border-top: 1px solid silver;    
    border-bottom: 1px solid silver;    
}