body{font-size:16px}
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;}
.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}
#social_share{list-style:none!important;padding-left:0;margin:5px 0;display:block;float:left;width:100%}
#social_share li{margin-right:3px;float:left;cursor:pointer}
#social_share i{width:55px;height:30px;border-radius:2px;float:left}
.share_fb{background-color:#3c589a}
.share_tw{background-color:#55acee}
.share_pi{background-color:#cc2329}
.shareSvg{width:100%;height:100%;display:block}
.fbSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center}
.piSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-2%20-2%2035%2035%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.539%204.5c-6.277%200-9.442%204.5-9.442%208.253%200%202.272.86%204.293%202.705%205.046.303.125.574.005.662-.33.061-.231.205-.816.27-1.06.088-.331.053-.447-.191-.736-.532-.627-.873-1.439-.873-2.591%200-3.338%202.498-6.327%206.505-6.327%203.548%200%205.497%202.168%205.497%205.062%200%203.81-1.686%207.025-4.188%207.025-1.382%200-2.416-1.142-2.085-2.545.397-1.674%201.166-3.48%201.166-4.689%200-1.081-.581-1.983-1.782-1.983-1.413%200-2.548%201.462-2.548%203.419%200%201.247.421%202.091.421%202.091l-1.699%207.199c-.505%202.137-.076%204.755-.039%205.019.021.158.223.196.314.077.13-.17%201.813-2.247%202.384-4.324.162-.587.929-3.631.929-3.631.46.876%201.801%201.646%203.227%201.646%204.247%200%207.128-3.871%207.128-9.053.003-3.918-3.317-7.568-8.361-7.568z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center}
.twSvg{background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-4%20-4%2039%2039%22%3E%0A%3Cpath%20d%3D%22M28%208.557a9.913%209.913%200%200%201-2.828.775%204.93%204.93%200%200%200%202.166-2.725%209.738%209.738%200%200%201-3.13%201.194%204.92%204.92%200%200%200-3.593-1.55%204.924%204.924%200%200%200-4.794%206.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942%204.942%200%200%200-.665%202.477c0%201.71.87%203.214%202.19%204.1a4.968%204.968%200%200%201-2.23-.616v.06c0%202.39%201.7%204.38%203.952%204.83-.414.115-.85.174-1.297.174-.318%200-.626-.03-.928-.086a4.935%204.935%200%200%200%204.6%203.42%209.893%209.893%200%200%201-6.114%202.107c-.398%200-.79-.023-1.175-.068a13.953%2013.953%200%200%200%207.55%202.213c9.056%200%2014.01-7.507%2014.01-14.013%200-.213-.005-.426-.015-.637.96-.695%201.795-1.56%202.455-2.55z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E') no-repeat center center}
