body {font-family:"Open Sans",Arial,"Helvetica Neue","Helvetica Medium",Helvetica,"Arial Neue",sans-serif;font-kerning:normal;text-shadow:1px 1px 1px rgba(0,0,0,0.004);text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;background:#EEE;}
h1,h2 {color:#0D60A8;}
h1 {font-size:24px;}
h2 {margin-bottom:0;font-size:18px;}
label {display:block;width:90px;margin:0 0 4px 0;font-family:"Open Sans",Arial,"Helvetica Neue","Helvetica Medium",Helvetica,"Arial Neue",sans-serif;font-size:14px;}
h2.game-header {margin:4px;font-size:16px;line-height:1.3;text-align:center;}
h3.countdown {position:absolute;bottom:0px;width:98%;margin:0;color:rgba(0,0,0,0.15);font-size:30px;text-align:right;z-index:10000;}
h3.countdown.over {width:100%;color:#0D60A8;font-size:18px;text-align:center;}
label:after {content:':'}
input {display:block;width:280px;height:36px;padding:0 0 0 8px;font-family:"Open Sans",Arial,"Helvetica Neue","Helvetica Medium",Helvetica,"Arial Neue",sans-serif;font-size:14px;line-height:36px;border-radius:4px;border:1px solid #B0B7BA;}
input[type=number] {width:280px;background:transparent;border:0;}
input,input:active,input:focus,button,button:active,button:focus {outline:0;outline-style:none;outline-width:0;}

.btnLeft {float:left;display:block;width:100px;margin:20px 0 0 0;}
.btnPlain {line-height:36px;color:#50575A;font-family:"Open Sans",Arial,"Helvetica Neue","Helvetica Medium",Helvetica,"Arial Neue",sans-serif;font-size:14px;font-weight:bold;border-radius:4px;border:1px solid #A0A5A7;background:rgb(239,239,239);background:-moz-linear-gradient(top,rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%);background:-webkit-linear-gradient(top,rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%);background:linear-gradient(to bottom,rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#dddddd',GradientType=0);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.8),inset 0 -1px 0 0 rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(255,255,255,0.8);}
.btnLeft:active {background:#EFEFEF;box-shadow:none;text-shadow:0 -1px 0 rgba(255,255,255,0.7);}

.btnDefault {width:180px;margin:20px 0 0 8px;line-height:36px;color:#FFF;font-family:"Open Sans",Arial,"Helvetica Neue","Helvetica Medium",Helvetica,"Arial Neue",sans-serif;font-size:14px;font-weight:bold;border-radius:4px;border:1px solid #505799;background:rgb(109,179,242);background:-moz-linear-gradient(top,rgba(109,179,242,1) 0%,rgba(51,138,224,1) 100%);background:-webkit-linear-gradient(top,rgba(109,179,242,1) 0%,rgba(51,138,224,1) 100%);background:linear-gradient(to bottom,rgba(109,179,242,1) 0%,rgba(51,138,224,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2',endColorstr='#338ae0',GradientType=0);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),inset 0 -1px 0 0 rgba(0,0,0,0.1);text-shadow:0 -1px 0 rgba(30,60,222,0.8);}
.btnDefault:active {background:#2F91ED;box-shadow:none;text-shadow:0 1px 0 rgba(30,60,222,1);}

#btnWrite,#btnClear {display:none;}

.btnGo {position:absolute;width:115px;margin:30px 78px;line-height:108px;border-radius:108px;font-size:24px;}
.err,.suc {display:none;margin:290px 0 0 0;padding:10px;font-size:14px;font-weight:bold;text-align:center;border-radius:5px;}
.err {background:#FFC;color:#C00;box-shadow:0 0 0 3px #C00;}
.suc {background:#EEF;color:#9AC;box-shadow:0 0 0 3px #9AC;}
.hilite {box-shadow:0 0 2px 2px #ADF;}

.wrapper {width:600px;height:326px;margin:20px auto;padding:10px 30px 30px 30px;border:1px solid #59A;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),inset 0 2px 1px 0 #FFF;background:#FAFAFA;}
.input-wrapper,.game-wrapper {float:left;}
.input-wrapper {width:320px;}
.game-wrapper {position:relative;width:278px;height:249px;margin-top:20px;border:1px solid #B0B7BA;background:#FFF;}
canvas {width:278px;height:195px;margin-top:4px;vertical-align:bottom;}

.results {width:600px;margin:0 auto;padding:0px 30px 30px 30px;border:1px solid #59A;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),inset 0 2px 1px 0 #FFF;background:#FAFAFA;}

.tbl-results {width:100%;empty-cells:show;border-collapse:collapse;border:1px solid #90979A;border-right:0;border-bottom:0;}
.tbl-results caption {margin-bottom:10px;color:#0D60A8;font-size:14px;font-weight:400;font-style:italic;text-align:left;}
.tbl-results th,.tbl-results td {padding:4px;line-height:1.3;}
.tbl-results th {color:#FFF;font-family:"Open Sans",Arial,"Helvetica Neue","Helvetica Medium",Helvetica,"Arial Neue",sans-serif;font-size:13px;font-weight:bold;text-align:left;border:1px solid #7077A9;background:rgb(109,179,242);background:-moz-linear-gradient(top,rgba(109,179,242,1) 0%,rgba(51,138,224,1) 100%);background:-webkit-linear-gradient(top,rgba(109,179,242,1) 0%,rgba(51,138,224,1) 100%);background:linear-gradient(to bottom,rgba(109,179,242,1) 0%,rgba(51,138,224,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2',endColorstr='#338ae0',GradientType=0);box-shadow:inset 1px 1px 0 0 rgba(255,255,255,0.3),inset 0 -1px 0 0 rgba(0,0,0,0.1);text-shadow:0 -1px 0 rgba(30,60,222,0.8);cursor:pointer;}
.tbl-results th:active {background:#2F91ED;box-shadow:none;text-shadow:0 1px 0 rgba(30,60,222,1);}
.tbl-results td {color:#444;font-size:14px;border-right:1px solid #90979A;border-bottom:1px solid #90979A;background:#FCFCFE;}