body{font-family:'Open Sans';font-size:15px}
select{border:1px solid #d3d3d3;background:#fff;padding:3px;font-size:15px;font-weight:normal}
input[type='text']{border:1px solid #d3d3d3;background:#fff;padding:4px;width:100%;font-size:14px;}
textarea{border:1px solid #d3d3d3;background:#fff;height:250px;padding:4px;width:100%;resize:vertical;font-size:14px;}
input[type='checkbox']:checked+label{color:#f00}
#previewBox, #previewBoxSol{background:#f7f7f7;width:100%;height:500px;padding:20px;text-align:center}
#previewBox .preview, #previewBoxSol .preview{height:460px;margin: 0 auto;background:#fff;display: inline-block;position: relative;}
#previewBox .preview img{width: auto;height: auto;max-width: 100%;max-height: 460px;box-shadow:1px 1px 5px 1px #ccc;}
.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}
#controlBox {background-color: #f9f9f9;border:solid 1px #ececec;padding: 24px;margin: 0 0 50px;}
#controlBox h3{border-bottom:1px solid #e6e6e6;font-size:15px;font-weight:700;margin-bottom:10px;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}
#controlBox .lbl{margin-right:5px;font-size:14px}
#controlBox .fs{margin-bottom:5px;display:inline-block}
#controlBox table {width:100%}
#controlBox td {vertical-align: top;padding: 9px 10px;}
#controlBox .left {font-weight: bold;padding-right: 5px;line-height: 28px;width:1%;white-space:nowrap;}
#controlBox .finfo{color:#999; font-size:9pt;margin:2px 0 0;}
#controlBox .lbl{font-weight:bold;}
#controlBox .lbl.top {display:block;margin:0 0 7px;}
#controlBox .lbl.top i{font-size:13px;margin-left:5px;color:#999;font-weight: normal;}
#Busy{background:url(busy.gif) no-repeat left center;padding:5px 5px 5px 25px;font-weight:bold;display:none}
#waitMsg{margin:20px 0 10px;font-weight:bold;padding:10px;text-align:center;background:#ffa;display:none}
#waitMsg span{background:url(busy.gif) no-repeat left center;padding:0 0 0 25px}
.ui-dialog{position:relative;}
.ui-dialog .popFilter{position: absolute;left:20px;bottom:0;}
.ui-dialog .popFilter label{margin-right:10px;}
.ui-dialog .popFilter input{margin: 3px 0;}
.ui-dialog .popFilter span{font-size:12px;color:#aaa;}
.sp-dd{padding: 0px 0;}
.ui-spinner input[type="text"]{border:none;padding: 0 4px;}
#proBlock{padding:20px;border:solid 1px #d5d5d5;background:#f0f0f0;position: relative;border-radius: 3px;}
#proBlock.inactive:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 100;left: 0;top: 0;opacity:0.4;background:#fff;}
#proBlock.inactive input[type='checkbox']:checked+label{color:#4c4f53}
#proBlock h3{font-size:15px;font-weight:700;margin-bottom:10px;position:relative}
#proBlock h3+div{margin-bottom:15px}

.proDlg table{border-collapse:collapse;border-spacing:0;margin:0 0 30px;width:100%}
.proDlg td,th{border:1px solid #e7e7e7;padding:7px 0;text-align:center}

#themeBox ul, #fontBox ul{list-style: none; padding: 0; margin: 0;}
#themeBox li, #fontBox li{margin: 5px;padding: 10px;background-color: #f9f9f9;border:solid 1px #f9f9f9;display: inline-block;}
#themeBox li.selected, #fontBox li.selected{background-color: #ffeddf;}
#themeBox li p, #fontBox li p{text-align: center;margin: 10px 0 0;font-size: 12px;color: #aaa;}
#themeBox img, #fontBox img{width:150px;height:auto}
#kenken {border-collapse: collapse;border-spacing: 0;width: auto;margin: 0 auto;background: #fff;box-shadow: 0px 0px 5px #ccc;}
#kenken td {border: 1px solid grey;text-align:center; vertical-align:middle;font-size: 16px;font-size: 24px;font-weight: 600;position: relative;}
.hint {position: absolute;font-size: 12px;font-weight: normal;color: rgba(0, 0, 0, .8);top: 0px;left: 0px;}