select{border:1px solid #d3d3d3;background:#fff;padding:5px 8px;font-size:15px;font-weight:normal}
input[type="text"]{border:1px solid #d3d3d3;background:#fff;padding:4px;width:100%}
textarea{border:1px solid #d3d3d3;background:#fff;height:250px;padding:4px;width:100%;resize:vertical}
#previewBox{background:#f0f0f0;width:100%;height:560px;padding:20px;position:relative}
#previewBox img{max-width:400px;max-height: 520px;width: auto;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}
#previewSheetBox{z-index:99;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}
#previewSheetBox span{position:relative;top:200px;padding:20px 40px;background:#ffeec6;color:#000;border:2px solid #000}
.sp-replacer{border:solid 1px #e1e1e1;background:#fff}
.sp-preview{width:30px;border:solid 1px #d7d7d7}
.wbOpt .sp-preview{width:20px}
#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}
#loaderb{margin:0 auto;width:64px;height:64px;background:0}
#loaderb{top:170px;position:absolute;left:calc(50% - 32px)}
#loaderb.show{background:url("loader.gif") no-repeat center center}
#loader{margin:0 auto;width:32px;height:32px;background:0}
#loader.show{background:url("ajax-loader.gif") no-repeat center center}

.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}

.tool-page h2 {font-size: 18px;}
.tool-page h3 {font-size: 16px;}


.pTermsBlock{margin: -15px 0 30px 0;line-height: 25px;background: #f8f9f3;padding: 10px 20px;border: solid 1px #edf0df;}
.pTermsBlock .lbl{display: inline-block;padding: 0 10px 0 0;font-weight:bold;font-size: 14px;vertical-align: middle;}
.pTermsBlock a {display: inline-block;padding: 0;font-size: 14px;margin: 3px 17px 3px 0;color: #2b76bf;vertical-align: middle;font-weight: 600;text-decoration: underline !important;}
.pTermsBlock .countHigh{font-size:14px;color:#e61f1f;margin-left:5px;font-weight: normal;}