select{border:1px solid #d3d3d3;background:#fff;padding:5px;font-size:15px;font-weight:normal}
input[type='text']{border:1px solid #d3d3d3;background:#fff;padding:6px;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{background:#f4f4f4;width:100%;padding:20px;text-align:center;height: 560px;}
#previewBox .preview{margin: 0 auto;background:#fff;display: inline-block;position: relative;}
#previewBox .preview img{height: auto;max-width: 100%;max-height: 510px;box-shadow:1px 1px 4px #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:#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;}

.btnsBox .btn{margin:5px 5px 5px 0;}

.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;}
.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;width: 17%;}
#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;font-size: 22px;}
#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:0 0 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}
.randRelPosts h3 {background: #f4f4f4;padding: 9px 10px !important;font-size: 16px;font-weight: 600;border: solid 1px #eee;margin-bottom: 10px;}
.randRelPosts .desc{display:none !important;line-height:0px;margin: 0;color: #fff;}
.randRelPosts ul{margin: 0;padding: 0;}
.randRelPosts li{padding: 0;font-size: 15px;list-style: none;display: inline-block;margin: 3px;font-weight: 600;}
.randRelPosts a{color: #006FD3;display: inline-block;padding: 5px 15px;border: solid 1px #ddd;border-radius: 5px;background: #fafafa;}
.btn_control{margin-top:10px}
.btn_control .btn_control{padding:2px 8px}
.puzzTable td{vertical-align:top;border:0}
.itemDesc{margin: 30px 0;padding: 20px 0 0;border-top: solid 1px #ececec;font-size: 14px;}
.itemDesc h2{font-size: 18px;}
.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;}

#layoutBox ul{list-style: none; padding: 0; margin: 0;}
#layoutBox li{margin: 10px;padding: 10px;background-color: #f4f4f4;display: inline-block;}
#layoutBox li.selected{background-color: #fdd;}
#layoutBox li p{text-align: center;margin: 10px 0 0;font-size: 12px;color: #666;width: 100%;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;}
#layoutBox img{width:150px;height:auto;box-shadow: 0 0 3px #ccc;}
#layoutBox.lay li{margin: 9px;}
#layoutBox.lay li p{width: 115px;}
#layoutBox.lay img{width:115px;height:auto;box-shadow: 0px 0px 7px #ccc;}

#clipartBox {padding: 10px 5px;}
#clipartBox ul{list-style: none; padding: 0; margin: 0;}
#clipartBox li{margin: 10px 6px 6px;padding: 5px;background-color: #f4f4f4;display: inline-block;}
#clipartBox li.selected{background-color: #fdd;}
#clipartBox li p{text-align: center;margin: 15px 0 0;font-size: 12px;color: #666;width: 100%;overflow: hidden;height: 32px;line-height: 15px;}
#clipartBox img{width:150px;height:auto;box-shadow: 0 0 3px #ccc;}
#clipartBox.lay li{margin: 9px;}
#clipartBox.lay li p{width: 115px;}
#clipartBox.lay img{width:115px;height:auto;box-shadow: 0px 0px 7px #ccc;}

#themeBox ul{list-style: none; padding: 0; margin: 0;}
#themeBox li{margin: 10px;padding: 10px 10px 0;background-color: #f4f4f4;display: inline-block;width: 17.2%;}
#themeBox li.selected{background-color: #fdd;}
#themeBox li p{text-align: center;margin: 2px 0;font-size: 12px;color: #666;width: 100%;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;}
#themeBox img{width:150px;height:auto;box-shadow: 0 0 3px #ccc;}
#themeBox.lay li{margin: 9px;}
#themeBox.lay li p{width: 115px;}
#themeBox.lay img{width:115px;height:auto;box-shadow: 0px 0px 7px #ccc;}

#gridBox table {margin: 0;}
#gridBox table td {vertical-align:top;padding:3px;border-color: #fff;}
#gridBox table th {padding:5px;background: #e9f2fb;border-color: #fff;}
#gridBox ul{list-style: none; padding: 0; margin: 0;}
#gridBox li{margin: 3px;padding: 4px;background-color: #f7f7f7;display: block;cursor:pointer;}
#gridBox li.selected{background-color: #fdd;}
#gridBox li p{text-align: center;margin: 10px 0 0;font-size: 12px;color: #666;width: 150px;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;}



.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;width:100%}
#social_share li{margin-right:3px;cursor:pointer;display:inline-block;}
#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}


.puzzTbl{margin-left:auto;margin-right:auto;font-size:15px;color:#000;cursor: default;margin-bottom:40px}
.puzzTbl th,.puzzTbl td{border: 2px solid #dfe6d2;}
.puzzTbl th{background:#eaf2db;padding:7px;font-weight:bold}
.puzzTbl .cell {display: inline-block;width: 26px;line-height: 22px;font-size: 18px;background:#fff;border:solid 1px #f0f0f0}
.puzzTbl .tdGrid{vertical-align:top;padding:20px 20px;text-align:left;width:60%;white-space:nowrap;}
.puzzTbl .tdGrid div{border: 1px solid #222;padding: 5px;display: inline-block;}
.puzzTbl .bghigh{background:#f7f7d3 !important;}
.puzzTbl .found{color: #e99;}
.puzzTbl .tdWords{padding:10px 10px 10px 20px;vertical-align:top;border-left:1px solid #ccc;text-align:left;font-size: 14px;line-height: 24px;background: #f9f9f9;font-weight:600;}
.puzzTbl .solver {outline: none;color: #676f7f;font-size: 11px;padding: 1px 8px;background: #f1f0f0;text-decoration: none;margin-left: 7px;font-weight:normal;}

.settingsBox{border:solid 2px #cddfe1;}
.settingsBox .inner{padding:10px;}
.settingsBox h4{font-size:15px;background:#dceff2;padding:10px;margin: 0;}
.settingsBox .lbl{font-size:14px;font-weight:bold;display:block;margin:0 0 5px;}
.settingsBox .settings{margin-top:20px}

#catList {max-height: 410px;overflow-y: auto;border-right: solid 1px #f0f0f0;}
#catList > span { display: block;cursor:pointer;color: #555;font-size: 15px;}
#catList > span:hover { background:#f6f6f6;color: #000;}
#catList > span.selected { color: #50c8b7;font-weight: bold;}
#clipListItems li {height: 125px;}
#clipListItems li img {box-shadow: none;width: 110px;height: 110px;}
#clipListItems li p {width: 110px;}


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

.arm_form_field_container.mem_tos_check{margin-top: 20px;}

.online .puzzTbl th{display:none;}
.online .puzzTbl td {border: 1px solid #ececec;}
.online .puzzTbl .cell{border: solid 1px #fafafa;}
.online .puzzTbl .tdGrid{padding: 10px;}

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

.clipBtn.activeImgBtn{border-color: #ADD4DB;background:#D3EDF2;color:#2d586c;}
.clipBtn{color:#aaa;cursor:pointer;display:inline-block;border:solid 1px #ddd;background:#f0f0f0;padding:4px 15px;border-radius:3px;}

.ui-dialog-content{overscroll-behavior: contain;overflow-y: auto;}
.ui-dialog-content #clipWrapper, .ui-dialog-content #catList{overscroll-behavior: contain;overflow-y: auto;}
body{overscroll-behavior: contain;}

/*---------------------------------------------*/
@font-face{font-family:'Digital-7';src:url('digital-7.ttf')}
.timerBox{background-color:#fff;margin-top:20px;padding:20px 0 30px;width:100%;border-radius:5px;display:flex;justify-content:center;align-items:center;flex-direction:column;user-select:none;border:solid 2px #ddd}
.frame{display:flex;gap:3px}
.timerTitle{font-weight:500;color:#130f40;text-transform:uppercase;margin-bottom:5px}
.hrs,.min,.sec,.ms,.colon{width:40px;height:50px;font-size:40px;text-align:center;line-height:50px;color:#4c95c2;font-family:'Digital-7'}
.colon{width:10px;height:50px}
.buttons{margin-top:5px}
.buttons button{border:0;padding:5px 10px;color:white;border-radius:3px;font-size:13px;text-transform:uppercase}
.start{background-color:#6ab04c}
.stop{background-color:#30336b}
.reset{background-color:#eb4d4b}
.start-active,.stop-active{pointer-events:none;opacity:.5}
/*---------------------------------------------*/

@media(max-width:480px)
{
    .btnsBox .btn{margin:5px 0;width:100%;}
    #previewBox{height:auto;}
}