body {margin:0px;}
#scene {width:320px;height:380px;margin-top:0px;background:#000000;}
#sudokubrd {position:relative;float:left;width:318px;height:318px;background:#000000;}

.sqr_f_w, .sqr_e_w, .sqr_f_v, .sqr_e_v, .sqr_f_g, .sqr_e_g, .sqr_f_b, .sqr_e_b, .sqr_f_r, .sqr_e_r  {float:left;width:33px;height:33px;margin-right:1px;margin-bottom:1px;}


.sqr_f_w {background:#dcdcdc;color:#000000;}
.sqr_e_w {background:#ffffff;color:#000000;}

.sqr_f_v {background:#7F0DD4;color:#ffffff;}
.sqr_e_v {background:#CE90FC;color:#000000;}

.sqr_f_g {background:#588526;color:#ffffff;}
.sqr_e_g {background:#B3F866;color:#000000;}

.sqr_f_b {background:#0099FF;color:#ffffff;}
.sqr_e_b {background:#CCFFFF;color:#000000;}

.sqr_f_r {background:#800000;color:#ffffff;}
.sqr_e_r {background:#ffdead;color:#000000;}

.small_num {float:left;width:11px;height:11px;font-family:verdana, arial,helvetica;font-size:12px;color:#000000;}

.line_v {float:left;width:4px;height:34px;}
.line_h {float:left;height:4px;width:318px;}

.numpad {position:absolute;z-index:1000;width:132px;height:172px;background:#FFD700;-webkit-border-radius:10px;padding:2px;}
.numbtn_e {float:left;width:40px;height:36px;margin:2px;background:url(../images/sudoku_btn_e.png) no-repeat;}
.numbtn_d {float:left;width:40px;height:36px;margin:2px;background:url(../images/sudoku_btn_d.png) no-repeat;}
.supx {font-family:verdana, arial,helvetica;font-size:12px;color:#ff0000;font-weight:bold;}
.numbtn_ok {float:left;margin-left:42px;width:40px;height:30px;background:url(../images/sudoku_btn_e.png) no-repeat;font-family:verdana, arial,helvetica;font-size:16px;text-align:center;padding-top:10px;color:#ffffff;}
.numbtn_lvl {float:left;margin-left:10px;margin-bottom:10px;width:300px;height:30px;background:url(../images/vocab_o.png) no-repeat;font-family:verdana, arial,helvetica;font-size:16px;text-align:center;padding-top:10px;color:#000000;}

.numptr_0 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_ptr_0.png) no-repeat;}
.numptr_1 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_ptr_1.png) no-repeat;}
.numptr_2 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_ptr_2.png) no-repeat;}
.numptr_3 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_ptr_3.png) no-repeat;}

.handptr_0 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_hand_0.png) no-repeat;}
.handptr_1 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_hand_1.png) no-repeat;}
.handptr_2 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_hand_2.png) no-repeat;}
.handptr_3 {position:absolute;z-index:100;width:35px;height:35px;background:url(../images/sudoku_hand_3.png) no-repeat;}

.sel_0, .sel_1 {float:left;height:36px;width:34px;border:1px solid #00ff00;margin:1px;text-align:center;color:#ffffff;padding-top:2px;}
.sel_0 {background:#00cc00;}
.sel_1 {background:#0000cc;}
.startbtn {float:left;width:80px;height:35px;background:url(../images/sqash_h_1.png) no-repeat;padding-top:5px;}
.startbtn, .sel_0, .sel_1, .numbtn_e, .numbtn_d, .sqr_f_w, .sqr_e_w, .sqr_f_v, .sqr_e_v, .sqr_f_g, .sqr_e_g, .sqr_f_b, .sqr_e_b, .sqr_f_r, .sqr_e_r {font-family:verdana, arial,helvetica;font-size:24px;text-align:center;}
.numbtn_e, .numbtn_d {padding-top:4px;color:#ffffff;}

.undo_f {float:left;width:35px;height:35px;background:url(../images/undo_of.png) no-repeat;}
.undo_t {float:left;width:35px;height:35px;background:url(../images/undo_on.png) no-repeat;}


#btnbrd {float:left;height:50px;width:320px;margin-top:10px;}
.btntxt {float:left;font-family:verdana, arial,helvetica;font-size:18px;color:#ffffff;padding-top:8px;}