.crossword_wrap { margin-top:40px; }
.html5-crossword {
    -webkit-tap-highlight-color:transparent;
    -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5);
    display:inline-block;
    font-family:Helvetica,Arial,sans-serif;
    overflow:hidden;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
    display:inline-block;
    vertical-align:top;
}
.html5-crossword > article {display:none; }
.html5-crossword-options > ul { display:none !important; }
.crossword_clues {
    display:inline-block;
    vertical-align:top;
    max-width:400px;
    margin-left:20px;
    font-size:15px;
}
@media (max-width: 1182px) {
    .crossword_clues { max-width:260px; }
}
@media (max-width: 1112px) {
    .crossword_clues { max-width:250px; }
}
@media (max-width: 1044px) {
    .crossword_clues { max-width:170px; }
}
.crossword_clues h4 { margin-top:0; }
.crossword_clues ol {
    padding-left:0 !important;
    margin-left:0 !important;
    list-style:none !important;
}
.crossword_clues li {
    list-style-position:inside;
    padding-left:5px !important;
    padding-right:5px !important;
    margin-left:0 !important;
    padding-top:5px;
    padding-bottom:5px;
}
.crossword_clues li.active {
    background:#6bb820;
    color:#fff;
}
.html5-crossword * {
    padding:0;
    margin:0
}
.html5-crossword-clue2.hide { left:-100% }
.html5-crossword-clue2 {
    position:absolute;
    z-index:10000;
    width:100%;
    top:0;
    left:0;
    padding:5px 10px;
    background:rgba(0,0,0,.8);
    color:#fff;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
    -webkit-transition:left .3s ease-out; -moz-transition:left .3s ease-out; -o-transition:left .3s ease-out; transition:left .3s ease-out
}
.html5-crossword article {
    background-color:#999;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#999)); background-image:-webkit-linear-gradient(top,#ccc,#999); background-image:-moz-linear-gradient(top,#ccc,#999); background-image:-ms-linear-gradient(top,#ccc,#999); background-image:-o-linear-gradient(top,#ccc,#999); background-image:linear-gradient(top,#ccc,#999);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#cccccc', EndColorStr='#999999');
    color:#222;
    font-size:1em;
    height:4em;
    padding:8px 30px 8px 8px;
    position:relative;
    text-align:left;
    text-shadow:0 1px 0 #bbb;
}
.html5-crossword article button {
    -webkit-border-radius:4px; -moz-border-radius:4px;
    border-radius:4px;
    background:url(gear.png) no-repeat center #efefef;
    border:1px solid #999;
    cursor:pointer;
    display:block;
    height:24px;
    outline:0;
    position:absolute;
    right:3px;
    top:3px;
    text-indent:-10000px;
    width:24px;
}
.html5-crossword article button:active { background:url(gear.png) no-repeat center #aaa; }
.html5-crossword canvas {
    -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;
    background:#ddd;
    left:0;
    position:absolute;
    top:0;
    z-index:400;
    background:#fff;
}
.html5-crossword nav button.active {
    background:#999;
    color:#333;
    text-shadow:0 1px 0 #ddd
}
.html5-crossword .html5-crossword-board {
    -webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px;
    overflow:hidden;
    position:relative;
    text-align:center;
}
.html5-crossword-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
    background:#000;
    -webkit-transform:translate3d(0,0,-100px); -moz-transform:translate3d(0,0,-100px); -ms-transform:translate3d(0,0,-100px); -o-transform:translate3d(0,0,-100px); transform:translate3d(0,0,-100px);
    opacity:0; filter:alpha(opacity=0);
    -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out
}
.show-modal .html5-crossword-overlay, .show-options .html5-crossword-overlay {
    -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
    cursor:pointer;
    z-index:550
}
.html5-crossword-options {
    -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
    -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
    display:inline-block;
    opacity:0; filter:alpha(opacity=0);
    -webkit-transform:translate3d(0,0,-100px); -moz-transform:translate3d(0,0,-100px); -ms-transform:translate3d(0,0,-100px); -o-transform:translate3d(0,0,-100px); transform:translate3d(0,0,-100px);
    -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;
    background:rgba(0,0,0,.95);
    position:relative;
    margin-top:10px;
    width:300px;
    z-index:1
}
.html5-crossword-options ul li {
    color:#fff;
    list-style:none;
    width:100%
}
.html5-crossword-options ul li button {
    -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;
    background:0;
    border:0;
    color:#fff;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
    outline:0;
    padding:10px;
    width:100%
}
.html5-crossword-options ul li button:hover { background:rgba(100,100,100,.1) }
.show-modal .html5-crossword-options { color:#fff }
.show-modal .html5-crossword-options ul, .show-options .html5-crossword-modal { display:none }
.show-modal .html5-crossword-modal{ display:block }
.show-modal .html5-crossword-modal p { 
    padding:20px;
    color:#fff
}
.show-modal .html5-crossword-modal h3 { padding:5px }
.html5-crossword-options .html5-crossword-confirm { height:0 }
.html5-crossword-options .html5-crossword-confirm button {
    -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;
    height:0;
    opacity:0;
    padding:0;
    width:50%;
    float:left
}
.html5-crossword-options .html5-crossword-confirm .html5-crossword-yes{ background:rgba(255,0,0,.1) }
.html5-crossword-options .html5-crossword-confirm .html5-crossword-no{ background:rgba(0,255,0,.1) }
.html5-crossword-options .html5-crossword-confirm .html5-crossword-no:hover{ background:rgba(0,255,0,.2) }
.html5-crossword-options .html5-crossword-confirm .html5-crossword-yes:hover{ background:rgba(255,0,0,.2) }
.html5-crossword-board.confirm .html5-crossword-confirm button{
    height:auto;
    padding:10px;
    opacity:1
}
.show-modal .html5-crossword-modal, .show-options .html5-crossword-options {
    opacity:1;
    z-index:600;
    -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)
}