select{border:1px solid #d3d3d3;background:#fff;padding:5px 3px;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 0;position:relative}
#previewBox .preview{width:100%;height:550px}
#previewBox img{max-width:500px;max-height: 520px;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}
.post-title{font-weight: bold;}
.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}

.imgToolsList{padding: 0;margin: 25px 0;list-style: none;}
.imgToolsList li{margin:0 2% 20px 0;list-style: none;display: inline-block;width: 32%;text-align: center;position: relative;background: #fff;border: solid 1px #e5e5e5;border-radius: 0 0 10px 10px;box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.08);}
.imgToolsList li div{padding: 10px;background: #eee;}
.imgToolsList li p{font-weight:600;margin: 12px 0 12px;font-size:14px;height: 20px;overflow: hidden;line-height: 18px;padding: 0 10px;color: #973a3a;}
.imgToolsList .prv {display: block;width: 100%;height: 175px;background-repeat: no-repeat;background-position: left top;background-size: 300px;box-shadow: 0 0px 3px 0 rgba(0,0,0,0.14);}
.imgToolsList h4{font-weight:bold;margin: 10px 0 15px;line-height: 25px;font-size: 15px;font-family:'Open Sans';overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 15px;}
.imgToolsList li:nth-child(3) {margin-right: 0;}

#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{border-top: solid 1px #eee;padding-top: 30px;margin-top: 30px;}
.tool-desc{border-bottom: solid 1px #f5f5f5;margin: 0 0 30px;}
.toolWrapBox {margin: 0;}

#clipartBox {padding: 10px 5px;}
.wordsList{list-style:none;padding: 0;margin: 0;}
.wordsList li{padding:5px 10px;display:inline-block;margin:3px;border:solid 1px #d8e1e6;cursor:pointer;border-radius:6px;font-size: 16px;}
.wordsList li.selected{background:#f7d9d9;border-color:#f0c3c3;}


.toolSec .ttl{font-weight:600;display: inline-block;padding:5px 10px;vertical-align:middle;}
.toolSec a{font-weight:600;color:#346ea2;display: inline-block;padding:5px 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align:middle;}
.toolSec .sep{display: inline-block;vertical-align:middle;margin:0 6px 0 0;color:#d7d7d7;}
.toolSec .fa{vertical-align: middle;color: #cec094;}

.relToolsGallery{padding: 25px 25px 10px;background: #fff;border: solid 1px #ebebeb;margin:40px 0 40px;box-shadow: 0px 0px 3px #eee;}
.relToolsGallery h3{font-weight: 500;margin-bottom: 15px;font-size:16px;}

.toolsGallery{padding: 0;margin: 15px 0;list-style: none;}
.toolsGallery li{margin:0.5% 2.1% 0 0;list-style: none;display: inline-block;width: 18%;text-align: center;position: relative;background: #fff;}
.toolsGallery li div{padding: 15px 15px;background: #eee;border: solid 1px #e0e0e0;}
.toolsGallery li img{max-width:100%;border: solid 1px #e6e6e6;box-shadow: 2px 2px 8px #e8e8e8;}
.toolsGallery li p{font-weight:bold;margin: 10px 0 15px;}
.toolsGallery .prv {display: block;width: 100%;height: 183px;box-shadow: 2px 2px 8px #d7d7d7;background-repeat: no-repeat;background-position: left top;}
.toolsGallery h4{font-weight:600;margin: 10px 0;line-height: 25px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 5px;}
.toolsGallery li:nth-child(5) {margin-right: 0;}

.toolSecEx .toolBlock{width:16%;margin:0 0 20px 5px;display:inline-block;vertical-align:top;}
.toolSecEx .ttlEx{font-weight:500;display: block;padding:4px 10px;margin-bottom: 20px;color: #666;}
.toolSecEx h3{border:none;background: #eee;padding: 8px 15px;border-radius: 3px;font-size: 15px;}
.toolSecEx ul {padding: 0;margin: 0 0 0 20px;}
.toolSecEx li {padding: 4px 2px;white-space: nowrap;vertical-align: middle;font-size: 14px;}
.toolSecEx a {color: #2d7abd;}
.toolSecEx .fa{vertical-align: middle;color: #444;font-size: 6px;margin-right: 5px;}

.toolSecEx .hglink{color:#d76741;}

.pageToolsBox h2{font-size:15pt;border-bottom: solid 2px #eee;padding: 10px 0;margin-bottom: 20px;}
.pageToolsBox .titleBox h4{font-weight: 600;font-size: 15px;color: #2f3235;}

.frontCard{margin:5px 0.8% 20px;display:inline-block;width:23%;text-align:center;border-radius: 0 0 10px 10px;box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.08);border: solid 1px #e5e5e5;}
.imgBox {display: block;padding: 10px;background: #e8e8e8;}
.imgBox img {box-shadow: 0 0px 3px 0 rgba(0,0,0,0.14);}

.titleBox h4 {color: #5c7c99;font-weight: 700;font-size: 15px;margin: 15px 0 18px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 12px;}