body{margin:0px;font-family:sans-serif;color:#ffffff;
background-image:url('../images/bg.jpg');
}
h2{font-family:sans-serif;font-size:medium;font-weight:500;margin-left:1em}
.wpre{white-space:nowrap}
h1{font-size:medium}
a:link,a:active,a:visited{color:#eee1ce;text-decoration:none}
a:hover{color:#fca72a}
a.blueT:link,a.blueT:active,a.blueT:visited{font-family:sans-serif;color:#0000cc;text-decoration:none;font-weight:500}
a.blueT:hover{color:#fa5353}
a.log:link,a.log:active,a.log:visited,a.log:hover{color:#ffffff;text-decoration:none;background-color:#967634;padding:2px 5px 1px 2px;
border-top:solid 1px #d1b9b2;
border-bottom:solid 1px #d1b9b2;
border-left:solid 1px #d1b9b2;
border-right:solid 11px #d1b9b2;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
}
a.log:hover{color:#ffffff;background-color:#cbab68}
a.leftC:link,a.leftC:active,a.leftC:visited,a.leftC:hover{color:#ffffff;font-size:small}
a.howto:link,a.howto:active,a.howto:visited{color:#fca72a;text-decoration:underline}
a.howto:hover{color:#fece89;text-decoration:underline}

#wrapper{width:1200px;margin:0 auto auto auto;padding-top:1em}
#header{color:#ffffff;font-family:Times New Roman,Times,serif;margin-left:1em}
#header b{font-size:1.5em;color:#fca72a;font-family:Lucida Sans Unicode}
#header span{color:#fca72a}
#account{margin-left:8em;border:1px dotted #d1b9b2;background-color:#d1b9b2;padding:2px 1.7em;font-size:small;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#topA{background-color:#fff;width:100%;height:20px;font-size:large;color:#000}
#botA{width:400px;height:290px;font-size:xx-small;text-align:center;margin-top:10px;background-color:#transparent}
#leftCol{float:left;width:160px;text-align:left;margin:0}
#leftCol a:link{color:#ffffff}#leftUL a:hover{color:#ffffff}#leftUL a:visited{color:#ffffff}
#leftCol li.suggestW:hover{background-color:#999693}



.leftUL{background-color:#d1b9b2;
font-family:sans-serif;list-style-type:none;margin-left:0px;margin-top:0px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
padding: 3px 3px 2em 0;color:#051a25}
li.suggestW{font-weight:700;padding:0.4em 0.4em 0.4em 1em;background-color:#200f11;border-bottom:2px dotted #999695}
#leftULr{background-color:#65776d}

li#liTitle{padding:0.5em}

#centerCol{float:left;width:550px;text-align:center;margin:0}
.regist{
font-size:small;
white-space:normal;
width:250px;
color: #ffeeef;
border: 1px dotted #ffeeef;
padding: 10px;
text-align:left;
margin-top:20px;
}

#rightCol{float:left;width:300px;white-space:nowrap;margin:0}
#correct{color:#fff;font-size:small}

#footer {clear:both;margin-top:4em;padding:0.3em;text-align:center;font-size:small;border-top:1px dashed #d1b9b2}
#leftCol,#centerCol,#rightCol{margin-bottom:3em;padding:0.5em}
#formOp{margin:0 0 8px 0;font-size:small;width:300px}
.smaller{font-size:x-small}
.small{font-size:small}
.bigger{font-size:120%}
.whitepre{white-space:pre}
#google_translate_element{float:right}
#howto{clear:left;margin:0 auto;padding:0;width:700px}
dl#howto dt{color:#fca72a;padding-top:0.7em}
dl#howto dd{font-size:small}
 /* keyboards css */
#keyDiv{width:500px;height:2px;background-color:#fff;visibility:hidden;border-top:1px solid #777777}
#titleKeyDiv{color:#220055;background-color:#eeeeff;background-image:url(../images/keyboards/but.gif);background-repeat:repeat-x;height:20px;border-left:1px solid #777;border-bottom:1px solid #777;padding-left:5px}
a.but:link,a.but:visited,a.but:active{color:#220055;text-decoration:none;font-weight:600;padding:0 2px}
a.info:link,a.info:visited,a.info:active{color:#220055;text-decoration:none;font-weight:300}
a.but:hover,a.info:hover{color:#ee0000}
.mini{font-weight:900;font-size:14px}
select{width:8em}
#puzzle{display:block;color:#fff;margin:0;padding:10px;border:1px dotted #fca72a;;background-color:#000;font-size:small;text-align:center;width:180px}
#puzzle a:link,#puzzle a:visited{color:#fca72a}
#puzzle a:hover,#puzzle a:active{color:#fedb8f}
#puzzle a:link b,#puzzle a:visited b{color:#000;background-color:#fff}
#puzzle a:hover b,#puzzle a:active b{color:#000;background-color:#fca72a}
#keyImg{width:500px;height:167px}
#minKey{position:absolute;top:0;left:438px;width:20px}
#restoreKey{position:absolute;top:0;left:458px;width:20px}
#closeKey{position:absolute;top:0;left:478px;width:20px}
#moreInfo{position:absolute;top:0;left:350px;width:100px}                                                      
#closeKey,#minKey,#restoreKey{border:1px solid #777777;cursor:pointer;height:18px}
#closeKey,#minKey,#restoreKey,#dragDiv{font-family:arial,sans-serif;font-size:12px;text-align:center}
#keyboard{background-color:#ddd;width:160px}

.dragclass{
position : relative;
cursor : move;
}

/* end of keyboards css */