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:180px;padding:4px;width:100%;resize:vertical;font-size:14px;}
input[type='checkbox']:checked+label{color:#f00}
.outTable{border-collapse:collapse;width:auto}
.outTable td{white-space:nowrap;padding:4px 10px;color:#333;font-size:15px;border:0}
#previewBox{background:#f4f4f4;width:100%;height:670px;padding:20px;text-align:center}
#previewBox .preview{margin: 0 auto;background:#fff;display: inline-block;position: relative;box-shadow:1px 1px 4px #ccc;}
#previewBox .preview img{height: auto;max-width: 100%;max-height: 630px;}
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}
.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}
.sidebar>div:first-child{background:#F5F9FB;border:1px solid #E9F3F7;padding:6px}
.sidebar .viewAll{text-align:center;padding:6px;margin-bottom:10px;background:#fff;border:solid 1px #eaecec}
.sidebar .catList{margin:0;padding:0;font-size:14px}
.sidebar .catList li{list-style:none;padding:5px 8px;}
.sidebar .catList .branch {margin:5px 0;background:#E9F3F7;padding: 7px 8px;}
.sidebar .catList .branch a{color:#333;font-weight: bold;}
.sidebar .catList .selected {background:#CCE8F2;}
.sidebar .catList .selected a{color:#0b879b;}
.sidebar .catList .leaf{padding-left: 12px;}
.sidebar .catList .leaf,.sidebar .catList .leaf a{color:#647175;font-size: 13px;height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 136px;}
.sidebar .catList .leaf a:before{content:"- ";}
.sidebar .catList .more{padding-left: 22px;font-size:13px;}
.sidebar .catList .more a{color: #35b5e8;}
.sidebar .puzzle_page .leaf,.sidebar .puzzle_page .more{display:none;}
.themesList{margin:0;padding:0}
.themesList li{margin:2%;list-style:none;display:inline-block;width:21%;text-align:center;position:relative}
.themesList li div{box-shadow:0 0 5px 3px #e5e5e5;}
.themesList li p{padding:5px;margin:5px 0 0;font-weight: bold;font-size: 13px;height: 36px;width: 190px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.themesList li.inactive:before{content:"";width:70px;height:22px;background:url(inactive.png) no-repeat center center;left:10px;top:10px;position:absolute;z-index:2}
.themesList li img{max-width:100%}
/*
.shapesList{list-style:none;padding: 0;margin: 0;}
.shapesList li{padding:5px 10px;display:inline-block;margin:3px;background:#f4f5f6;width:18%;border:solid 1px #e9e9e9;cursor:pointer;}
.shapesList li.selected{background:#f7d9d9;border-color:#f0c3c3;}
*/

.shapesList{list-style:none;padding: 0;margin: 0;}
.shapesList li{padding:5px 10px;display:inline-block;margin:3px;background:#f4f5f6;width:13.4%;border:solid 1px #e9e9e9;cursor:pointer;text-align:center}
.shapesList li p{text-align: center;margin: 10px 0 0;font-size: 12px;color: #505050;width: 100%;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;}
.shapesList li.selected{background:#f7d9d9;border-color:#f0c3c3;}

.related_block .themesList li{width:16%;}
.puzzle{margin:20px auto 0;width:auto}
.sans{font-family: 'open sans';}
.serif{font-family: 'times new roman';}
.slab{font-family: 'courier new';}
.puzzle td{border:none;padding:0;}
.puzzle.cellborder td{border:solid 1px #dddddd;}
.puzzle .cell{display:block}
.puzzle .high{color:#f00}
.puzzle .tdh{background-color: #ffc;}
.puzzle .pz_5{width:40px;height:40px;font-size:30px}
.puzzle .pz_10{width:20px;height:20px;font-size:20px}
.puzzle .pz_15{width:13px;height:13px;font-size:13px}
.puzzle .pz_20{width:10px;height:10px;font-size:11px}
.puzzle .pz_25{width:8px;height:8px;font-size:9px}
.puzzle .pz_30{width:7px;height:7px;font-size:7px}
.sans .pz_10, .serif .pz_10{font-size:16px}
.sans .pz_15, .serif .pz_15{font-size:12px}
.sans .pz_20, .serif .pz_20{font-size:10px}
.sans .pz_25, .serif .pz_25{font-size:7px}
.sans .pz_30, .serif .pz_30{font-size:6px}
.title{text-align:center;margin: 45px 0 0;font-size:18px;font-weight: bold;height: 30px;}
.wbank{margin:20px auto 0;width:auto;text-align: center;}
.wbank td{border:none;padding:3px 10px;font-size: 9px;}
#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}
#themeBox ul{list-style: none; padding: 0; margin: 0;}
#themeBox li{margin: 5px;padding: 10px;background-color: #f9f9f9;display: inline-block;}
#themeBox li.selected{background-color: #fdd;}
#themeBox img{width:118px;height:auto;box-shadow: 0px 0px 7px #ccc;}
#puzzle{border:1px solid #222;float:left;padding:5px}
#puzzle>div{width:100%;margin:0 auto}
.puzzleSquare{text-transform:uppercase;background-color:#fff;border:0;height:35px;width:35px}
#puzzle .selected{background-color:#FFAA0D}
#puzzle .found{background-color:#1B1BFF;color:white}
#puzzle .solved{background-color:#9C009C;color:white}
#puzzle .complete{background-color:#009700}
#puzz_words{display:inline-block;max-width:30rem;padding:1em;list-style-type:none;text-align:left}
#puzz_words li{padding:3px 0}
#puzz_words li input{border:0;border-bottom:solid 1px #eee}
.wordFound{text-decoration:line-through;color:#acacac}
#create-grid,#solve{margin:0 auto}
#result-message{font-size:14px}
.btn_control{margin-top:10px}
.btn_control .btn_control{padding:2px 8px}
.puzzTable td{vertical-align:top;border:0}
.ui-widget-overlay {background: #666;}
.ui-dialog {box-shadow: 0 0 40px #999;position: fixed;}
.ui-dialog{position:relative;}
.ui-dialog .popFilter{position: absolute;left:20px;bottom:5px;margin: 0;}
.ui-dialog .popFilter label{margin-right:10px;}
.ui-dialog .popFilter input{margin: 3px;}
.ui-dialog .popFilter span{font-size:12px;color:#aaa;}
.pager_box{margin:40px 0 10px;text-align:center;float:left;width:100%;background:#fafafa;padding:20px 0}
.pages{list-style:none}
.pages li{display:inline-block}
.pages a,.pages span{background:#eee;border:1px solid #e7e7e7;border-radius:3px;color:#888;font-weight:400;margin:0 3px;padding:6px 11px;text-decoration:none;display:inline-block}
.pages li span.current{background:#0c8ebe;border-color:#0c8ebe;color:#fff}


#proBlock{padding:20px 20px;border:solid 1px #d5d5d5;background:#f0f0f0;position: relative;}
#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}