html, body{height: 100%;}
body{background: url("../images/dreamy-vista-wallpaper.jpg") center center no-repeat skyblue fixed; overflow: hidden;}

.softronic-window{position: absolute; top: 10px; left: 10px; width: 640px; height: 480px;}

.softronic-top-left-edge{position: absolute; top: 0px; left: 0px; width: 20px; height: 36px; background: url("../images/top-left.png");}
.softronic-top-edge{position: absolute; top: 0px; left: 20px; right: 20px; height: 36px; background: url("../images/top.png");}
.softronic-top-right-edge{position: absolute; top: 0px; right: 0px; width: 20px; height: 36px; background: url("../images/top-right.png");}

.softronic-left-edge{position: absolute; top: 36px; left: 0px; bottom: 21px; width: 21px; background: url("../images/left.png");}
.softronic-right-edge{position: absolute; top: 36px; right: 0px; bottom: 21px; width: 21px; background: url("../images/right.png");}

.softronic-bottom-left-edge{position: absolute; bottom: 0px; left: 0px; width: 20px; height: 21px; background: url("../images/bottom-left.png");}
.softronic-bottom-edge{position: absolute; bottom: 0px; left: 20px; right: 20px; height: 21px; background: url("../images/bottom.png");}
.softronic-bottom-right-edge{position: absolute; bottom: 0px; right: 0px; width: 20px; height: 21px; background: url("../images/bottom-right.png");}

.softronic-main-panel, .softronic-main-panel-background{position: absolute; top: 36px; bottom: 21px; left: 21px; right: 21px;}
.softronic-main-panel-background{background: white; filter: alpha(opacity=20); opacity: 0.2;}
.softronic-main-content{position: absolute; top: 36px; bottom: 21px; left: 21px; right: 21px;}
.softronic-top-edge span{margin: 16px 6px; height: 20px; overflow: hidden; display: block; font-family: verdana; font-size: 12px; font-weight: bold; color: white; cursor: default;}

/* internal elements */

.softronic-top-left-edge-field{position: absolute; top: 11px; left: 11px; width: 9px; height: 25px; cursor: nw-resize;}
.softronic-top-most-edge-field{position: absolute; top: 11px; left: 20px; right: 20px; height: 5px; cursor: n-resize;}
.softronic-top-edge-field{position: absolute; top: 16px; left: 20px; right: 20px; height: 20px; cursor: default;}
.softronic-top-right-edge-field{position: absolute; top: 11px; right: 11px; width: 9px; height: 25px; cursor: ne-resize;}

.softronic-left-edge-field{position: absolute; top: 36px; left: 11px; bottom: 21px; width: 10px; cursor: w-resize;}
.softronic-right-edge-field{position: absolute; top: 36px; right: 11px; bottom: 21px; width: 10px; cursor: e-resize;}

.softronic-bottom-left-edge-field{position: absolute; bottom: 11px; left: 11px; width: 10px; height: 10px; cursor: sw-resize;}
.softronic-bottom-edge-field{position: absolute; bottom: 11px; left: 20px; right: 20px; height: 10px; cursor: s-resize;}
.softronic-bottom-right-edge-field{position: absolute; bottom: 11px; right: 11px; width: 10px; height: 10px; cursor: se-resize;}

#softronic-mousetrap{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: none; z-index: 99999999999999;}