body { background:url("/lescoste/images/bg-board.jpg");text-align:center; }
div#displayzone{position:relative;top:0;margin-left:auto;margin-right:auto;width: 320px;height:416px;vertical-align:middle;}

div#canvasdiv{width:320px;height:416px; position:relative;margin:0;padding:0;}
canvas#canvasDraw, canvas#canvasDisp{position:absolute;cursor:crosshair;}
canvas#canvasDisp {z-index:1;}
canvas#canvasDraw {z-index:2;}

div#canvasdiv2{width:16px;height:16px; position:absolute;top:10px;right:220px;margin:0;padding:0;}
canvas#canvasDisp2{position:absolute;}

div#bgpopup{display:none;z-index:8;position:absolute;text-align:center;top:0;left:0; width:100%; height:100%;min-height:418px; background-color:grey;opacity: 0.8; filter:alpha(opacity=80);-moz-opacity: 0.8;}

div.displaypopupzone{display:block;z-index:0;text-align:center; background-color:transparent;height:0px;}

div.popup, div#infodiv {text-align:center;background:white;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px outset black;width:200px;padding:10px;margin: 32px auto;}
div#infodiv {position:absolute;top:350px;right:5px;background-color:white;width:100px;height:1.5em;}

table#menubar{display:none;}
table#menubar2{position:absolute;top:0;right:-47px;z-index:5;background:gainsboro;}
body, table.menu, table.menu tr { padding:0px; margin:0px; }
div.closepopup{display:none;}

div#divabout{text-align:center}
div#divaboutin{position:absolute;top:-15px;right:15px;}

div#menuparam {position:absolute;top:-25px;left:15px;}
div#menuparam table { margin:5px;}
td#tdabout {visibility:hidden;}

div#menusize {position:absolute;top:195px;left:15px;}
div#menucolor {position:absolute;top:265px;left:15px;}

table#color, table#pensize {position:relative;left:10px;}

table td{height:40px;width:40px;margin:0;border:0px solid #ccc;text-align:center;font-size:xx-small;font-family:sans-serif;}
table td div {text-align:center;margin:auto;}
div.psize{border:1px black solid;width:30px;}

div#divsave{display:none;z-index:10;position:absolute;top:0;width:100%;height:416px;vertical-align:middle;}
div#divsavein{height:300px;width: 200px;margin-left:auto;margin-right:auto;}
div#divsave > img {border:1px solid black; padding:0;width:75%;}

div#pub{position:absolute;top:500px;right:5px}
div#pubin{position:relative;top:0;margin-left: auto; margin-right: auto;}
iframe#uploadiframe{border:0;margin:0;padding:0;width:220px;height:80px;}
span#thanks{font-size:small;}