panel > border > plate.menu {
    top: 37px !important;
    height: calc(100% - 40px)!important;
}

panel > border > plate.nomenu {
    top: 22px !important;
    height: calc(100% - 25px)!important;
}

panel  { 
    background  : #C3C3C3; 
    border-color: #808080; 
    border-style: outset;
    box-shadow: 2px 2px 0px #2228;
}

plate.menu {
    padding     : 0px 0px 0px 0px !important;
}

panel > border > plate {
    position    : absolute;
    bottom      : 2px;
    margin      : none;
    padding     : none;
    top         : 40px;
    background  : #C0C0C0;
    left        : 2px;
    right       : 2px;
    width       : calc(100% - 4px);
    height      : calc(100% - 42px);
    overflow-x  : auto !important;
    overflow-y  : auto !important;
}

panel > border > plate > content {
    display: inline-block;
    width: 3000px;
    height: 2000px;
    padding: 0px 0px 0px 0px;
    margin : 0px 0px 0px 0px;
}

panel.focus > border > titlebar { 
    background  : #000080; 
    background  : linear-gradient(90deg, #2080C0, #000060); 
}

panel > border > titlebar { 
    position    : absolute; 
    top         : 2px; 
    color       : #fafafa; 
    left        : 2px; 
    line-height : 18px; 
    padding-left: 3px; 
    width       : calc(100% - 4px); 
    height      : 18px; 
    background  : #404040; 
    background  : linear-gradient(90deg, #808080, #404040); 
    border-style: none; 
}


panel > border > titlebar > btn:active > border { line-height : 10px; border: 1px #ccc inset; }
panel > border > titlebar > btn:active {    border      : 1px #888 inset;}

panel > border > titlebar > btn {
    position    : absolute;
    top         : 2px;
    width       : 16px;
    border      : 1px #888 outset;
    background  : #c0c0c0;
    height      : 14px;
    right       : 2px;    
    line-height : 9px;
}

panel > border > titlebar > btn > border {
    line-height : 9px;
    padding-left: 4px;
}

hook-right  {   right       : 0px; }
hook-left   {   left        : 0px; }
hook-bottom {   bottom      : 0px; }
hook-top    {   top         : 0px; }

hook-top, hook-bottom {
    position    : absolute;
    left        : 4px;
    height      : 4px;
    width       : calc(100% - 8px);
    cursor      : ns-resize;
}

hook-right, hook-left {
    position    : absolute;
    top         : 4px;
    width       : 4px;
    height      : calc(100% - 8px);    
    cursor      : ew-resize;
}

corner-topleft, corner-topright, corner-bottomleft, corner-bottomright { 
    position    : absolute;
    height      : 4px;
    width       : 4px;
}

corner-topleft {
    left        : 0px;
    top         : 0px;
    cursor      : nwse-resize;    
}

corner-topright {
    right       : 0px;
    top         : 0px;
    cursor      : nesw-resize;    
}

corner-bottomleft {
    left        : 0px;
    bottom      : 0px;
    cursor      : nesw-resize;    
}

corner-bottomright {
    right       : 0px;
    bottom      : 0px;
    cursor      : nwse-resize;    
}