/* line 1 */
body,html {
  font-family: Verdana;
  font-size: 10pt;
  background-color: black;padding:0;margin:0; height:100%;
}
canvas {
    display:block; margin: 0 auto; cursor:pointer;
}
#RCV { display:none;}
#god {
    background-color: black; width:100%; min-height:100%; margin:0;display:block;padding:0;
}

#formnamewrap{
    background-color: rgba(233,162,82,0.7);border-radius:20px;position:fixed;margin-top: -75px;
    top:50%;margin-left: -150px;left:50%;min-width:300px;min-height:150px;
    box-shadow:3.5px 3.5px 5px #000000;padding:20px;text-shadow: black 0px 1px 1px;font-weight:bold;color:yellow;font-size:14px;
}
#formnamewrap table {width:100%;font-size:18px;}
#txtname {
    text-transform: uppercase;font-size:16px;background-color:rgba(233,162,82,0.7);border:0px; color:black;font-weight:bolder;
    width:80%;letter-spacing: 4px; text-align:center;border-radius:10px;
}
#btn-name-ok {
    border:1px solid silver;border-radius:10px; width:200px; color:blue;
    padding:5px; min-height:20px;text-align: center;cursor: pointer;text-decoration: none; display: block;
    padding-top:8px;text-shadow: white 1px 1px 1px;background-color:#F6C74E;font-size:18px; 
}
#btn-name-ok:hover {background-color:#F98A68;}


#scorewrap{
    background-color: rgba(233,162,82,0.7);border-radius:20px;position:fixed;margin-top: -150px;
    top:50%;margin-left: -200px;left:50%;min-width:400px;min-height:300px;
    box-shadow:3.5px 3.5px 5px #000000;padding:20px;text-shadow: black 0px 1px 1px;font-weight:bold;color:blue;font-size:14px;
}
#scoretable {width:100%;border-spacing:0;padding: 0;}
.tabscore {text-align:center;background-color:#F7D596;color:blue;font-size:14px;cursor: pointer;border:1px solid silver;height:30px;}
.tabfokus {background-color:#C9FCF6;}

#btn-close-score {
    border:1px solid silver;border-radius:10px; width:150px;
    padding:3px; min-height:20px;text-align: center;cursor: pointer;text-decoration: none; display: block;
    text-shadow: white 1px 1px 1px;background-color:#F6C74E;font-size:18px; 
}
#skortitle {font-size:24px;color:#3FD411;text-shadow: white 1px 1px 1px;letter-spacing: 8px;}
#tableskor {width:100%;border-spacing:0;padding: 0;}
#tableskor tr {height:30px;}
.judulskor {text-align:center;background-color:#F6BE89;border: 1px solid #FF6E05;}
#judulNo {width:40px;}
#judulScore {width:120px;}
.isiskor {background-color:rgba(255,255,255,0.4);border: 1px solid #FF6E05;}
.isiNo {text-align:center;}
.isiName {padding-left:4px;}
.isiScore {text-align:right;padding-right:4px;}


#LoadImgWrap{
    background-color: rgba(233,162,82,0.4);border-radius:20px;position:fixed;margin-top: -80px;
    top:40%;margin-left: -100px;left:50%;min-width:200px;min-height:160px; text-align:center;
    box-shadow:3.5px 3.5px 5px #000000;padding:20px;text-shadow: black 0px 1px 1px;font-weight:bold;color:blue;font-size:14px;    
}
#txtimgload,#pctimgload {font-size:20px; letter-spacing: 4px; font-family:cursive; font-weight: bold; color:silver; width:100%;text-align:center;}
#fileimgload {font-size:16px;font-family:verdana;color:yellow;margin-top:10px;display:block;}



#PadMovement {position:fixed;background-color:rgba(0,0,0,0.3); display:block;border-radius:50px;}
#PadMove1 {position:fixed;background-color:#666060; display:block;border-radius:50px;}
#PadMove2 {position:fixed;background-color:rgba(100,100,245,0.7); display:block;border-radius:50px;border:1px solid yellow;}


.PadAllHand {position:fixed;display:block;border-radius:50px;text-align:center;font-weight:bold;font-size:15px;}
#PadHand {background-color:rgba(0,0,0,0.3); }
#PadHand1 {background-color:rgba(100,100,245,0.7);}
#PadHand2 {background-color:rgba(100,230,245,0.7);}
.PadHandFocus {border:2px solid yellow;}

.flipx {transform: rotateY(180deg);}