/!***************************************************** 
*  Sokoban Online - 3.2.10
*  http://www.sokobanonline.com
*
*  Copyright 2008-2020 Uphill Studio
*  http://www.uphillstudio.com
*
*  Code by Michel van den Brink
******************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; line-height: 1.231; } body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; color: #222; } ::-moz-selection { background: #49a2e2; color: #fff; text-shadow: none; } ::selection { background: #49a2e2; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label[for], label.option { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid, input.is-invalid, textarea.is-invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } @media (max-width: 1279px) { } @media (min-width: 1280px) { } html, body { width: 100%; height: 100%; cursor: default; } body { background: url("../img/website/background/background.png?v=3.2.9-1221") repeat; } body.iframe { background: #fff; } .everything { min-height: 100%; position: relative; } .w { width: 960px; margin: 0 auto; } a, a:link, a:visited, a:active, a:focus, a:hover { color: #4d45bb; text-decoration: none; } a:focus, a:hover { text-decoration: underline; } .oldie .everything { height: 100%; margin-top: 20px; } .oldie .main-content { margin: 0 !important; } .x-click, .click { cursor: pointer; } .x-reset-box, form { padding: 0; margin: 0; } .x-reset-list { list-style-type: none; padding: 0; margin: 0; } .x-reset-list > li { padding: 0; margin: 0; } .x-horizontal-list { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; white-space-collapse: discard; } .x-horizontal-list > li { padding: 0; margin: 0; } .x-horizontal-list > li { display: inline-block; } .x-ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .x-expose { border: 1px solid red; } .x-expose2 { border: 1px solid green; } .x-expose3 { border: 1px solid yellow; } .middle { padding-bottom: 116px; } .i16 { width: 16px; height: 16px; border: none; } a[href="#"] { cursor: default; color: #222; text-decoration: none; font-weight: normal; } .main-content { background-color: #fff; margin: 3px 0; padding: 3px 6px 3px 6px; position: relative; } .main-content > b { display: block; width: 954px; height: 6px; top: -3px; left: 3px; position: absolute; z-index: 1; /* background-image: url(../img/website/background/blocks.gif), url(../img/website/background/blocks.gif); background-repeat: no-repeat; background-position: 0 100%, 100% 100%; &:last-child { top: auto; bottom: -5px; background-position: 0 0, 100% 0; }*/ } .main-content > b:before { content: ' '; background-color: #171717; width: 3px; height: 3px; position: absolute; z-index: 2; top: 3px; } .main-content > b:after { content: ' '; background-color: #171717; width: 3px; height: 3px; position: absolute; z-index: 2; right: 0; top: 3px; } .main-content > b:last-child { top: auto; bottom: -3px; } .main-content > b:last-child:before, .main-content > b:last-child:after { top: 0; } .main-content section { background-color: #fff; padding-bottom: 4px; font-size: .9em; border: 3px solid #171717; border-top: none; width: 942px; } .main-content section + section { margin-top: 6px; } .main-content section:last-child { margin-bottom: 0; } .main-content section > .no-title { border-top: 3px solid #171717; background-color: #fff; } .main-content section > .no-title > p, .main-content section > .no-title > h2, .main-content section > .no-title > h3 { padding: 0; margin: 14px; } .main-content section > h1 { width: 945px; height: 45px; margin-right: -3px; background: #ebebeb url("../img/website/background/title.png?v=3.2.9-1221") no-repeat 100% 0; box-sizing: content-box; } .main-content section > h1 > span { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; height: 45px; background-position: 8px 9px; max-width: 900px; border-top: 3px solid #171717; } .main-content section > p, .main-content section > h2, .main-content section > h3 { padding: 0; margin: 14px; } .main-content section > noscript > p, .main-content section > noscript > h2, .main-content section > noscript > h3 { padding: 0; margin: 14px; } .main-content section .alert-message, .main-content section .padbox { margin: 14px; } .main-content section > h2 { margin-bottom: 0; font-size: 1.3em; } .main-content section > h2 > .chsp { margin-bottom: -15px; } .main-content section > h3 { margin-bottom: 0; font-size: 1.1em; } .main-content section .right-box { padding: 0; margin: 14px; float: right; text-align: right; } .main-content section .edit-link { display: block; margin: 8px 0; } .main-content section .orange-stuff, .main-content section .orange-link { color: #FF6600; font-style: italic; } .main-content section .orange-link { text-decoration: underline; cursor: pointer; } .main-content section.profile-section h2 { margin-bottom: 3px; } .main-content section.profile-section h2 > .chsp { margin-bottom: -27px; } .main-content section.profile-section .explevel { margin: 0 0 0 69px; font-size: .9em; } .main-content section.profile-section .explevel > em { color: #666; font-style: normal; font-size: .9em; } .main-content section.profile-section .right-box { width: 170px; } .main-content section .profile-box { margin-top: 7px; width: 80%; } .main-content section .new-buttons { text-align: center; } .main-content section .new-buttons .btn { margin: 10px; } .main-content section .locked-error img { float: left; margin-right: 5px; width: 125px; height: 95px; box-sizing: content-box; } .main-content section .locked-error p { padding-left: 130px; } .main-content section .locked-error h2 { font-size: 1.3em; padding: 0; margin: 0 0 7px 0; } .main-content .pack-badge { width: 250px; height: 250px; } .toc { list-style-type: decimal; margin-bottom: 20px; } .toc li { margin: 0; padding: 0; } .toc li > ol { list-style-type: decimal; padding: 0; margin: .4em 1.4em; font-size: .9em; } section .column { float: left; width: 49%; } section .column3 { float: left; width: 30%; } section .more { margin: 14px; text-align: right; display: block; } section div.character { margin-top: 4px; } section div.character div.chsp { float: left; margin-right: .4em; } section div.character > ul { list-style-type: none; padding: 0; margin: 0; } section div.character > ul > li { padding: 0; margin: 0; } section div.character + .change { margin-top: 5px; } section ul.character-options { list-style-type: none; padding: 0; margin: 0; margin: 14px; } section ul.character-options > li { padding: 0; margin: 0; } section ul.character-options > li { margin: 0 1em 1em 0; padding: 10px; text-align: center; display: inline-block; } section ul.character-options > li div.chsp { display: block; margin: 0 auto 8px auto; } section ul.character-options > li input { float: none !important; } section ul.character-options > li.selected { padding: 9px; border: 1px solid #a13fbd; background-color: rgba(161, 63, 189, 0.19999999999999996); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } section .about-me { margin-top: 0px !important; } span.no-p p { margin: 0; padding: 0; } span.no-p p + p { padding-top: 5px; } section.has-sidebar { background: #ffffff url("../img/website/background/sidebar.png?v=3.2.9-1221") repeat-y 0 0; } section.small-sidebar { background-position: -100px 0; } header { background-color: #fff; border-bottom: 1px solid #000; margin-bottom: 14px; } header input.text, header textarea, header select { background-color: #ebebeb; border: 1px solid #999; padding: .3em; outline: none; } header input:focus { border-color: #000; } header .logo { width: 596px; height: 88px; margin: 0; padding: 0; } header .w { position: relative; padding: .5em 0; } header .w .account { font-size: 10pt; padding: 0; margin: 0; position: absolute; top: 8px; right: 0; } header .w .account > .login-box { display: block; } header .w .account > .login-box > div { margin-bottom: .7em; } header .w .account > .login-box input.text, header .w .account > .login-box input.login-button { height: 21px !important; box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 6px; } header .w .account > .login-box input.login-button { vertical-align: bottom; width: 56px; height: 21px; background-position: -158px -110px; text-indent: -99999px; border: 1px solid #000; box-sizing: border-box; background-color: #7C7C7C; padding: 0; } header .w .account > .login-box input.login-button:active { background-position: -212px -110px; } header .w .account > .login-box input.text { width: 140px; padding-top: 0; padding-bottom: 2px; } header .w .account > .login-box input.check { margin-top: 1px; margin-right: 4px; float: left; } header .w .account > .login-box label { margin-left: 6px; float: left; } header .w .account > .login-box label.option span { margin-top: -2px; } header .w .account > .login-box a.recovery { position: absolute; left: 155px; } header .w .account > .signup { clear: both; padding-top: 21px; } header .w .account > .signup > .fb-button { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; cursor: pointer; margin-left: 6px; background-position: 0 -110px; width: 159px; height: 22px; float: left; } header .w .account > .signup > .signup-link { margin-top: .25em; float: right; } header .w .account > .signup > .signup-link > a { font-weight: bold; } header .w .account .profile-badge { font-size: 14pt; float: right; margin-bottom: 3px; } header .w .account .profile-badge .chsp { margin-bottom: -27px; } header .w .account .profile-badge .avatar { margin-bottom: -30px; } header .w .account .profile-badge .explevel { margin: 0 0 0 55px; font-size: 10pt; } header .w .account .profile-badge .explevel > em { color: #666; font-style: normal; font-size: .9em; } header .w .account .awards { float: right; } header .w .account .logout { clear: both; float: left; margin: 5px 10px 0 0; font-size: .9em; } footer { position: absolute; bottom: 0; width: 100%; font-size: .8em; margin-top: 1em; } footer .full { background-color: #fff; border-top: 1px solid #000; } footer .w { position: relative; padding: 8px 0; } footer .w > p { margin: 0; } footer .w .footer-links { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; white-space-collapse: discard; margin-top: .4em; text-align: center; } footer .w .footer-links > li { padding: 0; margin: 0; } footer .w .footer-links > li { display: inline-block; } footer .w .footer-links > .lang img { vertical-align: baseline; } footer .w .social { position: absolute; top: 8px; right: 0; } footer .w .social > ul { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; white-space-collapse: discard; } footer .w .social > ul > li { padding: 0; margin: 0; } footer .w .social > ul > li { display: inline-block; } footer .w .social > ul > li { margin-left: 8px; } footer .w .social > ul > li > a { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; background: url("../img/website/footer/social.png?v=3.2.9-1221") no-repeat; width: 32px; height: 32px; } footer .w .social > ul > li.twitter > a { background-position: -32px 0; } footer .w .social > ul > li.yt > a { background-position: -64px 0; } footer .w .social > ul > li.tumblr > a { background-position: -96px 0; } footer .w .social > ul > li.contact > a { background-position: -128px 0; } footer .w .story { position: absolute; background: url("../img/website/footer/story.png?v=3.2.9-1221") no-repeat; height: 48px; top: -49px; } footer .w .story-one { left: 0; width: 183px; } footer .w .story-two { right: 0; background-position: -183px 100%; width: 201px; } footer .language-selector { position: absolute; border: 1px solid #000; background: #fff; padding: .2em .4em; text-align: left; } footer .language-selector > ul { list-style-type: none; padding: 0; margin: 0; } footer .language-selector > ul > li { padding: 0; margin: 0; } footer .language-selector > ul > li.active { border-top: 1px solid #000; } footer .language-selector > ul > li.active > a { color: #000; } footer .language-selector > ul > li > a { display: block; padding: .4em .7em .4em .4em; text-decoration: none; } footer .language-selector > ul > li > a > .flag { margin-right: .4em; } footer .language-selector > ul > li > a:hover > span, footer .language-selector > ul > li > a:active > span, footer .language-selector > ul > li > a:focus > span { text-decoration: underline; } .x-settings { background-color: #a13fbd; } .x-help { background-color: #939393; } nav > ul > li > a, header .login-button, .fb-button { background: url("../img/website/button/en.png?v=3.2.9-1221") no-repeat 0 0; } nav { margin: 0 3px; } nav > ul { height: 55px; list-style-type: none; padding: 0; margin: 0; white-space: nowrap; white-space-collapse: discard; } nav > ul > li { padding: 0; margin: 0; } nav > ul > li { display: inline-block; } nav > ul > li > a { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; height: 55px; text-decoration: none; } nav > ul > li .bubble { float: right; background-color: #bd3f3f; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: -60px 8px 0 0; font-size: .8em; color: #fff; } nav > ul > li .bubble a { color: #fff; text-decoration: none; } nav > ul > li.home > a { width: 104px; background-position: 0 5px; } nav > ul > li.play > a { width: 100px; background-position: -104px 5px; } nav > ul > li.build > a { width: 110px; background-position: -204px 5px; } nav > ul > li.community > a { width: 180px; background-position: -314px 5px; } nav > ul > li.settings > a { width: 162px; background-position: -494px 5px; } nav > ul > li.shop > a { width: 104px; background-position: -656px 5px; } nav > ul > li.help > a { width: 102px; background-position: -760px 5px; } nav > ul > li.home > a:hover, nav > ul > li.home > a:focus, nav > ul > li.home > a:active { background-position: 0 -50px; } nav > ul > li.play > a:hover, nav > ul > li.play > a:focus, nav > ul > li.play > a:active { background-position: -104px -50px; } nav > ul > li.build > a:hover, nav > ul > li.build > a:focus, nav > ul > li.build > a:active { background-position: -204px -50px; } nav > ul > li.community > a:hover, nav > ul > li.community > a:focus, nav > ul > li.community > a:active { background-position: -314px -50px; } nav > ul > li.settings > a:hover, nav > ul > li.settings > a:focus, nav > ul > li.settings > a:active { background-position: -494px -50px; } nav > ul > li.shop > a:hover, nav > ul > li.shop > a:focus, nav > ul > li.shop > a:active, nav > ul > li.shop:hover > a { background-position: -656px -50px; } nav > ul > li.help > a:hover, nav > ul > li.help > a:focus, nav > ul > li.help > a:active { background-position: -760px -50px; } nav > ul > li.shop .bubble { padding: 3px 5px; } body { /* &.home {*/ /*}*/ } body.home nav > ul > li.home > a { background-position: 0 -55px !important; } body .main-content, body section > h1, body .main-content > b { background-color: #be793e; } body .pagination a { color: #be793e; } body .pagination a:hover, body .pagination .active a { background-color: #cc9363; } body .main-content section { border-color: #4f331d; } body .main-content > b:after, body .main-content > b:before { background-color: #4f331d; } body .main-content section > h1 > span { border-top-color: #4f331d; } body.play nav > ul > li.play > a { background-position: -104px -55px !important; } body.play .main-content, body.play .main-content > b { background-color: #bd3f3f; } body.play .pagination a { color: #bd3f3f; } body.play .pagination a:hover, body.play .pagination .active a { background-color: #cb6464; color: #fff; } body.play .main-content section { border-color: #571616; } body.play section > h1 { background-position: 100% -45px; } body.play section > h1 > span { border-top-color: #571616; } body.play .main-content > b:after, body.play .main-content > b:before { background-color: #571616; } body.build nav > ul > li.build > a { background-position: -204px -55px !important; } body.build .main-content, body.build .main-content > b { background-color: #56bd3f; } body.build .pagination a { color: #56bd3f; } body.build .pagination a:hover, body.build .pagination .active a { background-color: #77cb64; color: #fff; } body.build .main-content section { border-color: #25511b; } body.build section > h1 { background-position: 100% -90px; } body.build section > h1 > span { border-top-color: #25511b; } body.build .main-content > b:after, body.build .main-content > b:before { background-color: #25511b; } body.community nav > ul > li.community > a { background-position: -314px -55px !important; } body.community .main-content, body.community .main-content > b { background-color: #3f53bd; } body.community .pagination a { color: #3f53bd; } body.community .pagination a:hover, body.community .pagination .active a { background-color: #6474cb; color: #fff; } body.community .main-content section { border-color: #1b2351; } body.community section > h1 { background-position: 100% -135px; } body.community section > h1 > span { border-top-color: #1b2351; } body.community .main-content > b:after, body.community .main-content > b:before { background-color: #1b2351; } body.settings nav > ul > li.settings > a { background-position: -494px -55px !important; } body.settings .main-content, body.settings .main-content > b { background-color: #a13fbd; } body.settings .main-content section { border-color: #451b51; } body.settings section > h1 { background-position: 100% -180px; } body.settings section > h1 > span { border-top-color: #451b51; } body.settings .main-content > b:after, body.settings .main-content > b:before { background-color: #451b51; } body.shop nav > ul > li.shop > a { background-position: -656px -55px !important; } body.shop .main-content, body.shop .main-content > b { background-color: #3fbdbd; } body.shop .pagination a { color: #3fbdbd; } body.shop .pagination a:hover, body.shop .pagination .active a { background-color: #64cbcb; color: #fff; } body.shop .main-content section { border-color: #1b5151; } body.shop section > h1 { background-position: 100% -225px; } body.shop section > h1 > span { border-top-color: #1b5151; } body.shop .main-content > b:after, body.shop .main-content > b:before { background-color: #1b5151; } body.help nav > ul > li.help > a { background-position: -760px -55px !important; } body.help .main-content, body.help .main-content > b { background-color: #939393; } body.help .main-content section { border-color: #3f3f3f; } body.help section > h1 { background-position: 100% -270px; } body.help section > h1 > span { border-top-color: #3f3f3f; } body.help .main-content > b:after, body.help .main-content > b:before { background-color: #3f3f3f; } .label.blue { background-color: #4d45bb; } .label.red { background-color: #c1283c; } .label.green { background-color: #5dc33e; } .label.darkblue { background-color: #252252; } .label.darkred { background-color: #2c5520; } .label.darkgreen { background-color: #54181e; } .label.home { background-color: #be793e; } .label.play, .label.staff { background-color: #bd3f3f; } .label.build, .label.solved, .label.pro { background-color: #56bd3f; } .label.community, .label.played { background-color: #3f53bd; } .label.settings { background-color: #a13fbd; } .label.shop { background-color: #3fbdbd; } .label.help { background-color: #939393; } section ol.form { list-style-type: none; padding: 0; margin: 14px; } section ol.form.buttons { clear: both; } section ol.form > li { padding: 0; margin: 0 0 1em 0; } section ol.form > li.buttons { padding-top: 1em; text-align: center; } section ol.form > li label { display: block; font-weight: bold; } section ol.form > li label input.text, section ol.form > li label textarea, section ol.form > li label select { display: block; } section ol.form > li label.option { font-weight: normal; } section ol.form > li label.option > input[type=checkbox], section ol.form > li label.option > input[type=radio] { float: left; } section ol.form > li label.option > span { display: block; margin-left: 17px; } section ol.form > li .value { display: block; margin-bottom: 3px; } section ol.form > li .value > img, section ol.form > li .value > a > img { /*border: 1px solid #000;*/ margin: .4em 0; } section ol.form > li .value > img.i16, section ol.form > li .value > a > img.i16 { border: none; margin: 0; } section ol.form > li .value + .value { margin-top: -3px; } section ol.form > li .extra { margin-top: .5em; } section ol.form > li .change { font-size: .9em; display: block; } section ol.form > li input.text, section ol.form > li textarea, section ol.form > li select { padding: .3em; border: 1px solid #999; outline: none; width: 25em; } section ol.form > li input:focus.text, section ol.form > li textarea:focus, section ol.form > li select:focus { border-color: #000; } section ol.form > li select.date { width: auto; display: inline-block; } section ol.form > li em { color: #666; font-style: normal; font-size: .8em; } section ol.form > li span.errorlabel { color: #900; font-style: normal; font-size: .8em; } section ol.form > li .country-selector > input, section ol.form > li .country-selector > select { display: inline-block; } section ol.form > li .puzzle-type-selector { width: auto; margin-left: 4px; } section .puzzle-pack-title span input { width: 200px; font-weight: normal; } section .puzzle-pack-description textarea { width: 550px; height: 250px; } section .upload-thumb-iframe { text-align: left; margin-top: 5px; } section.control-settings ol.form li em { margin: -10px 0 0 200px; display: block; position: absolute; width: 250px; box-sizing: content-box; } section ol.form li em.aside { margin: -40px 0 0 400px; display: block; position: absolute; width: 350px; box-sizing: content-box; font-size: .9em; } section ol.form li em.aside5 { margin: -50px 0 0 200px; display: block; position: absolute; width: 250px; box-sizing: content-box; font-size: .9em; } section .loved-status { color: #666; font-size: .8em; } section .loved-status.a { float: left; margin: -40px 0 10px 14px; } section .loved-status.b { float: right; margin: -20px 14px 14px 14px; text-align: right; } .login-page section ol.form { width: 370px; margin: 14px auto; } .login-page section ol.form .recovery { display: block; float: right; } .login-page section .error-msg { font-weight: bold; color: #900; } .puzzle-preview { width: 125px; height: 95px; box-sizing: content-box; padding: 1px; background: url("../img/website/background/puzzle.png?v=3.2.9-1221") no-repeat 0 0; } .puzzle-preview > a { text-decoration: none; } .puzzle-preview img { width: 125px; height: 95px; box-sizing: content-box; z-index: 1; float: left; } .build .puzzle-grid p { padding-left: 14px; } .puzzle-grid > h2.date-group { clear: left; padding: 14px 14px 0 14px; font-size: 1.3em; } .puzzle-grid > ul { list-style-type: none; padding: 0; margin: 0; } .puzzle-grid > ul > li { padding: 0; margin: 0; } .puzzle-grid > ul > li { float: left; width: 286px; height: 95px; margin: 7px; padding: 7px; box-sizing: content-box; } .puzzle-grid > ul > li .image { float: left; margin-right: .3em; width: 125px; height: 95px; box-sizing: content-box; padding: 1px; background: url("../img/website/background/puzzle.png?v=3.2.9-1221") no-repeat 0 0; } .puzzle-grid > ul > li .image > a { text-decoration: none; } .puzzle-grid > ul > li .image img { width: 125px; height: 95px; box-sizing: content-box; z-index: 1; float: left; } .puzzle-grid > ul > li .image .label { float: right; margin-top: -1.5em; z-index: 2; } .puzzle-grid > ul > li .l { display: block; font-size: .8em; } .puzzle-grid > ul > li a.l { margin-bottom: .5em; } .puzzle-grid > ul > li .l.time { margin: .5em 0; color: #666; } .puzzle-grid > ul > li .solved-with-award .award { margin-top: 2px; } .puzzle-grid > ul > li .likes.p { color: #5dc33e; } .puzzle-grid > ul > li .likes.n { color: #c1283c; } .puzzle-grid > ul > li.selected { padding: 6px; border: 1px solid #bd3f3f; background-color: rgba(189, 63, 63, 0.19999999999999996); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .puzzle-grid > ul > li.locked { color: #666; } .puzzle-grid > ul > li.locked .image { border: 0; } .puzzle-grid > ul > li.locked a { color: #666; text-decoration: none; cursor: default; } .puzzle-grid > ul > li.locked .puzzle-type { opacity: .7; } .puzzle-grid > ul > li.pendingreview .label { background-color: #39C; color: #fff; } .puzzle-grid > ul > li.pendingreview .label a { color: #fff; } .puzzle-manager .puzzle-grid > ul > li { width: 260px; height: 104.50000000000001px; /*.image { width: @puzzle-thumb-w / @puzzle-thumb-shink-ratio; height: @puzzle-thumb-h / @puzzle-thumb-shink-ratio; img { width: @puzzle-thumb-w / @puzzle-thumb-shink-ratio; height: @puzzle-thumb-h / @puzzle-thumb-shink-ratio; } }*/ } .puzzle-manager .puzzle-grid > ul > li.draft:hover .puzzle-type, .puzzle-manager .puzzle-grid > ul > li.selected .puzzle-type { text-indent: 0; background: none; } .pack-list > ul { list-style-type: none; padding: 0; margin: 0; } .pack-list > ul > li { padding: 0; margin: 0; } .pack-list > ul > li { padding: 14px; /*	ul.info { .x-reset-list; width: 120px; float: left; margin-top: 5px; > li { text-align: center; font-size: .9em; margin-top: .3em; > b { display: block; margin: 5px 0 -2px 0; font-size: 1.1em; } } } .puzzles { }*/ } .pack-list > ul > li:nth-child(even) { background-color: #f7f7f7; } .pack-list > ul > li:hover, .pack-list > ul > li:focus { background-color: #f2d7d7; } .pack-list > ul > li:hover h1 > a, .pack-list > ul > li:focus h1 > a, .pack-list > ul > li:hover .more > a, .pack-list > ul > li:focus .more > a { text-decoration: underline; } .pack-list > ul > li h1 { font-size: 1.1em; } .pack-list > ul > li img { float: left; margin: 0 .8em 0 0; width: 150px; height: 150px; box-sizing: content-box; } .pack-list > ul > li > p { margin: .2em; } .pack-list > ul > li .descr { font-size: .9em; color: #666; } .pack-list > ul > li div.more { margin-top: -1.2em; } .puzzle-manager .pack-tree { padding: 14px; float: left; width: 250px; overflow: auto; } .puzzle-manager .pack-tree ul { list-style-type: none; padding: 0; margin: 0; } .puzzle-manager .pack-tree ul > li { padding: 0; margin: 0; } .puzzle-manager .pack-tree ul > li > div { padding: 7px; margin: 1px; } .puzzle-manager .pack-tree ul > li > div > a.img { width: 50px; height: 50px; margin-right: 5px; display: block; float: left; } .puzzle-manager .pack-tree ul > li > div > a.img > img { width: 50px; } .puzzle-manager .pack-tree ul > li .details > strong { display: block; } .puzzle-manager .pack-tree ul > li .details > a, .puzzle-manager .pack-tree ul > li .details > span { display: block; font-size: .9em; } .puzzle-manager .pack-tree ul > li .details > span { color: #666; } .puzzle-manager .pack-tree ul > li .details > span > em { font-style: normal; } .puzzle-manager .pack-tree ul > li > ul { clear: left; margin: -5px 0 10px 20px; } .puzzle-manager .pack-tree ul > li.loading > div > a.img { background: url(../img/website/asset/load-pack.gif) no-repeat 50% 50%; } .puzzle-manager .pack-tree ul > li.loading > div > a.img > img { opacity: .3; } .puzzle-manager .pack-tree ul > li.selected > div { margin: 0; border: 1px solid #56bd3f; background-color: rgba(86, 189, 63, 0.19999999999999996); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .puzzle-manager .pack-tree ul > li.sep { border-bottom: 1px solid #999; padding-top: 5px; margin-bottom: 5px; } .puzzle-manager .panel { padding-left: 300px; margin: 14px; } .puzzle-manager .panel .tools h2 { font-size: 17pt; } .puzzle-manager .panel .tools .form { margin: 0 0 20px 0; padding: 0; } .puzzle-manager .panel .tools .right-box img { width: 150px; } .puzzle-manager .panel .tools .toolbar { clear: right; margin: 4px 0; padding: 2px 4px; } .puzzle-manager .panel .tools .toolbar ul { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; white-space-collapse: discard; } .puzzle-manager .panel .tools .toolbar ul > li { padding: 0; margin: 0; } .puzzle-manager .panel .tools .toolbar ul > li { display: inline-block; } .puzzle-manager .panel .tools .toolbar ul > li { border-left: 1px solid #fff; padding-left: 4px; margin-left: 4px; } .puzzle-manager .panel .tools .toolbar ul > li:first-child { padding: 0; margin: 0; border: 0; } .puzzle-manager .panel .tools .toolbar select { padding: .3em; } .build-more { font-size: .9em; display: block; margin-top: 2px; color: #666; } .no-js #game { display: none; } .play .puzzle-title { font-size: 21pt; width: 416px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .play .puzzle-title input.text { width: 80%; font-size: 21pt; font-weight: normal; } .play .label-jff { display: inline-block; margin-left: 54px; background-color: #d1eed1; border-color: #bfe7bf; color: #222; padding: 4px; } .play .puzzle-description { max-width: 434px; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; } .play .puzzle-description textarea { height: 250px; } .play #loved-puzzle { float: left; margin: 17px 10px 0 14px; } .play #loved-puzzle-work { position: absolute; z-index: 9999; width: 40px; height: 40px; background: url("../img/website/asset/work-fav.gif?v=3.2.9-1221") repeat 0 0; } .play .likes-box { content: ""; display: table; zoom: 1; } .play .likes-box > div { display: block; float: left; } .play .likes-box > div.thumb { cursor: pointer; } .play .likes-box > div.thumb.thumb_down-on, .play .likes-box > div.thumb.thumb_up-on { cursor: default; } .play .likes-box > div.numlikes { font-size: 16pt; text-align: center; margin: 10px 10px 0 10px; } .play .likes-box > div.numlikes.p { color: #5dc33e; } .play .likes-box > div.numlikes.n { color: #c1283c; } .play .likes-box > div.likevotes { clear: left; margin-top: 45px; text-align: left; float: none; } #loadscreen { position: absolute; padding: 0; background-color: #fff; width: 942px; z-index: 2000; } #loadscreen div.loading { position: relative; width: 290px; height: 87px; box-sizing: content-box; text-align: center; margin: 157px auto 0 auto; background: url("../img/website/background/en/loading.png?v=3.2.9-1221") repeat 0 0; } #solved { position: absolute; padding: 0; background-color: #fff; width: 942px; z-index: 2000; } #solved div.solved { position: relative; width: 692px; height: 426px; text-align: center; margin: 50px auto 0 auto; background: url("../img/website/background/en/solved.png?v=3.2.9-1221") repeat 0 0; } #solved div.solved > .padd { padding-top: 61px; } #solved div.solved .status-bar { height: 110px; overflow: hidden; } #solved div.solved .status-bar .status { padding: 15px 10px 0 10px; } #solved div.solved .status-bar .status p { margin: 0; padding-bottom: 8px; } #solved div.solved .numbers { float: left; text-align: left; width: 300px; } #solved div.solved .numbers strong { text-align: right; display: block; font-size: 17pt; } #solved div.solved .numbers strong.steps, #solved div.solved .numbers strong.time { color: #bd3f3f; } #solved div.solved .numbers strong.best-steps, #solved div.solved .numbers strong.best-time { color: #3f53bd; } #solved div.solved .numbers strong.rank { color: #56bd3f; } #solved div.solved .numbers .likes-box { margin: 20px 0 0 35px; position: absolute; } #solved div.solved .numbers .likes-box > strong { text-align: left; font-size: 14px; } #solved div.solved .next-puzzle { padding: 0 15px 15px 350px; text-align: center; } #solved div.solved .next-puzzle .puzzle-grid { text-align: left; } #solved div.solved .next-puzzle h3 { font-size: 14pt; } #solved div.solved .next-puzzle p { margin: -5px 0 6px 0; } #game .sidebar h2, #game .topbar h2, #game .top-buttons h2 { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; width: 160px; height: 20px; margin: 0; padding: 0; background: url("../img/website/background/en/sidebar-titles.png?v=3.2.9-1221") no-repeat 10px 0; } #game .sidebar h2.items, #game .topbar h2.items, #game .top-buttons h2.items { background-position: 10px -20px; } #game .sidebar h2.tools, #game .topbar h2.tools, #game .top-buttons h2.tools { background-position: 10px -40px; } #game .sidebar h2.actions, #game .topbar h2.actions, #game .top-buttons h2.actions { background-position: 10px -60px; } #game .sidebar h2.steps, #game .topbar h2.steps, #game .top-buttons h2.steps { background-position: 0 -80px; width: 90px; } #game .sidebar h2.time, #game .topbar h2.time, #game .top-buttons h2.time { background-position: 0 -100px; width: 62px; } #game .sidebar h2.best, #game .topbar h2.best, #game .top-buttons h2.best { background-position: 0 -120px; width: 72px; } .build #game .top-buttons h2 { display: inline-block; margin-right: 10px; } .build #game .top-buttons h2.size { width: 64px; background-position: 0 0; } .build #game .top-buttons h2.actions { width: 116px; background-position: 0 -60px; } .build #game .sidebar h2 { width: auto; } .build #game .sidebar h2.time { background-position: 10px -100px; } .build #game .sidebar h2.steps { background-position: 10px -80px; } .build #game #solve-status { float: right; margin: -20px 0 0 0; } .build #loadscreen { height: 800px; } .build #loadscreen div.loading { background-position: 0 -87px; } .play #loadscreen, .play #solved { height: 530px; margin-top: -5px; } .play #game .stage-wrapper { width: 740px; margin: 0 auto; text-align: center; } .play #game .stage-wrapper #stage { cursor: default; } .play #game .topbar { display: block; margin-top: -30px; box-sizing: content-box; height: 40px; text-align: right; } .play #game .topbar .group { text-align: left; display: inline-block; width: 180px; } .play #game .topbar .group h2 { float: left; display: block; margin-bottom: 5px; } .play #game .topbar .group > span { font-size: 16pt; display: inline-block; margin: 0 10px; } .play #game .extra-buttons { float: right; margin: -50px 10px 0 0; } .play #game .extra-buttons button, .play #game .extra-buttons span.spr { float: left; margin-left: 10px; cursor: pointer; } .play #game .extra-buttons button.spr-eye, .play #game .extra-buttons span.spr.spr-eye { margin-top: 6px; } .build .message-holder { position: absolute; z-index: 99999; height: 100px; margin: 30px auto 0 auto; padding: 0; box-sizing: content-box; width: 740px; } .build .message-holder .alert-message { -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5); } .build #game .stage-wrapper { padding: 10px; margin-left: 182px; } .build #game .stage-wrapper #stage { cursor: default; } .build #game > .buttons > button { margin: 3px 0; } .build #game > .buttons-right { float: right; text-align: right; } .build #game > .buttons-center { text-align: center; } .build #game > .buttons-center > button { margin: 3px auto; } .build #game #stage { width: 100%; margin: 0 auto; } .build #game #stage > canvas { margin: 0 auto; display: block; } .build #game h2 { font-size: 1.3em; } .build #game .top-buttons { margin-top: 10px; } .build #game .top-buttons .top-actions { float: right; text-align: right; } .build #game .top-buttons .top-actions h2 { float: left; margin-top: 5px; } .build #game .top-buttons .top-actions form { display: inline-block; } .build #game .top-buttons .top-size { margin-top: 5px; float: left; } .build #game .top-buttons .top-size h2 { float: left; } .build #game .top-buttons .top-size .sizes { display: inline-block; } .build #game .sidebar { float: left; width: 182px; height: 800px; padding: 10px 0 0 0; } .build #game .sidebar .group { position: relative; padding: 10px 0 15px 10px; } .build #game .sidebar .group button { margin: 5px 5px 5px 0; } .build #game .sidebar .group .button { display: inline-block; width: 32px; height: 32px; margin: 0 10px 5px 0; box-sizing: content-box; } .build #game .sidebar .group canvas.button, .build #game .sidebar .group .eraser { cursor: pointer; } .build #game .sidebar .group .selector { background: url("../img/website/asset/selector.png?v=3.2.9-1221") repeat 0 0; width: 40px; height: 40px; position: absolute; cursor: pointer; } .build #game .sidebar .group .indicator { margin: -5px 0 5px 0; font-size: .9em; } .build #game .sidebar .group .xsteps, .build #game .sidebar .group .xtime { font-size: 16pt; font-weight: bold; } #stage canvas { image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; } #solutions table { width: 100%; } #solutions table tr td { box-sizing: content-box; } #solutions table tr td .padd { padding: 20px 10px; } #solutions table tr td .padd + .padd { padding-top: 0; } #solutions table tr td h2 { font-size: 1.1em; margin-bottom: 10px; } #solutions table tr td ul.scores { list-style-type: none; padding: 0; margin: 0; } #solutions table tr td ul.scores > li { padding: 0; margin: 0; } #solutions table tr td ul.scores .award-icon { float: left; margin: -5px 0 0 -58px; text-align: right; width: 36px; box-sizing: content-box; } #solutions table tr td ul.scores .ao { white-space: nowrap; } #solutions table tr td ul.scores .steps-r { float: right; } #solutions table tr td ul.scores .people { font-size: .9em; } #solutions table tr td ul.scores .rank { float: left; margin: 0 0 0 -25px; text-align: right; width: 20px; box-sizing: content-box; } #solutions table tr td ul.scores small { display: block; font-size: .8em; color: #666; } #solutions table tr td ul.scores li { margin-bottom: 18px; } #solutions table .col-2 { width: 314px; } #solutions table .col-2 .padd { padding-right: 30px; } #solutions table .col-1 .padd { padding-left: 80px; } #solutions.jff .award-icon { display: none; } .column3 { width: 32%; float: left; box-sizing: content-box; } .column3 .padd { padding: 30px; } .column3 h2 { font-size: 1.1em; margin-bottom: 10px; } .column3 ul.scores, .solutionlist ul.scores { list-style-type: none; padding: 0; margin: 0; } .column3 ul.scores > li, .solutionlist ul.scores > li { padding: 0; margin: 0; } .column3 ul.scores .steps, .solutionlist ul.scores .steps { float: right; } .column3 ul.scores small, .solutionlist ul.scores small { display: block; font-size: .8em; color: #666; margin-left: 15px; } .column3 ul.scores li, .solutionlist ul.scores li { margin-bottom: 8px; } .column3 ul.scores li .avatar, .solutionlist ul.scores li .avatar { float: left; width: 60px; height: 55px; } body.play.play-fs { overflow: hidden; /*h2.puzzle-title { position: fixed; top: 10px; left: 8px; z-index: 106; margin: 0; font-size: 18pt; }*/ } body.play.play-fs header, body.play.play-fs footer, body.play.play-fs nav { display: none; } body.play.play-fs #loadscreen, body.play.play-fs #solved { position: fixed; z-index: 105; margin: 0; top: 49px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: url("../img/website/background/background.png?v=3.2.9-1221") repeat; } body.play.play-fs #game .extra-buttons { position: fixed; top: 10px; right: 8px; z-index: 110; margin: 0; } body.play.play-fs #game .topbar { position: fixed; z-index: 105; margin: 0; top: 0; left: 0; right: 0; height: 48px; border-bottom: 1px solid #000; background-color: #fff; text-align: center; } body.play.play-fs #game .topbar .player { height: 48px; overflow: hidden; } body.play.play-fs #game .topbar .group { z-index: 107; background-color: #fff; width: 180px; padding: 14px 0 0 0; box-sizing: content-box; height: 48px; } body.play.play-fs #game .topbar .group h2 { float: left; margin-bottom: 0 !important; } body.play.play-fs #game .topbar .group > span { float: left; display: block; margin: 0 10px; } body.play.play-fs #game .topbar .group.fs-title { font-size: 18pt; font-weight: bold; float: left; width: auto; margin: 10px -20px 0 10px; padding: 0; max-width: 416px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body.play.play-fs #game .stage-wrapper { position: fixed; z-index: 100; margin: 0; top: 40px; left: 0; right: 0; bottom: 0; width: 100%; background: url("../img/website/background/background.png?v=3.2.9-1221") repeat 0 0; } body.play.play-fs #game .stage-wrapper #stage { padding: 15px; } .controls-popup { width: 600px; } .controls-popup .column { width: 300px; float: left; } .controls-popup dt { font-weight: bold; } .controls-popup dt small { font-weight: normal; font-size: .9em; } .controls-popup dd { margin: 0 0 8px 17px; } .controls-popup p { text-align: center; } .talk-thread ul { list-style-type: none; padding: 0; margin: 0; } .talk-thread ul > li { padding: 0; margin: 0; } .talk-thread ul > li.post { background-color: #EBEBEB; } .talk-thread ul li { padding: 14px; } .talk-thread ul li .rpnl { padding-left: 60px; } .talk-thread ul li .avatar { float: left; width: 60px; height: 55px; } .talk-thread ul li [data-talkid] .text, .talk-thread ul li li:not(.post) .text { max-width: 850px; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; } .talk-thread ul li .text { margin: 2px 0; } .talk-thread ul li .links { margin-top: 5px; font-size: .8em; color: #999; } .talk-thread ul li.post .log { float: left; padding-left: 65px; font-size: .9em; } .talk-thread ul li.post .char { color: #999; } .talk-thread ul li.post .char.over { color: #f00; font-weight: bold; } .talk-thread ul li.post .char.real-close { color: #f00; } .talk-thread ul li.post .char.kinda-close { color: #600; } .talk-thread ul li.post .text { text-align: right; width: 900px; } .talk-thread ul li.post .text textarea { margin: 2px 0 5px 0; display: inline-block; width: 830px; } .talk-thread ul li.post .text input.btn { margin-left: 5px; } .talk-thread ul li ul { font-size: .9em; margin: 5px 25px 0 60px; } .talk-thread ul li ul li { background-color: rgba(63, 83, 189, 0.050000000000000044); padding: 9.333333333333334px; border-bottom: 1px solid #d7dbf2; } .talk-thread ul li ul li.post { border-bottom: none; } .talk-thread ul li ul li.post .text { width: 797px; } .talk-thread ul li ul li.post .text textarea { width: 737px; } .talk-thread ul li ul li .rpnl { padding-left: 50px; } .talk-thread ul li ul li .links { font-size: 1em; } .talk-thread ul li ul li .avatar { width: 50px; height: 45px; } .talk-thread ul li ul li .avatar img { width: 40px; height: 40px; } .play .talk-thread ul li ul li { background-color: rgba(189, 63, 63, 0.050000000000000044); border-bottom: 1px solid #f2d7d7; } .community .to-field .to-link { width: 60px; height: 50px; float: left; } .community .to-field input.text { margin-top: 10px; width: 200px; } .community .to-field .errorlabel { display: block; margin-top: 3px; } .spr, .award, #loved-puzzle > span, .likes-box > .thumb, li .likes > .thumb, .puzzle-type { background: url("../img/website/asset/sitesprites.png?v=3.2.9-1221") no-repeat; text-indent: -99999em; overflow: hidden; display: inline-block; text-align: left; } .spr-eye, .spr-eye-close { width: 36px; height: 15px; background-position: -59px -1px; } .spr-eye-open { width: 36px; height: 15px; background-position: -97px -1px; } .aw-empty { width: 18px; height: 18px; background-position: -133px -116px; } .aw-empty-big, .awards-big .aw-empty { width: 36px; height: 36px; background-position: -152px -101px; } .aw-bronze { width: 18px; height: 18px; background-position: -1px -1px; } .aw-bronze-big, .awards-big .aw-bronze { width: 36px; height: 36px; background-position: -21px -1px; } .aw-gold { width: 18px; height: 18px; background-position: -59px -18px; } .aw-gold-big, .awards-big .aw-gold { width: 36px; height: 36px; background-position: -79px -18px; } .aw-silver { width: 18px; height: 18px; background-position: -117px -18px; } .aw-silver-big, .awards-big .aw-silver { width: 36px; height: 36px; background-position: -65px -56px; } .spr-speaker-off { width: 36px; height: 27px; background-position: -103px -56px; } .spr-speaker-on { width: 36px; height: 27px; background-position: -1px -85px; } .likes-box > div.thumb_down { width: 46px; height: 42px; background-position: -39px -94px; } .likes-box > div.thumb_down-on, .likes-box > div.thumb_down:hover { width: 46px; height: 42px; background-position: -87px -94px; } .likes-box > div.thumb_up { width: 46px; height: 42px; background-position: -137px -1px; } .likes-box > div.thumb_up-on, .likes-box > div.thumb_up:hover { width: 46px; height: 42px; background-position: -141px -45px; } #loved-puzzle > span, #loved-puzzle.loved-puzzle-on:hover > span { cursor: pointer; width: 30px; height: 24px; background-position: -1px -56px; } #loved-puzzle.loved-puzzle-on > span, #loved-puzzle:not(.loved-puzzle-on):hover > span { width: 30px; height: 24px; background-position: -33px -56px; } .awards { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; white-space-collapse: discard; margin: 4px 0; } .awards > li { padding: 0; margin: 0; } .awards > li { display: inline-block; } .awards li { text-align: center; margin-right: 6px; } .awards li > strong { font-weight: normal; } .awards-big li { margin-right: 12px; } .awards-big li > a > strong, .awards-big li > strong { margin-top: 3px; display: block; text-align: center; font-weight: bold; } .alert-message > .award { float: left; margin-right: 10px; margin-bottom: 20px; } li .likes > .thumb.thumb_down { width: 15px; height: 16px; background-position: -1px -38px; } li .likes > .thumb.thumb_up { width: 15px; height: 16px; background-position: -135px -89px; } .puzzle-type { width: 16px; height: 16px; display: inline-block; } .puzzle-type.puzzle-type-1 { background-position: 0 -121px; } .puzzle-type.puzzle-type-2 { background-position: -16px -121px; } .puzzle-type.puzzle-type-jff { background-position: -17px -39px; } /*@import "responsiveness.less";*/ .small-cart { background-color: rgba(63, 189, 189, 0.19999999999999996); border: 1px solid #3fbdbd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px 15px; margin-top: 10px; } .small-cart a { display: block; } .small-cart a.count { color: #333; text-decoration: none; margin-bottom: 5px; font-size: .9em; } .small-cart a.count strong { font-size: 1.1em; } .purchase-history { position: absolute; margin: -43px 0 0 -45px; } .product-list > ul { list-style-type: none; padding: 0; margin: 0; } .product-list > ul > li { padding: 0; margin: 0; } .product-list > ul > li { padding: 14px; } .product-list > ul > li:nth-child(even) { background-color: #f7f7f7; } .product-list > ul > li h1 { font-size: 1.2em; } .product-list > ul > li img { float: left; margin: 0 1em 0 0; width: 50px; height: 50px; box-sizing: content-box; } .product-list > ul > li .info { float: left; width: 600px; } .product-list > ul > li .right-box { margin: 0; padding: 0; } .product-list > ul > li .right-box .prices { padding: 0 5px 5px 0; text-align: center; } .product-list > ul > li .right-box .prices .price { display: block; padding: 5px 0 0 0; } .product-list > ul > li .right-box .prices .current-price { font-weight: bold; } .product-list > ul > li > p { margin: .2em; } .product-list > ul > li .descr { font-size: .9em; color: #666; } .product-list > ul > li div.more { margin-top: -1.2em; } .regular-price { color: #666; text-decoration: line-through; font-size: .8em; } .cart-table { padding: 0 14px; } .cart-table table { border: 1px solid #3fbdbd; width: 100%; } .cart-table table thead, .cart-table table tfoot { background-color: rgba(63, 189, 189, 0.19999999999999996); } .cart-table table thead { border-bottom: 1px solid #3fbdbd; } .cart-table table tfoot { border-top: 1px solid #3fbdbd; } .cart-table table thead th { text-align: left; } .cart-table table td, .cart-table table th { padding: 8px; box-sizing: content-box; vertical-align: middle; } .cart-table table .currency { text-align: right; width: 100px; } .cart-table table .quantity { text-align: center; width: 60px; } .cart-table table .check { text-align: center; width: 20px; } .cart-table table .price { display: block; } .cart-table table .subtotal { font-weight: bold; } .cart-table table .changes { text-align: center; } .cart-table table .description span { display: block; } .cart-table table .description span.links { font-size: .9em; } .cart-table table .description span + span { margin-top: 2px; } .cart-table table .description button { background: none; border: none; padding: 0; margin: 0; color: #4d45bb; text-decoration: none; } .cart-table table .description button:hover, .cart-table table .description button:hover, .cart-table table .description button:active { text-decoration: underline; } .cart-table .cta { float: right; text-align: center; } .cart-table .cta em { font-style: normal; font-weight: normal; display: block; font-size: .7em; } .cart-table .information { clear: both; margin-top: 35px; padding-top: 10px; border-top: 1px solid #3fbdbd; } .cart-table .information h2 { font-size: 1.2em; } .cart-table .information ul { float: left; margin-right: 50px; } .cart-table .information .payment-provider { float: left; width: 280px; text-align: center; margin-top: -30px; } .cart-table .information .payment-provider p { margin-top: 0; } .cart-table .information .payment-provider img { width: 253px; height: 80px; } .shop-footer .no-title { padding: 7px; margin: 0; } .shop-footer .col1 { float: left; width: 600px; } .shop-footer .col2 { float: left; padding: 0 0 0 50px; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }

.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(25%,#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#fff 25%,#e6e6e6);background-image:-ms-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:-o-linear-gradient(#fff,#fff 25%,#e6e6e6);background-image:linear-gradient(#fff,#fff 25%,#e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255,255,255,.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-webkit-transition:.1s linear all;-moz-transition:.1s linear all;-ms-transition:.1s linear all;-o-transition:.1s linear all;transition:.1s linear all}section a.btn{color:#333}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none}.btn:focus{outline:#666 dotted 1px}.btn.primary{color:#fff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#049cdb),to(#0064cd));background-image:-moz-linear-gradient(top,#049cdb,#0064cd);background-image:-ms-linear-gradient(top,#049cdb,#0064cd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#049cdb),color-stop(100%,#0064cd));background-image:-webkit-linear-gradient(top,#049cdb,#0064cd);background-image:-o-linear-gradient(top,#049cdb,#0064cd);background-image:linear-gradient(top,#049cdb,#0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.05)}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=65);-khtml-opacity:.65;-moz-opacity:.65;opacity:.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn.large{font-size:15px;line-height:normal;padding:9px 14px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.btn.small{padding:7px 9px;font-size:11px}.btn.cta{font-weight:700}.pagination{height:36px;margin:18px 0;display:block}.pagination ul{float:right;margin:0;padding:0;border:1px solid #ddd;border:1px solid rgba(0,0,0,.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination li{display:inline}.pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0,0,0,.15);text-decoration:none}.pagination .active a,.pagination a:hover{background-color:#c7eefe;text-decoration:none}.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent!important;color:#bfbfbf!important}.pagination .next a{border:0}.alert-message.danger,.alert-message.danger:hover,.alert-message.error,.alert-message.error:hover,.alert-message.info,.alert-message.info:hover,.alert-message.success,.alert-message.success:hover,.btn.danger,.btn.danger:hover,.btn.error,.btn.error:hover,.btn.info,.btn.info:hover,.btn.success,.btn.success:hover{color:#fff}.alert-message .close,.btn .close{font-family:Arial,sans-serif;line-height:18px}.alert-message.danger,.alert-message.error,.btn.danger,.btn.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#ee5f5b),to(#c43c35));background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ee5f5b),color-stop(100%,#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.alert-message.success,.btn.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#62c462),to(#57a957));background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#62c462),color-stop(100%,#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.alert-message.info,.btn.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#5bc0de),to(#339bb9));background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5bc0de),color-stop(100%,#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.close{float:right;color:#000;font-size:20px;font-weight:700;line-height:13.5px;text-shadow:0 1px 0 #fff;filter:alpha(opacity=25);-khtml-opacity:.25;-moz-opacity:.25;opacity:.25}.close:hover{color:#000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4}.alert-message{position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#fceec1),to(#eedc94));background-image:-moz-linear-gradient(top,#fceec1,#eedc94);background-image:-ms-linear-gradient(top,#fceec1,#eedc94);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fceec1),color-stop(100%,#eedc94));background-image:-webkit-linear-gradient(top,#fceec1,#eedc94);background-image:-o-linear-gradient(top,#fceec1,#eedc94);background-image:linear-gradient(top,#fceec1,#eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);text-shadow:0 1px 0 rgba(255,255,255,.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.alert-message .close{margin-top:1px}.alert-message a{color:#404040;text-decoration:underline}.alert-message.danger li a,.alert-message.danger p a,.alert-message.error li a,.alert-message.error p a,.alert-message.info li a,.alert-message.info p a,.alert-message.success li a,.alert-message.success p a{color:#fff;text-decoration:underline}.alert-message h5{line-height:18px}.alert-message p{margin-bottom:2px;margin-top:2px}.alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px}.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255,255,255,.25);-moz-box-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:0 1px 0 rgba(255,255,255,.25)}.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);padding:7px 14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.alert-message.block-message p,.alert-message.block-message ul{margin-right:30px}.alert-message.block-message ul{margin-bottom:0}.alert-message.block-message li{color:#404040}.alert-message.block-message .alert-actions{margin-top:5px}.alert-message.block-message.error,.alert-message.block-message.info,.alert-message.block-message.success{color:#404040;text-shadow:0 1px 0 rgba(255,255,255,.5)}.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6}.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf}.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9}.alert-message.block-message p{margin-bottom:7px;margin-top:7px}.alert-message.block-message.danger li a,.alert-message.block-message.danger p a,.alert-message.block-message.error li a,.alert-message.block-message.error p a,.alert-message.block-message.info li a,.alert-message.block-message.info p a,.alert-message.block-message.success li a,.alert-message.block-message.success p a{color:#404040}.alert-message p a.btn{color:#333;text-decoration:none}section .recaptchatable{border:none!important}.label{padding:1px 3px 2px;font-size:9.75px;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.label.important{background-color:#c43c35}.label.warning{background-color:#f89406}.label.success{background-color:#46a546}.label.notice{background-color:#62cffc}.label.special{background-color:#3197B3}.label.special2{background-color:#8BCDDF}#infobar{font:message-box,Arial;position:absolute;position:fixed;z-index:99999;top:0;left:0;width:100%;overflow:hidden}#infobar a,#infobar a:active,#infobar a:link,#infobar a:visited{display:block;float:left;clear:both;width:100%;color:#fff;background:#c43c35 url(../img/website/asset/IEWarning2.gif) no-repeat fixed .3em .4em;padding:.45em .3em .45em 2em;border-bottom:.3em outset;text-decoration:none;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:9pt;cursor:hand}#infobar a:hover{color:#fff;background-color:maroon}.so-cover{position:absolute;position:fixed;z-index:2000;background:#000;opacity:.7;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%}.so-modal{position:absolute;position:fixed;z-index:2100}.so-modal .content,.so-modal h1{padding:5px 10px;margin:0}.so-modal h1{background-color:#EBEBEB}.so-modal .x{font-size:10pt;float:right;padding:5px;margin:3px}.so-modal .content{overflow:auto}.so-modal .box-animated .content{overflow:hidden}.so-modal h1 small{display:block}.l-box{position:relative}.l-box>.a,.l-box>.b,.l-box>.c,.l-box>.d{position:absolute;background-repeat:no-repeat}.l-box>.a{background-position:0 0;height:8px;left:0;right:8px}.l-box>.b{background-position:0 100%;width:8px;top:8px;bottom:0}.l-box>.c{background-position:100% 0;width:8px;top:0;bottom:8px;right:0}.l-box>.d{background-position:100% 100%;height:8px;left:8px;right:0;bottom:0}.l-box>.e{position:absolute;top:8px;left:8px;right:8px;bottom:8px;background-color:#fff}.l-box-blue>.a,.l-box-blue>.d{background-image:url(../img/website/box/blue-1.gif)}.l-box-blue>.b,.l-box-blue>.c{background-image:url(../img/website/box/blue-2.gif)}.l-box-green>.a,.l-box-green>.d{background-image:url(../img/website/box/green-1.gif)}.l-box-green>.b,.l-box-green>.c{background-image:url(../img/website/box/green-2.gif)}.l-box-red>.a,.l-box-red>.d{background-image:url(../img/website/box/red-1.gif)}.l-box-red>.b,.l-box-red>.c{background-image:url(../img/website/box/red-2.gif)}.box{position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.box>.e{background-color:#fff}.box-blue{border:8px solid #000040;-moz-border-image:url(../img/website/box/blue.gif) 8 repeat;-webkit-border-image:url(http:../img/website/box/blue.gif) 8 repeat repeat;-o-border-image:url(../img/website/box/blue.gif) 8 repeat;border-image:url(../img/website/box/blue.gif) 8 repeat repeat}.box-green{border:8px solid #004000;-moz-border-image:url(../img/website/box/green.gif) 8 repeat;-webkit-border-image:url(http:../img/website/box/green.gif) 8 repeat repeat;-o-border-image:url(../img/website/box/green.gif) 8 repeat;border-image:url(../img/website/box/green.gif) 8 repeat repeat}.box-red{border:9px solid #400000;-moz-border-image:url(../img/website/box/red.png) 9 repeat;-webkit-border-image:url(http:../img/website/box/red.png) 9 repeat repeat;-o-border-image:url(../img/website/box/red.png) 9 repeat;border-image:url(../img/website/box/red.png) 9 repeat repeat}.t-box{border-collapse:collapse}.t-box .a,.t-box .c,.t-box .g,.t-box .i{width:9px;height:9px}.t-box .e{background-color:#fff;margin:-9px}.t-box .b{background-position:-9px 0;height:9px}.t-box .c{background-position:100% 0}.t-box .d{background-position:0 -9px;width:9px}.t-box .f{background-position:100% -9px;width:9px}.t-box .g{background-position:0 100%}.t-box .h{background-position:-9px 100%;height:9px}.t-box .i{background-position:100% 100%}.t-box-blue .a,.t-box-blue .b,.t-box-blue .c,.t-box-blue .g,.t-box-blue .h,.t-box-blue .i{background-image:url(../img/website/box/blue-1.gif)}.t-box-blue .d,.t-box-blue .f{background-image:url(../img/website/box/blue-2.gif)}.t-box-green .a,.t-box-green .b,.t-box-green .c,.t-box-green .g,.t-box-green .h,.t-box-green .i{background-image:url(../img/website/box/green-1.gif)}.t-box-green .d,.t-box-green .f{background-image:url(../img/website/box/green-2.gif)}.t-box-red .a,.t-box-red .b,.t-box-red .c,.t-box-red .g,.t-box-red .h,.t-box-red .i{background-image:url(../img/website/box/red-2.png)}.t-box-red .d,.t-box-red .f{background-image:url(../img/website/box/red-1.png)}body.ie .btn{border-radius:0}

.emot{background:url(../img/website/asset/emot.png?v=3.2.9-1221) no-repeat;display:inline-block;width:16px;height:16px;text-indent:-99999px;overflow:hidden}.emot-smile{background-position:0 0}.emot-sad{background-position:-18px 0}.emot-oh{background-position:-36px 0}.emot-grin{background-position:-54px 0}.emot-geek{background-position:-72px 0}.emot-meh{background-position:-90px 0}.emot-blush{background-position:-108px 0}.emot-cry{background-position:-126px 0}.emot-zipped{background-position:-144px 0}.emot-wink{background-position:-162px 0}.emot-tongue{background-position:-180px 0}.emot-whisper{background-position:-198px 0}.emot-struck{background-position:-216px 0}.emot-cheeky{background-position:-234px 0}.emot-bug{background-position:-252px 0}.emot-puzzled{background-position:-270px 0}.emot-sick{background-position:-288px 0}.emot-heart{background-position:-306px 0}

.chsp{background:url(../img/sprite/thumbnails.png?v=3.2.9-1221) 0 0;display:inline-block;width:48px;height:48px}.ch-boxman,.ch-boxman-blue{background-position:0 0}.ch-boxman-red{background-position:-48px 0}.ch-boxman-green{background-position:-96px 0}.ch-boxman-brown{background-position:-144px 0}.ch-boxman-purple{background-position:-192px 0}.ch-boxman-teal{background-position:-240px 0}.ch-boxman-gray{background-position:-288px 0}.ch-boxman-black{background-position:-336px 0}.ch-boxgirl,.ch-boxgirl-red{background-position:-384px 0}.ch-boxgirl-green{background-position:-432px 0}.ch-boxgirl-purple{background-position:0 -48px}.ch-boxgirl-blue{background-position:-48px -48px}.ch-boxgirl-brown{background-position:-96px -48px}.ch-boxgirl-teal{background-position:-144px -48px}.ch-boxgirl-gray{background-position:-192px -48px}.ch-boxgirl-black{background-position:-240px -48px}.ch-the_bandit,.ch-the_bandit-brown{background-position:-288px -48px}.ch-the_bandit-red{background-position:-336px -48px}.ch-the_bandit-green{background-position:-384px -48px}.ch-the_bandit-blue{background-position:-432px -48px}.ch-the_bandit-purple{background-position:0 -96px}.ch-the_bandit-teal{background-position:-48px -96px}.ch-the_bandit-gray{background-position:-96px -96px}.ch-the_bandit-black{background-position:-144px -96px}.ch-the_alien,.ch-the_alien-green{background-position:-192px -96px}.ch-the_alien-red{background-position:-240px -96px}.ch-the_alien-purple{background-position:-288px -96px}.ch-the_alien-blue{background-position:-336px -96px}.ch-the_alien-brown{background-position:-384px -96px}.ch-the_alien-teal{background-position:-432px -96px}.ch-the_alien-gray{background-position:0 -144px}.ch-the_alien-black{background-position:-48px -144px}.ch-the_wizard,.ch-the_wizard-purple{background-position:-96px -144px}.ch-the_wizard-brown{background-position:-144px -144px}.ch-the_wizard-green{background-position:-192px -144px}.ch-the_wizard-blue{background-position:-240px -144px}.ch-the_wizard-red{background-position:-288px -144px}.ch-the_wizard-teal{background-position:-336px -144px}.ch-the_wizard-gray{background-position:-384px -144px}.ch-the_wizard-black{background-position:-432px -144px}.ch-the_penguin,.ch-the_penguin-teal{background-position:0 -192px}.ch-the_penguin-red{background-position:-48px -192px}.ch-the_penguin-green{background-position:-96px -192px}.ch-the_penguin-blue{background-position:-144px -192px}.ch-the_penguin-brown{background-position:-192px -192px}.ch-the_penguin-purple{background-position:-240px -192px}.ch-the_penguin-gray{background-position:-288px -192px}.ch-the_penguin-black{background-position:-336px -192px}.ch-the_robot,.ch-the_robot-gray{background-position:-384px -192px}.ch-the_robot-red{background-position:-432px -192px}.ch-the_robot-green{background-position:0 -240px}.ch-the_robot-blue{background-position:-48px -240px}.ch-the_robot-brown{background-position:-96px -240px}.ch-the_robot-purple{background-position:-144px -240px}.ch-the_robot-teal{background-position:-192px -240px}.ch-the_robot-black{background-position:-240px -240px}.ch-the_ninja,.ch-the_ninja-black{background-position:-288px -240px}.ch-the_ninja-red{background-position:-336px -240px}.ch-the_ninja-green{background-position:-384px -240px}.ch-the_ninja-blue{background-position:-432px -240px}.ch-the_ninja-brown{background-position:0 -288px}.ch-the_ninja-purple{background-position:-48px -288px}.ch-the_ninja-teal{background-position:-96px -288px}.ch-the_ninja-gray{background-position:-144px -288px}.ch-santa_claus,.ch-santa_claus-1{background-position:-192px -288px}.ch-santa_claus-2{background-position:-240px -288px}.ch-easter_bunny,.ch-easter_bunny-1{background-position:-288px -288px}.ch-easter_bunny-2{background-position:-336px -288px}.ch-soko_baby,.ch-soko_baby-1{background-position:-384px -288px}.ch-soko_baby-2{background-position:-432px -288px}.ch-the_ghost,.ch-the_ghost-1{background-position:0 -336px}.ch-the_ghost-2{background-position:-48px -336px}
.trophy {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../img/website/asset/trophies.png?v=3.2.10);text-indent:-9999em;}.t-bronze-big {width:32px; height:32px; background-position: -1px -1px}.t-bronze-sm {width:16px; height:16px; background-position: -1px -103px}.t-gold-big {width:32px; height:32px; background-position: -1px -35px}.t-gold-sm {width:16px; height:16px; background-position: -19px -103px}.t-silver-big {width:32px; height:32px; background-position: -1px -69px}.t-silver-sm {width:16px; height:16px; background-position: -35px -69px}.t-solved-big {width:32px; height:32px; background-position: -35px -1px}.t-solved-sm {width:16px; height:16px; background-position: -37px -87px}.t-unsolved-big {width:32px; height:32px; background-position: -35px -35px}.t-unsolved-sm {width:16px; height:16px; background-position: -53px -69px}