body{font-size:16px}
select{border:1px solid #d3d3d3;background:#fff;padding:5px 3px;font-size:15px;font-family:Arial;font-weight:normal}
.outTable{border-collapse:collapse;width:auto}
.outTable td{white-space:nowrap;padding:4px 10px;color:#333;font-size:15px;border:0}
#previewBox, #previewBoxSol{background:#f5f5f5;width:100%;height:430px;padding:20px;text-align:center}
#previewBox .preview, #previewBoxSol .preview{width:500px;height:430px;margin: 0 auto;}
h3{border-bottom:1px solid #d6d6d6;font-size:15px;font-weight:700;margin-bottom:20px;position:relative}
h3 span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
h3+div{margin-bottom:30px}
.errorBox{border:solid 1px #F6D4D4;background:#FBDFDF;color:#B62724;font-weight:bold;font-size:12pt;padding:12px;width:100%;margin:0 0 20px 0;border-radius:3px;display:none}
#loaderb{top:170px;position:absolute;left:calc(50% - 32px)}
.smBtn{color:#888;cursor:pointer;display:inline-block;border:solid 1px #ccc;padding:3px 8px;border-radius:3px;}
option:disabled{color:#999}
.tool-title{margin:0 0 5px;font-size:26px;font-style:normal;font-weight:700;line-height:1.2;color:#2f3235;}
.tool-desc{margin:0 0 30px;font-size:16px;line-height:1.2;color:#2f3235;padding:0 0 5px;border-bottom:solid 1px #f5f5f5}
#control_box{margin:5px 0 0;background-color:#f0f0f0;padding:10px;float:left;width:100%;text-align:center}
#control_box ul{list-style:none;padding:0;margin:0}
#control_box li{float:left;font-size:18px;cursor:pointer;border:1px solid #ddd;background-color:#fff;margin:2px;text-align:center;line-height:38px;width:40px;height:40px}
#control_box li.selected{background-color:#ff9}
.su-preview td:not(.su-filled){cursor:pointer}
#solResult{text-align:center;margin-top:10px}
#wrapper{text-align:center;margin:0 auto 0;padding:0;width:100%}
.sp-replacer{width:54px;padding: 5px;border-color: #d3d3d3;}
.sp-dd{padding: 0px 0;}
.sp-preview{height: 16px;}
.colorSwatch{width:24px;height:24px;margin:2px;box-shadow:1px 1px 3px 0 #ccc}
#previewBox > table{background: #fff;box-shadow: 0px 0px 5px #ccc;}

.toolWrapBox .outerBox{background-color:#f9f9f9;border:5px solid #e7e7e7;border-radius:20px;margin:50px 0;padding:20px}
.toolWrapBox .outerBox h3{border:1px solid #f0f0f0;background:#ececec;font-size:15px;font-weight:700;margin-bottom:20px;position:relative;padding:5px}

#new{font-weight:700;padding:5px 10px}
#seed{background-color:#efefef}
#progress{color:#666;font-size:20px;font-weight:700}
#progress.done{color:#080}
#mistakes{font-size:20px;font-weight:700;color:#bbb}
#mistakes.error{color:#b40}
#solutions{color:#999;line-height:1.5;margin-top:30px;text-align:center}
#puzzle table{width:100%}
#puzzle td{background-color:#fafafa}
#puzzle td.cell:nth-child(5n+1),#puzzle td:nth-child(5n+1){border-right:1px solid #555}
#puzzle tr:nth-child(5n+1) td{border-bottom:1px solid #555}
#puzzle tr:nth-child(5n+2) td{border-top:1px solid #555}
#puzzle td.key{font-family:Monospace;font-weight:700}
#puzzle td.key em{color:#ccc;text-decoration:line-through}
#puzzle td.key.left em,#puzzle td.key.left strong{margin-right:5px;padding:0 1px}
#puzzle td.key.top{line-height:1.3;padding-bottom:5px;text-align:center;vertical-align:bottom}
#puzzle td.key.left{min-width:25px;padding-right:3px;text-align:right;vertical-align:middle}
#puzzle td.cell{background-color:#fff;border:1px solid #ccc;color:#A00;text-align:center;vertical-align:middle}
#puzzle td.cell.hoverLight,#puzzle td.key.hoverLight{background-color:#eaf4f4}
#puzzle td.cell.hover{background-color:#D0EADC}
#puzzle td.cell.s1{background-color:#ddd;box-shadow:0 0 5px 2px #ccc inset}
#puzzle td.cell.s2{background-color:#57cc99;box-shadow:0 0 5px 2px #2D9D6A inset}
#puzzle td.cell.hover{box-shadow:0 0 5px 2px #78B091 inset}
#puzzle.complete td.cell{background-color:#fff;box-shadow:none}
#puzzle.complete td.cell.s2{background-color:#333;box-shadow:3px 3px 5px #666 inset,-3px -3px 5px #000 inset}
#puzzle.complete.perfect{background-image:url(../images/rainbow.gif)}
#puzzle.complete.perfect td{background-color:#fafafa}
#puzzle.complete.perfect td.cell.s2{background-color:transparent;box-shadow:1px 1px 5px #fff inset,-1px -1px 5px #666 inset}