.mid      {position:absolute;left:0;top:8%;width:100%;height:92%;overflow:auto;}
.top      {position:absolute;left:0;top:0%;width:100%;height:8%;}
.midl     {position:absolute;left:0;top:10%;height:79%;width:50%;overflow:auto;}
.midr     {position:absolute;left:50%;top:10%;height:79%;width:50%;overflow:auto;}
.bot      {position:absolute;left:0;top:92%;height:8%;width:100%;}
div#b     {left:10%;  top:10%;  width:80%;  height:80%;}
div#c     {left:13%;  top:13%;  width:74%;  height:74%;}

div.tp  {top:2%;    height:6%; width:8%;}
div.bt  {top:92%;   height:6%; width:8%;}
div.lf  {left:1%;   height:6%; width:8%;}
div.rg  {left:91%;  height:6%; width:8%;}

div#b9 {left:10%; width:80%; height:6%;}

div#b5, div#b6 {left:18%; width:64%; height:6%;}
div#b7, div#b8 {top:10%;  width:8%; height:80%;}

div#b10, div#b20 {left:10%;}
div#b11, div#b21 {left:18%;}
div#b12, div#b22 {left:26%;}
div#b13, div#b23 {left:34%;}
div#b14, div#b24 {left:42%;}
div#b15, div#b25 {left:50%;}
div#b16, div#b26 {left:58%;}
div#b17, div#b27 {left:66%;}
div#b18, div#b28 {left:74%;}
div#b19, div#b29 {left:82%;}

div#b30, div#b40 {top:11%;}
div#b31, div#b41 {top:19%;}
div#b32, div#b42 {top:27%;}
div#b33, div#b43 {top:35%;}
div#b34, div#b44 {top:43%;}
div#b35, div#b45 {top:51%;}
div#b36, div#b46 {top:59%;}
div#b37, div#b47 {top:67%;}
div#b38, div#b48 {top:75%;}
div#b39, div#b49 {top:83%;}