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;}
.sidebar h3{border-bottom:1px solid #d6d6d6;font-size:15px;font-weight:700;margin-bottom:20px;position:relative}
.sidebar h3 span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
.sidebar h3+div{margin-bottom:30px}
#controlBox h3{border-bottom:1px solid #d6d6d6;font-size:15px;font-weight:700;margin-bottom:20px;position:relative}
#controlBox h3 span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
#controlBox 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;}
.su-preview{border-collapse:collapse;border-spacing:0;border:3px solid #000;width:auto;margin:0 auto;}
.su-preview td{padding:0px;}
.su-wall{border-bottom:3px solid #000;}
.su-cell{width:43px;height:43px;text-align:center;border:1px solid #000;font-size: 26px;}
.su-cell-wall{width:60px;height:60px;text-align:center;border:1px solid #000;font-size: 26px;line-height:26px;}
.su-wall-r{border-right:3px solid #000;}
.su-cell-shade{background: #f0f0f0;}
.sd-16 .su-cell, .sd-16 .su-cell-wall{width:25px;height:25px;font-size: 15px;}
.sd-4 .su-cell, .sd-4 .su-cell-wall{width:70px;height:70px;font-size: 30px;}