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}
.outTable{border-collapse:collapse;width:auto}
.outTable td{white-space:nowrap;padding:4px 10px;color:#333;font-size:15px;border:0}
#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;}
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:#F9F9F9;border:1px solid #f0f0f0;padding:6px}
.sidebar .viewAll{text-align:center;padding:6px;margin-bottom:10px;background:#fff;border:solid 1px #d2dddd}
.sidebar .catList{margin:0;padding:0;font-size:14px}
.sidebar .catList li{list-style:none;padding:5px 8px;}
.sidebar .catList .branch {margin:0;padding: 5px 8px 7px;border-top: solid 1px #fff;border-bottom: solid 1px #eee;}
.sidebar .catList .branch a{color:#333;font-weight: bold;}
.sidebar .catList .selected {background:#ececec;}
.sidebar .catList .selected a{font-weight: normal;}
.sidebar .catList .leaf{padding-left: 12px;}
.sidebar .catList .leaf,.sidebar .catList .leaf a{color:#647175;height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 176px;}
.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;}
.sidebar .catList .branch:first-child{border-top:none;}
.sidebar .catList .branch:last-child{border-bottom:none;}


.themesList{margin:15px 0 0;padding:0}
.themesList li{margin:1% 1.5% 2%;list-style:none;display:inline-block;width:30%;text-align:center;position:relative;border: solid 1px #e9e9e9;border-radius: 0 0 10px 10px;}
.themesList li div{padding: 18px;height: 270px;background: #f0f0f0;}
.themesList li .wtitle{padding:5px 15px;margin:5px 0 0;font-weight: normal;font-size: 14px;font-family: 'open sans';line-height: 18px;height:26px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-weight:700;color: #6d9bb7;}
.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%;max-height: 233px;box-shadow: 0 0 4px 2px #e5e5e5;width: auto;}
.themesList .desc{display:none;line-height: 18px;height:24px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;color: #aaa;margin: 0;}
.themesListRel li div{height:auto;}
.themesListRel li{width:23%;}
.themesListRel li .wtitle{font-size: 13px;height:35px;}

.themesList .stats{text-align:center;margin:0 0 10px 0;color:#989a9b; font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.themesList .stats a{color:#989a9b;}
.themesList .sinfo{margin-left:5px;}
.themesList .sinfo:after {content: " | ";color: #bbb;margin: 0 3px;}
.themesList .sinfo:last-child:after{content:""}

.related_block .themesList li{width:17%;}

.puzzle{margin:15px auto 0;width:auto;font-size: 12px;}
.sans{font-family: 'open sans';}
.serif{font-family: 'times new roman';}
.slab{font-family: 'courier new';}
.puzzle td{border:none; padding:1px;}
.puzzle td.cellval, .puzzle td div{width:20px;height:20px;border:1px solid #666666;}
.puzzle .cell{display:block}
.puzzle.pz_10 td{width:20px;height:20px;line-height: 20px;}
.puzzle.pz_15 td{width:13px;height:13px;line-height: 13px;font-size: 10px;}
.puzzle.pz_20 td{width:10px;height:10px;line-height: 10px;font-size: 8px;}
.puzzle.pz_25 td{width:9px;height:9px;line-height: 9px;font-size: 6px;}
.puzzle.pz_30 td{width:7px;height:7px;line-height: 7px;font-size: 6px;}
.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: left;max-width: 80%;}*/
.wbank {margin: 0 auto;width: 280px;text-align: left;position: absolute;left: 35px;top: 300px;line-height: 8px;}
.wbank td{border:none;padding:3px 10px;font-size: 8px;text-align: left !important;}
#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}
.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}
#social_share.light i{border:solid 1px #ccc;width: 42px;height: 28px;}

.catbar{position: relative;padding: 10px 15px;margin-bottom: 20px;background: #fff9e3;border-radius: 3px;}

.randRelLists {margin: 0;width: 100%;position: relative;border-bottom: solid 1px #e9e9e9;}
.randRelLists a {color: #337ab7;}
.randRelLists .cblock {padding: 15px 10px 15px 5px;}
.randRelLists .prv {padding: 10px;background: #f0f0f0;text-align: center;}
.randRelLists .prv span {display:block;height:130px;box-shadow: 0 0 4px 0 #ddd;width: auto;border: solid 1px #ddd;}
.randRelLists img {max-width: 100%;max-height: 233px;box-shadow: 0 0 4px 0 #ddd;width: auto;border: solid 1px #ddd;}
.randRelLists .ttl {margin: 5px 0 10px 0;font-weight: 600;font-size: 20px;line-height: 28px;color: #79bb2a;}
.randRelLists .sts {margin: 5px 0 10px 0;color: #aab7c4;font-size: 14px;}
.randRelLists .sts a{color: #718388;}
.randRelLists .exp {color: #777;margin: 0;line-height:26px;}
.randRelLists .inactive{opacity:0.3;}
.randRelLists .inactive:before{content:"Inactive";width:50%;height:26px;line-height:24px;background: #DBA3A4;left:5px;top:5px;position:absolute;z-index:200;font-weight: bold;text-align: center;color: #fff;}
.randRelLists .defDesc{height: 42px;overflow: hidden;line-height: 20px;color: #758593;margin:5px 0 0;font-size: 14px;}

.inlinePromo{font-family:'Open Sans';margin: 10px 0 25px;padding: 25px 30px 0;background: #fff;border: solid 2px #cdddee;box-shadow: 0 0 5px #eee;border-radius: 7px;border-left: solid 5px #bbcbdb;}
.inlinePromo h5{color: #000;font-size: 22px;font-weight: bold;}
.inlinePromo ul{margin:0 0 10px 0;line-height:26px;list-style:none;padding: 0 0 0 5px;}
.inlinePromo .fa{color:#e90;}
.inlinePromo li span{font-weight:bold;}
.inlinePromo .btn{width:auto;color:#fff;background: #5680d0;text-decoration:none;}
.inlinePromo hr{color:#ececec;margin: 15px 0;}

@media(min-width:991px)
{
.post-267 .col-sm-3{width:20%;}
.post-267 .col-sm-9{width:80%;}
}

@media(max-width:767px)
{
.themesList li {margin: 0.5%;width: 49%;}
}

@media(max-width:480px)
{
.themesList li {margin: 0;width: 100%;}
}