@-webkit-keyframes hintPulse {
  0% {
      -webkit-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      -moz-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7)
  }
  to {
      -webkit-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      -moz-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9)
  }
}

@-moz-keyframes hintPulse {
  0% {
      -webkit-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      -moz-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7)
  }
  to {
      -webkit-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      -moz-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9)
  }
}

@-o-keyframes hintPulse {
  0% {
      -webkit-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      -moz-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7)
  }
  to {
      -webkit-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      -moz-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9)
  }
}

@keyframes hintPulse {
  0% {
      -webkit-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      -moz-box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7);
      box-shadow: 0 0 8px 5px rgba(200, 200, 0, .7), inset 0 0 8px 5px rgba(200, 200, 0, .7)
  }
  to {
      -webkit-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      -moz-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9);
      box-shadow: 0 0 8px 5px rgba(255, 255, 0, .9), inset 0 0 8px 5px rgba(255, 255, 0, .9)
  }
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body div,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}

.link,
a {
  text-decoration: none
}

.link:hover,
a:hover {
  text-decoration: underline;
  cursor: pointer
}

#kt_player,
#kt_player * {
  display: none !important;
  width: 0 !important;
  height: 0 !important
}

img {
  width: auto;
  height: auto
}

body,
html {
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0 !important;
  -ms-touch-action: none;
  touch-action: none
}

body {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

.hidden {
  display: none !important
}

.scrollable {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

input.checkbox,
input.radio {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer
}

label.checkbox,
label.radio {
  position: relative;
  font-size: .9em;
  cursor: pointer
}

label.checkbox {
  top: -.2em
}

label.radio {
  top: -.25em
}

body.safari label.checkbox,
body.safari label.radio {
  top: 0
}

hr {
  border: 0;
  height: 1px;
  background: -webkit-linear-gradient(left, transparent, #ddd, transparent);
  background: -moz-linear-gradient(left, transparent, #ddd, transparent);
  background: -ms-linear-gradient(left, transparent, #ddd, transparent);
  background: -o-linear-gradient(left, transparent, #ddd, transparent);
  background: linear-gradient(left, transparent, #ddd, transparent)
}

hr.cornerEdgesDown,
hr.cornerEdgesDown:before {
  height: 1em;
  border-style: solid;
  border-color: #ddd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px
}

hr.cornerEdgesDown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: 0 0;
  border-width: 1px 0 0
}

hr.cornerEdgesDown:before {
  display: block;
  content: "";
  margin-top: calc(1em + 1px);
  border-width: 0 0 1px
}

.disabled {
  cursor: auto !important
}

.button::after,
.sizer {
  position: absolute;
  left: -2000px;
  top: -2000px
}

.button,
.button .label {
  -webkit-border-radius: .6em;
  -moz-border-radius: .6em;
  border-radius: .6em;
  display: inline-block
}

.button {
  outline: 0;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow .1s ease-in-out;
  -moz-transition: -moz-box-shadow .1s ease-in-out;
  -ms-transition: -ms-box-shadow .1s ease-in-out;
  -o-transition: -o-box-shadow .1s ease-in-out;
  -webkit-transition: box-shadow .1s ease-in-out;
  -moz-transition: box-shadow .1s ease-in-out;
  -ms-transition: box-shadow .1s ease-in-out;
  -o-transition: box-shadow .1s ease-in-out;
  transition: box-shadow .1s ease-in-out;
  text-align: center;
  position: relative;
  z-index: 1
}

.button::after {
  content: " ";
  width: calc(100% + 2px);
  height: calc(100% + 9px);
  top: -1px;
  left: -1px;
  z-index: 2;
  cursor: pointer
}

.button .label {
  background: -webkit-linear-gradient(to bottom, #e8e8e8, #ccc);
  background: -moz-linear-gradient(to bottom, #e8e8e8, #ccc);
  background: -ms-linear-gradient(to bottom, #e8e8e8, #ccc);
  background: -o-linear-gradient(to bottom, #e8e8e8, #ccc);
  background: linear-gradient(to bottom, #e8e8e8, #ccc);
  -webkit-background-size: 100%, 100%, 100%, 4px 4px;
  -moz-background-size: 100%, 100%, 100%, 4px 4px;
  -o-background-size: 100%, 100%, 100%, 4px 4px;
  background-size: 100%, 100%, 100%, 4px 4px;
  -webkit-transition: transform .1s ease-in-out;
  -moz-transition: transform .1s ease-in-out;
  -ms-transition: transform .1s ease-in-out;
  -o-transition: transform .1s ease-in-out;
  transition: transform .1s ease-in-out;
  -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);
  padding: .3em .5em;
  color: #3a474d;
  text-shadow: 0 1px #fff, 0 -1px #262f33;
  -webkit-box-shadow: 0 -1px #fff, 0 1px 1px #fff;
  -moz-box-shadow: 0 -1px #fff, 0 1px 1px #fff;
  box-shadow: 0 -1px #fff, 0 1px 1px #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.button .label .text.short {
  display: none
}

.button .label .icon {
  margin-right: .25em;
  font-size: 1.4em;
  line-height: 0;
  position: relative;
  top: .13em;
  text-shadow: none
}

.button .label .icon.iconOnly {
  margin-right: 0
}

.button,
.button:active {
  -webkit-box-shadow: 0 3px gray, 0 4px #767676, 0 5px #6c6c6c, 0 6px #626262, 0 7px #585858, 0 8px #4e4e4e;
  -moz-box-shadow: 0 3px gray, 0 4px #767676, 0 5px #6c6c6c, 0 6px #626262, 0 7px #585858, 0 8px #4e4e4e;
  box-shadow: 0 3px gray, 0 4px #767676, 0 5px #6c6c6c, 0 6px #626262, 0 7px #585858, 0 8px #4e4e4e
}

.button:active .label {
  -webkit-transform: translate3d(0, 0, 0) translateY(5px);
  -moz-transform: translate3d(0, 0, 0) translateY(5px);
  -ms-transform: translate3d(0, 0, 0) translateY(5px);
  -o-transform: translate3d(0, 0, 0) translateY(5px);
  transform: translate3d(0, 0, 0) translateY(5px)
}

.button.disabled:after {
  height: calc(100% + 3px);
  cursor: not-allowed !important
}

.button.disabled,
.button.disabled:active,
.button.disabled:focus,
.button.disabled:hover {
  cursor: not-allowed !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .5;
  top: 5px;
  position: relative
}

.button.disabled:active .label {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
}

body.nogradients .button .label {
  background-color: #e8e8e8
}

.tooltip {
  background-color: #ffee69;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  padding: .25em .5em;
  position: absolute;
  color: #141414;
  white-space: nowrap;
  pointer-events: none;
  z-index: 6000;
  border-width: 1px;
  border-style: solid;
  border-color: #d4c237 #a6982b #a6982b;
  display: none;
  -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, .6);
  -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, .6);
  box-shadow: 4px 4px 6px rgba(0, 0, 0, .6)
}

.tooltip.hasShortcut {
  padding: .1em .5em 1em
}

.tooltip .shortcut {
  font-size: .6em;
  position: absolute;
  right: .5em;
  bottom: 0
}

.tooltip td.warning {
  color: #d8004a
}

.iconContainer {
  text-align: center
}

.iconContainer:hover .label {
  text-decoration: underline;
  display: block
}

.iconContainer .label {
  display: none;
  font-size: .8em;
  bottom: -.7em;
  position: absolute;
  left: 0;
  right: 0
}

@font-face {
  font-family: "Source Code Pro";
  src: url('../../font/0/SourceCodePro-Regular.woff2') format("woff2"), url('../../font/0/SourceCodePro-Regular.woff') format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "icomoon";
  src: url('../../font/8/icomoon.ttf') format("truetype"), url('../../font/9/icomoon.woff') format("woff"), url('../../font/8/icomoon.svg') format("svg");
  font-display: block;
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
  font-family: "icomoon" !important;
  speak: none;
  font-display: block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-stackSpades:before {
  content: "\e910"
}

.icon-stackHearts:before {
  content: "\e911"
}

.icon-landscape:before {
  content: "\e912"
}

.icon-arrow-right-circle:before {
  content: "\e913"
}

.icon-arrow-left-circle:before {
  content: "\e914"
}

.icon-lock:before {
  content: "\e915"
}

.icon-new:before {
  content: "\e916"
}

.icon-joystick:before {
  content: "\e900"
}

.icon-book:before {
  content: "\e901"
}

.icon-rewind:before {
  content: "\e902"
}

.icon-restart:before {
  content: "\e903"
}

.icon-play:before {
  content: "\e904"
}

.icon-restore:before {
  content: "\e905"
}

.icon-calendar-time:before {
  content: "\e906"
}

.icon-save:before {
  content: "\e907"
}

.icon-menu:before {
  content: "\e908"
}

.icon-chart:before {
  content: "\e909"
}

.icon-trophy:before {
  content: "\e90a"
}

.icon-gear:before {
  content: "\e90b"
}

.icon-redo:before {
  content: "\e90c"
}

.icon-undo:before {
  content: "\e90d"
}

.icon-pause:before {
  content: "\e90e"
}

.icon-sun:before {
  content: "\e90f"
}

.icon-ribbon:before {
  content: "\e917"
}

.icon-keyboard:before {
  content: "\e918"
}

.icon-sort-asc:before {
  content: "\e91a"
}

.icon-sort-desc:before {
  content: "\e919"
}

.icon-arrow-left-lines:before {
  content: "\e91b"
}

.icon-lamp:before {
  content: "\e91c"
}

.icon-questionCircle:before {
  content: "\e91d"
}

svg.deck {
  height: 0;
  width: 0;
  visibility: hidden
}

.card,
.note,
svg.deck {
  position: absolute
}

.card {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

#challengesDialog .right .top .filters input,
#challengesDialog .right .top .filters label,
.card.clickable {
  cursor: pointer
}

.note {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 -1px 2px rgba(0, 0, 0, .9), -1px 0 2px rgba(0, 0, 0, .9), 1px 0 2px rgba(0, 0, 0, .9);
  font-size: .8em;
  cursor: default;
  z-index: 10;
  text-align: center;
  margin-top: 2px;
  white-space: nowrap
}

.note .suitSymbol {
  font-size: 1.6em;
  line-height: 0;
  position: relative;
  top: .05em;
  margin-right: .1em
}

.preview>.note {
  margin-top: 0;
  font-size: .8em
}

.noNote>.note {
  display: none
}

.rules {
  white-space: normal
}

.rules .preview {
  width: 100%;
  height: 30%;
  cursor: pointer;
  position: relative
}

.rules .preview.noVideo {
  cursor: default !important
}

.rules .preview .playOverlay {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 600;
  opacity: .9;
  max-height: 35%;
  max-width: 20%
}

.rules .gameName {
  text-align: center;
  margin-bottom: .5em;
  font-size: 160%;
  text-decoration: underline
}

.rules .sectionHeader {
  text-decoration: underline;
  margin-top: .75em;
  margin-bottom: .25em;
  font-size: 1.25em;
  color: #f3f3f3
}

.rules .sectionHeader:nth-child(2) {
  margin-bottom: 0;
  margin-top: 0
}

.rules .sectionHeader:nth-child(4) {
  margin-top: 0
}

.rules table {
  display: inline-block;
  vertical-align: top
}

.rules table:nth-of-type(1) tr td {
  padding-top: .5em
}

.rules table .helpInfoKey {
  font-weight: 700;
  text-align: right;
  padding-left: 1em
}

.rules table .helpInfoValue {
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap
}

.rules table .helpInfoValue>span {
  margin-left: .3em;
  position: relative;
  top: -.1em
}

.rules table .helpInfoValue .signalBars {
  display: inline-block;
  height: 1.5em
}

.rules table .helpInfoValue .signalBars.bad div {
  background-color: red
}

.rules table .helpInfoValue .signalBars.average div {
  background-color: #ff0
}

.rules table .helpInfoValue .signalBars.good div {
  background-color: #0f0
}

.rules table .helpInfoValue .signalBars.level1 div:nth-child(2),
.rules table .helpInfoValue .signalBars.level1 div:nth-child(3),
.rules table .helpInfoValue .signalBars.level1 div:nth-child(4),
.rules table .helpInfoValue .signalBars.level1 div:nth-child(5),
.rules table .helpInfoValue .signalBars.level2 div:nth-child(3),
.rules table .helpInfoValue .signalBars.level2 div:nth-child(4),
.rules table .helpInfoValue .signalBars.level2 div:nth-child(5),
.rules table .helpInfoValue .signalBars.level3 div:nth-child(4),
.rules table .helpInfoValue .signalBars.level3 div:nth-child(5),
.rules table .helpInfoValue .signalBars.level4 div:nth-child(5) {
  background-color: transparent
}

.rules table .helpInfoValue .signalBars div {
  display: inline-block;
  border: 1px solid #696969;
  margin: 1px;
  width: .4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.rules table .helpInfoValue .signalBars div:nth-child(1) {
  height: 25%
}

.rules table .helpInfoValue .signalBars div:nth-child(2) {
  height: 40%
}

.rules table .helpInfoValue .signalBars div:nth-child(3) {
  height: 55%
}

.rules table .helpInfoValue .signalBars div:nth-child(4) {
  height: 70%
}

.rules table .helpInfoValue .signalBars div:nth-child(5) {
  height: 85%
}

.rules .aka,
.rules .goal {
  margin-left: 1em
}

.rules .aka .variant,
.rules .goal .variant {
  color: #00efff;
  margin-right: .5em
}

.rules .spotDetails {
  margin-left: 2em;
  margin-top: -1.5em;
  padding-top: .5em
}

.rules .spotDetails>li {
  margin-top: 1em;
  margin-left: .5em;
  list-style-type: none
}

.rules .spotDetails>li.general {
  margin-left: -1em;
  margin-top: .35em
}

.rules .spotDetails>li.general:first-child {
  margin-top: 1em
}

.rules .spotDetails>li .spotHeader {
  color: #8585ff;
  position: relative
}

#gameChooserDialog>.right .bottom>.list .gameList ul li .matched,
#userInfo span:hover,
.rules .spotDetails>li .spotHeader:hover {
  text-decoration: underline
}

.rules .spotDetails>li .spotHeader img {
  height: 24px;
  position: absolute;
  left: -20px;
  top: 2px
}

.rules .spotDetails>li .variant {
  color: #00efff;
  margin-right: .5em
}

.rules .spotDetails ul {
  margin-left: 2em;
  list-style-type: disc
}

.rules .credit,
.rules .releaseDate {
  font-size: .9em;
  margin-top: 2em;
  display: inline-block
}

.rules .credit {
  margin-top: .5em
}

.deleteRestoreGameConfirm .message span,
.rules .credit strong,
.rules .releaseDate strong {
  font-weight: 700
}

.spotHighlighter {
  position: absolute;
  -webkit-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .96), inset 0 0 5px 2px rgba(255, 255, 0, .96);
  -moz-box-shadow: 0 0 8px 5px rgba(255, 255, 0, .96), inset 0 0 5px 2px rgba(255, 255, 0, .96);
  box-shadow: 0 0 8px 5px rgba(255, 255, 0, .96), inset 0 0 5px 2px rgba(255, 255, 0, .96)
}

body.tiny .dialog,
body.tiny .rules {
  font-size: .7em !important
}

#helpContent,
#victoryContent {
  display: none;
  position: absolute
}

#helpContent {
  height: calc(100% - 2.7em);
  width: 31em;
  right: calc(-31em + -10px);
  top: 2.7em;
  z-index: 597;
  background-color: #2a2d36;
  color: #ddd
}

#helpContent .dragger {
  width: .6em;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-shadow: -5px 0 10px 0 rgba(50, 50, 50, .75);
  -moz-box-shadow: -5px 0 10px 0 rgba(50, 50, 50, .75);
  box-shadow: -5px 0 10px 0 rgba(50, 50, 50, .75);
  background: #4f4f4f
}

#helpContent .innerContent {
  width: 100%;
  height: 100%;
  cursor: default;
  font-size: 90%;
  padding: .5em .5em .5em 1.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

body.limitedHeight #helpContent {
  top: 2.4em;
  height: calc(100% - 2.3em)
}

body.menuOnBottom #helpContent {
  top: 0
}

@media (max-width:65em) {
  body #helpContent {
      width: 22em
  }
}

#victoryContent {
  opacity: 0;
  z-index: 580
}

#victoryContent .image {
  width: 100%;
  height: calc(100% - 3.5em);
  position: relative
}

#victoryContent .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

#victoryContent .buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: .5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#victoryContent .buttons .button {
  font-size: 1.3em;
  margin-right: 2em;
  margin-left: 2em
}

#victoryContent .buttons .button .label {
  padding: .4em 1em
}

#victoryContent.challenge .buttons .button.challenges,
#victoryContent.challenge .buttons .button.replayChallenge {
  display: inline-block
}

#challengesDialog .right .middle table.notEasy tr.easy,
#challengesDialog .right .middle table.notHard tr.hard,
#challengesDialog .right .middle table.notMedium tr.medium,
#challengesDialog .right .middle table.notSolved tr.solved,
#challengesDialog .right .middle table.notUnsolved tr.unsolved,
#menuBar.menuShort .button .label .text.long,
#menuBar.menuShorter .button .label .icon,
#menuBar.menuShortest #menuMenuBarExtra .label .text.short,
#menuBar.menuShortest #menuOptions .label .text.short,
#menuBar.menuShortest #menuPause .label .text.short,
#victoryContent .buttons .button.challenges,
#victoryContent .buttons .button.replayChallenge,
#victoryContent.challenge .buttons .button.dealAgain,
#victoryContent.challenge .buttons .button.viewStats,
body.readOnly #victoryContent .buttons .viewStats {
  display: none
}

body.limitedHeight #victoryContent .buttons {
  font-size: .7em
}

#menuBar,
#menuBarExtraDialog {
  background-color: #2a2d36;
  font-size: .95em
}

#menuBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.6em;
  z-index: 600;
  border-bottom: 2px solid #4f4f4f;
  white-space: nowrap;
  padding-top: .15em;
  padding-bottom: .15em
}

#menuBar .button {
  margin: .2em .4em
}

#menuBar .divider {
  background-color: #9f9f9f;
  width: 1px;
  display: inline-block;
  height: 2.1em;
  -webkit-transform: translateY(-.4em);
  -moz-transform: translateY(-.4em);
  -ms-transform: translateY(-.4em);
  -o-transform: translateY(-.4em);
  transform: translateY(-.4em);
  margin: 0 .25em
}

#menuBar .spacer {
  display: inline-block;
  margin: 0 1em
}

#menuBar .right {
  display: inline-block;
  position: absolute;
  right: 0;
  top: .15em;
  text-align: right
}

#menuBar .right .divider {
  -webkit-transform: translateY(.1em);
  -moz-transform: translateY(.1em);
  -ms-transform: translateY(.1em);
  -o-transform: translateY(.1em);
  transform: translateY(.1em)
}

#menuBar .right #userInfo,
#menuBar .right>.button {
  vertical-align: top
}

#menuBar #menuUndo {
  margin: .2em .6em
}

#menuBar #menuPause .label {
  text-align: left;
  width: 6em
}

#menuBar #menuMenuBarExtra .label {
  min-width: 5em
}

#menuBar.menuShort .button .label .text.short,
#menuBar.menuShorter .button .label .icon.iconOnly {
  display: inline
}

#menuBar.menuShorter #menuPause .label {
  width: 4em;
  text-align: center
}

#menuBar.menuShortest .divider {
  margin: 0 .15em
}

#menuBar.menuShortest .button {
  margin: .25em .15em
}

#menuBar.menuShortest #menuMenuBarExtra .label,
#menuBar.menuShortest #menuOptions .label,
#menuBar.menuShortest #menuPause .label {
  width: auto;
  min-width: auto
}

#menuBar.menuShortest #menuMenuBarExtra .label .icon,
#menuBar.menuShortest #menuOptions .label .icon,
#menuBar.menuShortest #menuPause .label .icon {
  display: inline;
  margin: 0
}

@media (max-width:425px) {
  body.tiny #menuBar.menuShortest .button .label {
      width: auto !important
  }
  body.tiny #menuBar.menuShortest .button .label .icon {
      display: inline;
      margin-left: .1em;
      margin-right: .1em
  }
  body.tiny #menuBar.menuShortest #userInfo,
  body.tiny #menuBar.menuShortest .button .label .text,
  body.tiny #menuBar.menuShortest .divider {
      display: none
  }
  body.tiny #menuBarExtraDialog {
      margin-left: -10em
  }
}

#menuBarExtraDialog {
  text-align: left;
  padding: 0 .5em 1em;
  -webkit-border-radius: 0 0 1em 1em;
  -moz-border-radius: 0 0 1em 1em;
  border-radius: 0 0 1em 1em;
  top: 3em;
  z-index: 601;
  border-top: 0;
  margin-left: -1.3em
}

#menuBarExtraDialog .row {
  display: block;
  padding: .5em 0 .75em;
  border-bottom: 1px solid #9f9f9f
}

#menuBarExtraDialog .row:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

#menuBarExtraDialog .row .button {
  margin: .25em .5em
}

#menuBarExtraDialog .row .button .label {
  min-width: 10em;
  text-align: left
}

body.limitedHeight #menuBar {
  font-size: .9em;
  line-height: 1em;
  height: 2.4em
}

body.limitedHeight #menuBarExtraDialog {
  font-size: .9em;
  margin-top: -.4em
}

body.readOnly #menuBarExtraDialog {
  right: .5em
}

body.menuOnBottom #menuBarExtraDialog {
  border: 5px solid #4f4f4f;
  border-bottom: 0;
  -webkit-border-radius: 1em 1em 0 0;
  -moz-border-radius: 1em 1em 0 0;
  border-radius: 1em 1em 0 0;
  top: auto;
  bottom: 2.6em;
  z-index: 599
}

body.menuOnBottom #menuBar {
  top: auto;
  bottom: 0;
  border-top: 2px solid #4f4f4f;
  border-bottom: 0
}

#challengesDialog {
  height: 85%;
  width: 85%;
  max-width: 100em;
  background-repeat: no-repeat;
  background-position: center center
}

#challengesDialog .left,
#challengesDialog .right,
#challengesDialog .right .top .instructions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#challengesDialog .left,
#challengesDialog .right {
  vertical-align: top;
  height: 100%;
  display: inline-block
}

#challengesDialog .left {
  width: 18em;
  padding-right: .5em
}

#challengesDialog .left>.header {
  font-size: 1.25em;
  text-decoration: underline;
  text-align: center;
  margin-bottom: 1em
}

#challengesDialog .left .gameListContainer {
  height: calc(100% - 3em)
}

#challengesDialog .left li {
  padding: .25em;
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
  cursor: pointer
}

#challengesDialog .left li.selected {
  background-color: #4f5d82
}

#challengesDialog .left li:hover,
#challengesDialog .right .middle table tr.row:hover td {
  background-color: #4f5863
}

#challengesDialog .left li span {
  margin-left: 1em;
  font-weight: 700;
  color: #eee
}

#challengesDialog .right {
  width: calc(100% - 18.4em);
  position: relative
}

#challengesDialog .right .top .instructions {
  border-bottom: 1px solid #4f4f4f
}

#challengesDialog .right .top .filters {
  padding: .25em 0
}

#challengesDialog .right .top .filters span {
  font-weight: 700;
  position: relative;
  top: -.15em
}

#challengesDialog .right .top .filters input {
  margin-left: 1em;
  width: 1.15em;
  height: 1.15em
}

#challengesDialog .right .top .filters label {
  position: relative;
  top: -.15em
}

#challengesDialog .right .top .filters .filtersRight {
  margin-left: 1em
}

#challengesDialog .right .middle table {
  width: 100%;
  border-collapse: collapse
}

#challengesDialog .right .middle table tr th {
  text-decoration: underline;
  font-size: 1.1em;
  font-weight: 700;
  padding: .25em 0
}

#challengesDialog .right .middle table tr.header td {
  background-color: #2c33a7;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  font-size: 1.1em;
  cursor: pointer;
  border: 0;
  text-align: center;
  font-weight: 700;
  padding: .5em
}

#challengesDialog .right .middle table tr.row.selected td {
  background-color: #4f5d82
}

#challengesDialog .right .middle table tr.row td {
  border-bottom: 1px solid #4f4f4f;
  cursor: pointer
}

#challengesDialog .right .middle table tr.row td.unsolved {
  font-weight: 700;
  min-width: 15em;
  text-align: center;
  vertical-align: middle
}

#challengesDialog .right .middle table tr.row td:first-child {
  vertical-align: middle;
  text-align: center;
  border-bottom: 0
}

#challengesDialog .right .middle table tr.row td:first-child span:first-child {
  display: block;
  font-size: 1.3em;
  padding-bottom: .5em;
  border-bottom: 0
}

#challengesDialog .right .middle table tr.row td:first-child span:last-child {
  font-size: .8em;
  color: #888
}

#challengesDialog .right .middle table tr.row td:nth-child(2) {
  padding: .25em .5em .25em 0
}

#challengesDialog .right .middle table tr.row td>span:first-child {
  font-size: .8em;
  white-space: nowrap
}

#challengesDialog .right .middle table tr.row td>span:first-child .label {
  display: inline-block;
  width: 10em;
  text-align: right;
  font-weight: 700;
  color: #eee
}

#challengesDialog .right .middle table tr.row td>span:first-child .value {
  padding-left: .5em;
  text-align: left
}

#challengesDialog .right .middle table tr.row td>span:first-child .byValue {
  font-weight: 700
}

#challengesDialog .right .middle table tr.row td>span:first-child .byValue.anonymous {
  font-weight: 400;
  color: #888
}

#challengesDialog .right .bottom {
  position: absolute;
  bottom: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: .5em
}

#challengesDialog .right .bottom .button {
  font-size: 1.5em
}

#challengesDialog .right .bottom .button .label {
  padding: .15em 1.75em
}

#aboutDialog {
  max-width: 60em;
  max-height: 90%;
  font-size: .9em;
  line-height: 1.3em
}

#aboutDialog p {
  margin-bottom: .75em
}

#aboutDialog p.legacyLinkContainer {
  margin-bottom: 0
}

#aboutDialog a,
#languageDialog li a,
#victoryImagesDialog .victoryImages .row .images .victory .artist a {
  color: #8585ff
}

#aboutDialog fieldset {
  border: 1px solid #ddd;
  padding: 0 .6em .3em;
  margin-bottom: 1em;
  margin-top: .25em
}

#aboutDialog fieldset .version {
  position: absolute;
  right: 3.5em;
  color: #3f4351
}

#aboutDialog fieldset legend {
  margin-left: .5em;
  font-size: 1.05em;
  padding-left: .5em;
  padding-right: .5em;
  font-weight: 700
}

#aboutDialog p:nth-of-type(3) {
  margin-top: .7em
}

#aboutDialog p:nth-of-type(3) a {
  margin-left: .5em
}

#aboutDialog .robert,
#victoryImagesDialog .victoryImages .row .images .victory img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

#aboutDialog .robert {
  float: left;
  margin-right: 1em
}

#aboutDialog .privacy,
#aboutDialog a.blog {
  position: absolute;
  bottom: .7em
}

#aboutDialog a.blog {
  right: .8em
}

#aboutDialog .privacy {
  right: 5em
}

#aboutDialog p.download {
  display: inline-block;
  margin-bottom: .25em
}

#aboutDialog p.download .header {
  font-weight: 700;
  margin-right: .5em
}

#aboutDialog p.download a {
  margin-left: .25em
}

#changeLogContents {
  width: 100%;
  height: 16em;
  font-family: "Source Code Pro", monospace;
  font-size: .8em;
  margin-top: .5em;
  color: #bbb
}

#changeLogContents strong {
  font-weight: 700;
  border-bottom: 1px solid #777
}

#changeLogContents ul {
  list-style-type: disc
}

#changeLogContents ul li {
  list-style-type: disc;
  margin-left: 2em
}

body.tiny #aboutDialog {
  font-size: .6em !important
}

#victoryImagesDialog .victoryImages .row.current.seenAll .chance,
#victoryImagesDialog .victoryImages .row.locked .images .victory:after,
body.ios #victoryImagesDialog .victoryImages .row:after,
body.msie9 #aboutDialog fieldset.changeLog,
body.readOnly #userInfo span.login,
body.readOnly #userInfo span.register,
body.readOnly #userInfo span.username,
body.tiny #aboutDialog .changeLog,
body.tiny #aboutDialog .download {
  display: none
}

#loginDialog .forgot,
#userInfo {
  position: relative;
  display: inline-block
}

#userInfo {
  color: #ddd;
  top: .35em
}

#userInfo span {
  background-color: #2a2d36;
  display: inline-block;
  font-size: 1em;
  cursor: pointer
}

#userInfo span.register,
#userInfo span.username {
  padding: .3em .8em .3em .5em
}

#userInfo span.username:hover {
  text-decoration: none;
  cursor: default
}

#userInfo span.login,
#userInfo span.logout {
  padding: .3em .5em .3em .1em
}

#forgotPasswordDialog,
#loginDialog,
#registerDialog {
  top: 3em;
  right: 1em
}

body.menuOnBottom #forgotPasswordDialog,
body.menuOnBottom #loginDialog,
body.menuOnBottom #registerDialog {
  top: auto;
  bottom: 3em
}

body.menuOnBottom.ios #forgotPasswordDialog,
body.menuOnBottom.ios #loginDialog,
body.menuOnBottom.ios #registerDialog {
  top: 1em;
  bottom: auto
}

#loginDialog .forgot {
  color: #8585ff;
  font-size: .65em;
  margin-top: -.5em;
  margin-bottom: 1.5em
}

#msieold div,
#msieold h1,
#msieold hr,
#msieold span,
.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-summary-section h2,
body.readOnly .right .divider {
  display: none !important
}

#victoryImagesDialog {
  height: 80%;
  width: 95%;
  max-width: calc(1185px + 20em)
}

#victoryImagesDialog .victoryImages {
  width: 100%;
  height: 100%
}

#victoryImagesDialog .victoryImages .info {
  padding: 0 .6em;
  font-size: 1.1em;
  line-height: 1.4em
}

#victoryImagesDialog .victoryImages .resetProgressContainer {
  width: 100%;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2em
}

#victoryImagesDialog .victoryImages .resetProgressContainer .newLevelPeriodic {
  float: left
}

#victoryImagesDialog .victoryImages .resetProgressContainer .resetProgress {
  color: #8585ff;
  font-size: .95em
}

#victoryImagesDialog .victoryImages .row {
  display: block;
  position: relative;
  border-bottom: 2em solid #1b1b1b;
  text-align: center;
  padding: 0 1.7em;
  background: 0 0;
  width: calc(100% - 4em);
  margin-bottom: 2em;
  -webkit-border-radius: 0 0 .5em .5em;
  -moz-border-radius: 0 0 .5em .5em;
  border-radius: 0 0 .5em .5em
}

#victoryImagesDialog .victoryImages .row:after {
  position: absolute;
  bottom: -2em;
  left: 3em;
  height: .5em;
  background: 0 0;
  content: "";
  -webkit-transform: perspective(150) rotateX(-25deg);
  -moz-transform: perspective(150) rotateX(-25deg);
  -ms-transform: perspective(150) rotateX(-25deg);
  -o-transform: perspective(150) rotateX(-25deg);
  transform: perspective(150) rotateX(-25deg);
  right: 3em;
  -webkit-box-shadow: 0 0 2em .7em rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 2em .7em rgba(0, 0, 0, .8);
  box-shadow: 0 0 2em .7em rgba(0, 0, 0, .8);
  z-index: -1
}

#victoryImagesDialog .victoryImages .row.seenAll:before {
  content: "★";
  bottom: -1.1em;
  position: absolute;
  color: #d5bd26;
  font-size: 2em;
  left: -.05em;
  z-index: 2;
  text-shadow: 0 1px 4px #ffbe2d
}

#victoryImagesDialog .victoryImages .row .chance,
#victoryImagesDialog .victoryImages .row .label,
#victoryImagesDialog .victoryImages .row .lock {
  position: absolute;
  z-index: 2
}

#victoryImagesDialog .victoryImages .row .lock {
  font-size: 1.7em;
  bottom: -1.1em;
  left: 0;
  display: none
}

#victoryImagesDialog .victoryImages .row .label {
  font-size: 1.3em;
  bottom: -1.4em;
  left: 1.3em;
  color: #adadad
}

#victoryImagesDialog .victoryImages .row .chance {
  right: .75em;
  bottom: -1.7em;
  font-size: .9em;
  cursor: help !important;
  color: #afafaf;
  display: none
}

#statsDialog .tabContent.leaderboard table tr td.when:hover .time,
#victoryImagesDialog .victoryImages .row.current .chance {
  display: inline-block
}

#victoryImagesDialog .victoryImages .row.current:after {
  -webkit-box-shadow: 0 0 2em .7em rgba(159, 152, 64, .8);
  -moz-box-shadow: 0 0 2em .7em rgba(159, 152, 64, .8);
  box-shadow: 0 0 2em .7em rgba(159, 152, 64, .8)
}

#victoryImagesDialog .victoryImages .row.locked {
  cursor: not-allowed !important
}

#victoryImagesDialog .victoryImages .row.locked .images .victory {
  opacity: .08;
  cursor: not-allowed !important
}

#victoryImagesDialog .victoryImages .row .images .victory.masked img:hover,
#victoryImagesDialog .victoryImages .row.locked .images .victory img:hover {
  background-color: transparent
}

#victoryImagesDialog .victoryImages .row.locked .lock {
  display: inline-block;
  cursor: help !important;
  color: #b63434
}

#victoryImagesDialog .victoryImages .row.locked .label {
  color: #383838
}

#victoryImagesDialog .victoryImages .row .images {
  border-bottom: 1.5em solid #303138;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%
}

#victoryImagesDialog .victoryImages .row .images:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 1.5em 1.7em;
  border-color: transparent transparent #303138;
  position: absolute;
  bottom: -1.5em;
  left: -1.7em;
  z-index: 2;
  -webkit-transform: roate(360deg);
  -moz-transform: roate(360deg);
  -ms-transform: roate(360deg);
  -o-transform: roate(360deg);
  transform: roate(360deg)
}

#victoryImagesDialog .victoryImages .row .images:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5em 0 0 1.7em;
  border-color: transparent transparent transparent #303138;
  position: absolute;
  bottom: -1.5em;
  right: -1.7em;
  z-index: 2
}

#victoryImagesDialog .victoryImages .row .images .victory {
  display: inline-block;
  text-align: center;
  width: calc(20%);
  cursor: pointer;
  position: relative;
  top: 1.25em
}

#victoryImagesDialog .victoryImages .row .images .victory.masked {
  cursor: default
}

#victoryImagesDialog .victoryImages .row .images .victory.rightEdge {
  margin-right: 0
}

#victoryImagesDialog .victoryImages .row .images .victory.banned:after {
  content: "✗";
  position: absolute;
  color: rgba(255, 0, 0, .8);
  text-align: center;
  left: 0;
  width: 100%;
  text-shadow: 3px 5px 15px #000;
  font-size: 11em;
  bottom: 0
}

#victoryImagesDialog .victoryImages .row .images .victory.banned img {
  opacity: .2
}

#victoryImagesDialog .victoryImages .row .images .victory img {
  max-width: calc(100% - 1em);
  max-height: 10em
}

#victoryImagesDialog .victoryImages .row .images .victory img:hover {
  background-color: #4f5863;
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em
}

#victoryImagesDialog .victoryImages .row .images .victory .artist {
  font-size: .9em;
  opacity: .6;
  white-space: nowrap;
  position: relative;
  z-index: 3
}

#victoryImagesDialog .victoryImages .row .images .victory .artist:hover {
  opacity: 1
}

#gameChooserDialog {
  height: 85%;
  white-space: nowrap
}

#gameChooserDialog>.left,
#gameChooserDialog>.right {
  vertical-align: top;
  height: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#gameChooserDialog>.left {
  width: 14em
}

#gameChooserDialog>.left .topHeader {
  font-size: .9em
}

#gameChooserDialog>.left .topHeader .segmentedControl {
  width: calc(100% - .6em)
}

#gameChooserDialog>.left .topHeader .segmentedControl .segment {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 -1px 2px rgba(0, 0, 0, .9), -1px 0 2px rgba(0, 0, 0, .9), 1px 0 2px rgba(0, 0, 0, .9)
}

#gameChooserDialog>.left .topHeader .gameCount {
  font-size: .8em;
  margin-top: .5em;
  text-align: center
}

#gameChooserDialog>.left .topHeader .reset {
  font-size: .8em;
  color: #8585ff;
  position: absolute;
  top: 4.5em;
  cursor: pointer
}

#gameChooserDialog>.left .filters {
  font-size: .9em;
  height: calc(100% - 3.9em)
}

#gameChooserDialog>.left .filters .header {
  font-weight: 700;
  font-size: 1.1em;
  margin-top: 1em;
  margin-right: 2em;
  border-bottom: 1px solid #5f5f5f
}

#gameChooserDialog>.left .filters .header.firstHeader {
  margin-top: .6em
}

#gameChooserDialog>.left .filters .row {
  margin-left: 1em;
  display: inline-block
}

#gameChooserDialog>.left .filters #gameChooserFilterHasWon,
#gameChooserDialog>.left .filters #gameChooserFilterUserMostPlayed {
  margin-top: .75em
}

#gameChooserDialog>.right {
  width: calc(100% - 14.5em)
}

#gameChooserDialog>.right .top {
  height: 3em;
  position: relative
}

#gameChooserDialog>.right .top .segmentedControl {
  width: 10em;
  font-size: .75em;
  display: inline-block;
  margin-left: 1em;
  margin-top: -1px
}

#gameChooserDialog>.right .top .segmentedControl .segment {
  font-size: 1.25em;
  padding: .3em
}

#gameChooserDialog>.right .top input.search {
  padding: .2em;
  margin-left: 1em;
  -webkit-border-radius: .23em;
  -moz-border-radius: .23em;
  border-radius: .23em;
  border: 0;
  font-size: 1.1em;
  width: calc(100% - 24.5em);
  max-width: 30em;
  -webkit-box-shadow: 2px 2px 5px 0 #000;
  -moz-box-shadow: 2px 2px 5px 0 #000;
  box-shadow: 2px 2px 5px 0 #000
}

#gameChooserDialog>.right .top input.search:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 .1em .1em rgba(77, 146, 255, .98);
  -moz-box-shadow: 0 0 .1em .1em rgba(77, 146, 255, .98);
  box-shadow: 0 0 .1em .1em rgba(77, 146, 255, .98)
}

#gameChooserDialog>.right .top .sort {
  position: absolute;
  top: 0;
  right: 0
}

#gameChooserDialog>.right .top .sort label {
  font-size: 1.1em;
  margin-right: .2em;
  font-weight: 700
}

#gameChooserDialog>.right .top .sort select {
  font-size: 1.1em;
  width: 8em;
  padding: .1em 0 .1em .2em;
  margin-right: 1.75em
}

#gameChooserDialog>.right .top .sort select option,
#optionsDialog .tabContent.deck .item label.longName {
  font-size: 1.1em
}

#gameChooserDialog>.right .top .sort .direction {
  font-size: 1.5em;
  top: .1em;
  right: -.1em;
  position: absolute;
  cursor: pointer
}

#gameChooserDialog>.right .bottom {
  height: calc(100% - 3em)
}

#gameChooserDialog>.right .bottom>div {
  display: none;
  width: 100%;
  height: 100%
}

body.readOnly #gameChooserDialog>.right .bottom>.list .gameDetails .controls .favorite,
body.readOnly #gridGameDetailsDialog .bottom .favorite {
  display: none
}

#gameChooserDialog>.right .bottom .noGamesMatchedMsg {
  display: none;
  margin-top: 2em;
  text-align: center;
  font-weight: 700;
  text-decoration: none
}

#gameChooserDialog>.right .bottom>.grid .game .name .value.newGame:after,
#gameChooserDialog>.right .bottom>.list .gameList ul li .name.newGame:after {
  font-family: "icomoon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
  top: .15em;
  position: relative;
  color: #9fdb7e;
  line-height: .5em;
  font-size: 1.5em;
  margin-left: .5em
}

#gameChooserDialog #gridGameDetailsDialog .bottom label,
#gameChooserDialog>.right .bottom>.list .gameDetails .controls label,
#optionsDialog .tabContent.texture hr.preColor {
  top: -.4em
}

#gameChooserDialog>.right .bottom>.list {
  position: relative
}

#gameChooserDialog>.right .bottom>.list .gameList {
  height: calc(100% - .1em);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
  min-width: 15em
}

#gameChooserDialog>.right .bottom>.list .gameList .header {
  text-align: center;
  text-decoration: underline
}

#gameChooserDialog>.right .bottom>.list .gameList ul li.matchedAKA .aka,
#gameChooserDialog>.right .bottom>.list .gameList.noGamesMatched .noGamesMatchedMsg {
  display: block
}

#gameChooserDialog>.right .bottom>.list .gameList ul {
  height: calc(100% - 1em);
  padding-right: 1em;
  padding-bottom: .1em
}

#gameChooserDialog>.right .bottom>.list .gameList ul li {
  white-space: nowrap;
  line-height: 1.4em;
  border-bottom: 1px dotted #555;
  list-style-type: none;
  cursor: pointer;
  padding: 0 .5em
}

#gameChooserDialog>.right .bottom>.list .gameList ul li .aka {
  display: none;
  font-size: .7em;
  line-height: .7em;
  margin-left: 2em;
  padding-bottom: .4em
}

#gameChooserDialog>.right .bottom>.list .gameList ul li:last-child {
  border-bottom: none
}

#gameChooserDialog>.right .bottom>.list .gameList ul li:hover {
  background-color: #4f5863
}

#gameChooserDialog>.right .bottom>.list .gameList ul li.selected {
  background-color: #4f5d82
}

#gameChooserDialog>.right .bottom>.list .gameDetails {
  height: 100%;
  position: absolute;
  top: 0;
  max-width: 45em
}

#gameChooserDialog>.right .bottom>.list .gameDetails .rules {
  width: 100%;
  height: calc(100% - 7em);
  font-size: .8em;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden
}

#gameChooserDialog>.right .bottom>.list .gameDetails .controls {
  width: 100%;
  height: 6em;
  text-align: center;
  padding-top: .5em
}

#gameChooserDialog>.right .bottom>.list .gameDetails .controls hr {
  margin-bottom: .35em
}

#gameChooserDialog>.right .bottom>.list .gameDetails .controls .playGame,
#gridGameDetailsDialog .bottom .playGame {
  font-size: 1.4em;
  margin-bottom: .5em
}

#gameChooserDialog>.right .bottom>.list .gameDetails .controls .playGame .label {
  padding: .25em 3em
}

#gameChooserDialog>.right .bottom>.grid,
#gameChooserDialog>.right .bottom>.grid .game {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#gameChooserDialog>.right .bottom>.grid {
  padding: .5em .5em 0;
  white-space: normal
}

#gameChooserDialog>.right .bottom>.grid.noGamesMatched .noGamesMatchedMsg {
  display: block
}

#gameChooserDialog>.right .bottom>.grid .game {
  display: inline-block;
  margin: 0 1.5em 1.5em 0;
  min-height: calc(150px + 3em);
  background-color: #a3a3a3;
  -webkit-border-radius: .35em;
  -moz-border-radius: .35em;
  border-radius: .35em;
  border: 1px inset #555;
  -webkit-box-shadow: 2px 2px 5px 0 #000;
  -moz-box-shadow: 2px 2px 5px 0 #000;
  box-shadow: 2px 2px 5px 0 #000;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  z-index: 1
}

#gameChooserDialog>.right .bottom>.grid .game .preview {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

#gameChooserDialog>.right .bottom>.grid .game:hover {
  -webkit-box-shadow: 0 0 5px 6px #7a85f1;
  -moz-box-shadow: 0 0 5px 6px #7a85f1;
  box-shadow: 0 0 5px 6px #7a85f1
}

#gameChooserDialog>.right .bottom>.grid .game .name {
  text-align: center;
  height: 1.8em;
  white-space: nowrap;
  display: table;
  width: 100%;
  position: relative;
  background-color: #525257;
  -webkit-border-radius: .25em .25em 0 0;
  -moz-border-radius: .25em .25em 0 0;
  border-radius: .25em .25em 0 0;
  color: #f9fdff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 -1px 2px rgba(0, 0, 0, .9), -1px 0 2px rgba(0, 0, 0, .9), 1px 0 2px rgba(0, 0, 0, .9)
}

#gameChooserDialog>.right .bottom>.grid .game .name.long .value {
  font-size: .8em
}

#gameChooserDialog>.right .bottom>.grid .game .name .aka {
  position: absolute;
  bottom: -1.2em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: .7em;
  background-color: #525257;
  border-bottom: 1px solid #8e8e9b
}

#gameChooserDialog>.right .bottom>.grid .game .name .value {
  vertical-align: bottom;
  font-size: 1.2em;
  display: table-cell
}

#gameChooserDialog>.right .bottom>.grid .game .name .value .matched,
#restoreDialog .snapshotsContainer table thead tr th,
#statsDialog .headerContainer .switchToCurrentGame:hover .label {
  text-decoration: underline
}

#gridGameDetailsDialog {
  width: 60%;
  max-width: 60em;
  height: 92%
}

#gridGameDetailsDialog .top {
  height: calc(100% - 6em)
}

#gridGameDetailsDialog .bottom,
.dialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#gridGameDetailsDialog .bottom {
  height: 5.5em;
  text-align: center;
  padding-top: .6em
}

#gridGameDetailsDialog .bottom .playGame .label {
  padding: .25em 3em
}

.dialog {
  position: absolute;
  /* background-color: #2a2d36; */
  background: rgba(0, 0, 0, 0.68) !important;
  color: #ddd;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  z-index: 598;
  padding: .7em;
  display: none;
  max-width: 95%;
  max-height: 95%
}

.dialog .closeX {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 599;
  cursor: pointer
}

.dialog.centered {
  width: auto;
  z-index: 601;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)
}

.dialog.centered .closeX {
  z-index: 602
}

.dialog.modal {
  z-index: 9999 !important
}

.dialog.hasForm {
  font-size: 1.5em;
  text-align: center
}

.dialog.hasForm .field {
  margin-bottom: 1em
}

.dialog.hasForm .field.hasError input.password,
.dialog.hasForm .field.hasError input.text {
  outline: 0;
  -webkit-box-shadow: 0 0 .1em .1em rgba(255, 50, 0, .98);
  -moz-box-shadow: 0 0 .1em .1em rgba(255, 50, 0, .98);
  box-shadow: 0 0 .1em .1em rgba(255, 50, 0, .98)
}

.dialog.hasForm .field.hasError .error {
  visibility: visible
}

.dialog.hasForm .field.hasError .error:after {
  content: "\!";
  position: absolute;
  color: #ff3200;
  right: .7em;
  font-size: 2em;
  margin-top: -1.4em;
  font-weight: 700
}

.dialog.hasForm .field .error {
  font-size: .7em;
  color: #ff3200;
  text-align: left;
  padding-top: .2em;
  height: 1.1em;
  visibility: hidden
}

.dialog.hasForm .field label {
  position: absolute;
  margin: .2em;
  color: #777;
  border: 0;
  font-size: .6em
}

.dialog.hasForm .field input.password,
.dialog.hasForm .field input.text {
  padding: .9em .2em .1em;
  -webkit-border-radius: .23em;
  -moz-border-radius: .23em;
  border-radius: .23em;
  border: 0;
  font-size: 1em;
  width: 15em;
  -webkit-box-shadow: 2px 2px 5px 0 #000;
  -moz-box-shadow: 2px 2px 5px 0 #000;
  box-shadow: 2px 2px 5px 0 #000
}

.dialog.hasForm .field input.password:focus,
.dialog.hasForm .field input.text:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 .1em .1em rgba(77, 146, 255, .98);
  -moz-box-shadow: 0 0 .1em .1em rgba(77, 146, 255, .98);
  box-shadow: 0 0 .1em .1em rgba(77, 146, 255, .98)
}

#statsDialog .tabContent.stats .half .top .tableContainer,
.dialog.hasForm .button {
  font-size: .9em
}

.dialog.hasForm .button .label {
  padding: .25em .01em
}

.dialog.hasForm .submit {
  width: 60%
}

.dialog.hasForm .submit .label {
  width: 100%
}

.dialog.hasForm .submit.disabled {
  cursor: default
}

.dialog.hasForm .submit.disabled:hover {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset
}

.dialog.hasForm .message {
  font-size: .6em;
  padding-top: 1.5em;
  height: 1.2em
}

.dialog.hasForm .message.success {
  color: #0cff0c;
  padding-top: 0;
  padding-bottom: 1.5em
}

#dialogModalBackdrop {
  z-index: 9998;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, .5);
  display: none
}

.dialog.confirmDialog {
  left: 50%;
  bottom: 50%;
  z-index: 602;
  border-color: #a96262;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .9);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .9);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .9)
}

.dialog.confirmDialog .buttons {
  text-align: center;
  padding: .75em
}

.dialog.confirmDialog .buttons .button {
  margin: 0 2em;
  font-size: .9em
}

.dialog.confirmDialog .buttons .button .label {
  min-width: 7em
}

.dialog.confirmDialog .dontShowAgainContainer {
  text-align: center;
  margin-top: 1em
}

.dialog.confirmDialog .dontShowAgainContainer input {
  width: 1.2em;
  height: 1.2em
}

.dialog.confirmDialog.small .buttons {
  text-align: right
}

.dialog.confirmDialog.small .buttons .button {
  width: auto;
  margin: 0
}

.dialog.confirmDialog.small .buttons .button.cancel {
  margin-right: 1em
}

.dialog.confirmDialog.small .dontShowAgainContainer {
  margin: .5em 0 0
}

.dialog.confirmDialog.alert .buttons .button.cancel {
  display: none
}

table.table {
  width: 100%;
  max-width: 100%;
  height: calc(100% - 1.25em);
  display: inline-block;
  margin-top: 1.25em;
  border-collapse: collapse;
  overflow-x: hidden
}

table.table.twoHeaderRows {
  height: calc(100% - 2.5em);
  margin-top: 2.5em
}

table.table th {
  position: absolute;
  top: 0;
  height: 1.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

table.table th.doubleHeight {
  height: 2.5em
}

#dialogModalBackdrop,
#msieold,
#playspace,
.tabBar {
  position: absolute;
  width: 100%;
  left: 0
}

.tabBar {
  top: .5em;
  border-bottom: 2px solid #4f4f4f;
  font-size: 1.25em;
  color: #ddd
}

.tabBar .tab {
  display: inline-block;
  margin-left: 1em;
  border-style: solid;
  border-color: #4f4f4f #4f4f4f #2a2d36;
  border-width: 2px 2px 0;
  -webkit-border-radius: .75em .75em 0 0;
  -moz-border-radius: .75em .75em 0 0;
  border-radius: .75em .75em 0 0;
  padding: .25em .45em;
  cursor: pointer;
  position: relative;
  top: 2px;
  background-color: #2e2d30
}

.tabBar .tab:hover {
  background-color: #4f5863
}

.tabBar .tab.selected {
  background: linear-gradient(180deg, #798797, #2a2d36), #2a2d36;
  color: #f3f3f3;
  cursor: auto;
  border-bottom-width: 2px
}

.tabContent {
  margin-top: 4em;
  height: calc(100% - 5.25em);
  display: none
}

#gameInfo .name,
.tabContent.selected {
  display: block
}

#msieold,
#playspace {
  height: 100%;
  top: 0
}

#msieold {
  background-color: #fff;
  z-index: 9999;
  color: #f22;
  font-size: 200%;
  text-align: center;
  padding-top: 2em
}

html.foxclocks-statusbar-bottom body,
html.foxclocks-statusbar-top body {
  height: calc(100% - 20px);
  position: relative
}

#playspace {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none
}

#holidayImage {
  position: absolute;
  right: 142px;
  bottom: 0;
  z-index: 0;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom
}

@media (max-width:75em) {
  body #holidayImage {
      -webkit-transform: scaleY(.8) scaleX(.8);
      -moz-transform: scaleY(.8) scaleX(.8);
      -ms-transform: scaleY(.8) scaleX(.8);
      -o-transform: scaleY(.8) scaleX(.8);
      transform: scaleY(.8) scaleX(.8)
  }
}

@media (max-width:60em) {
  body #holidayImage {
      display: none
  }
}

body.menuOnBottom #holidayImage {
  margin-bottom: 2.6em
}

body.tiny #holidayImage {
  display: none
}

#pauseMessage {
  position: absolute;
  width: 100%;
  font-size: 800%;
  top: 35%;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 -1px 2px rgba(0, 0, 0, .9), -1px 0 2px rgba(0, 0, 0, .9), 1px 0 2px rgba(0, 0, 0, .9), 0 4px 0 rgba(255, 255, 255, .7)
}

.noscript {
  font-size: 150%;
  color: #fff
}

#pauseMessage,
#worldofsolitaire_160x600_300x600_300x250_right,
#worldofsolitaire_300x250_1,
#worldofsolitaire_300x250_2,
.noscript {
  text-align: center
}

#worldofsolitaire_300x250_1 {
  margin-top: 10px
}

.gameInfo {
  position: absolute;
  bottom: .25em;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 -1px 2px rgba(0, 0, 0, .9), -1px 0 2px rgba(0, 0, 0, .9), 1px 0 2px rgba(0, 0, 0, .9);
  z-index: 3;
  cursor: default;
  opacity: 0;
  display: none
}

#gameInfo {
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

#gameInfo .moves,
#gameInfo .score,
#gameInfo .time {
  display: inline-block;
  opacity: 0;
  min-width: 6em
}

#gameInfo .time {
  width: 4em
}

#gameInfo .score {
  text-align: left;
  margin-left: 4em
}

#gameInfo .moves {
  text-align: right;
  margin-right: 4em
}

#gameInfo hr {
  opacity: 0;
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 4px 3px rgba(0, 0, 0, .1);
  width: 30em;
  margin-top: .25em;
  margin-bottom: .25em
}

#gameInfo .bottomButonsContainer {
  padding: .5em;
  font-size: .9em
}

#gameInfo .bottomButonsContainer .undoHintBuffer {
  width: 3em;
  display: none
}

#gameInfo .bottomButonsContainer .button {
  display: none
}

#gameInfo .bottomButonsContainer .button .label {
  padding: .25em 2em
}

body.menuOnBottom .gameInfo {
  margin-bottom: 2.7em
}

@media (max-width:425px) {
  body.tiny #gameInfoLeft {
      display: none !important
  }
}

#gameInfoLeft {
  left: .5em
}

#gameInfoLeft .label {
  width: 6.75em;
  white-space: nowrap;
  display: inline-block;
  text-align: right;
  margin-top: .5em
}

#gameInfoLeft .value {
  margin-left: .3em
}

body.limitedHeight.menuOnBottom .gameInfo {
  margin-bottom: 3.4em
}

body.limitedHeight .gameInfo {
  line-height: .8em;
  font-size: .85em
}

body.tiny .gameInfo {
  font-size: 75% !important
}

#rahlc {
  position: absolute;
  right: 0;
  text-align: center;
  font-weight: 700;
  font-size: 110%;
  margin-top: 2.6em;
  visibility: hidden
}

#rahl {
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
  color: #bae0ff;
  cursor: pointer
}

#footer,
#rac {
  position: absolute
}

#rac {
  right: 1px;
  z-index: 0;
  top: 7em
}

.tlod {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important
}

body.menuOnBottom #rahlc {
  margin-top: .15em
}

@media (max-width:65em) {
  #footer .createdBy {
      display: none
  }
}

#footer {
  z-index: 2;
  right: .25em;
  bottom: .25em;
  font-size: 80%;
  cursor: default
}

#footer,
#footer a {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 -1px 2px rgba(0, 0, 0, .9), -1px 0 2px rgba(0, 0, 0, .9), 1px 0 2px rgba(0, 0, 0, .9)
}

#footer .blog.newPost:before {
  font-family: "icomoon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
  top: .15em;
  position: relative;
  color: #9fdb7e;
  font-size: 1.25em;
  margin-right: .25em
}

body.hideFooter #footer {
  display: none
}

@media (max-width:425px) {
  body.tiny #footer {
      display: none
  }
}

body.limitedHeight.menuOnBottom #footer {
  margin-bottom: 3.2em
}

body.menuOnBottom #footer {
  margin-bottom: 3.3em
}

#deckLoadingDialog {
  padding: 2.5em 2.5em 0
}

#deckLoadingDialog img {
  width: 200px;
  height: 200px
}

#deckLoadingDialog h1 {
  text-align: center;
  margin-top: 2em
}

#bulletinDialog {
  left: 1em;
  bottom: 1.5em;
  line-height: 1.5em;
  text-align: center;
  z-index: 600
}

@media (max-width:600px) {
  body #shortcutsDialog img {
      width: 386px !important;
      height: 259px !important
  }
}

@media (max-width:800px) {
  body #shortcutsDialog img {
      width: 579px;
      height: 388px
  }
}

#shortcutsDialog {
  max-height: 90%;
  max-width: calc(772px + 4em);
  text-align: center
}

#shortcutsDialog .title {
  text-align: center;
  font-size: 2em;
  margin-bottom: 1em
}

#shortcutsDialog .mouse {
  margin-top: 1.5em;
  text-align: left
}

#shortcutsDialog img {
  width: 772px;
  height: 518px
}

#shortcutsDialog .shortcuts_mac,
#statsDialog .tabContent.leaderboard table tr td.when .time,
body.mac #shortcutsDialog .shortcuts_win {
  display: none
}

body.mac #shortcutsDialog .shortcuts_mac {
  display: inline
}

#betaMessage {
  white-space: nowrap;
  width: 100%;
  font-size: .6em;
  z-index: 2;
  left: 0;
  top: 4.6em;
  overflow: hidden;
  background-color: rgba(69, 255, 17, .23);
  position: absolute
}

.segmentedControl {
  background-color: #1b1b1b;
  display: block;
  padding: 2px;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
  border: 1px inset #4f4f4f;
  position: relative
}

.segmentedControl.disabled {
  color: #888
}

.segmentedControl.disabled .segment,
.segmentedControl.disabled .thumb {
  cursor: not-allowed
}

.segmentedControl.disabled .thumb {
  background: linear-gradient(180deg, #5d5d5d, #656565), #656565
}

.segmentedControl,
.segmentedControl .segment,
.segmentedControl .thumb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.segmentedControl .segment,
.segmentedControl .thumb {
  display: inline-block;
  padding: .5em;
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
  cursor: pointer
}

.segmentedControl .segment {
  text-align: center;
  position: relative;
  z-index: 2;
  width: calc(50% - .2em)
}

.segmentedControl .thumb {
  z-index: 1;
  background: linear-gradient(180deg, #4f5d82, #4957ff), #4957ff;
  background-color: #4957ff;
  position: absolute;
  top: 2px;
  -webkit-transition: left .1s ease-out;
  -moz-transition: left .1s ease-out;
  -ms-transition: left .1s ease-out;
  -o-transition: left .1s ease-out;
  transition: left .1s ease-out;
  width: calc(50% - 2px)
}

.segmentedControl .thumb.left {
  left: 2px
}

.segmentedControl .thumb.right {
  left: 50%
}

@media (max-width:50em) {
  body #restoreDialog .snapshotsContainer {
      width: 100%
  }
  body #restoreDialog .preview {
      display: none
  }
}

#restoreDialog {
  height: 85%;
  width: 85%;
  max-width: 100em
}

#restoreDialog .snapshotsContainer {
  width: 27em;
  height: calc(100% - 4.5em);
  position: relative
}

#restoreDialog .snapshotsContainer table tbody tr:last-child td,
#statsDialog .tabContent.leaderboard table tr:last-child td {
  border-bottom: 0
}

#restoreDialog .snapshotsContainer table tbody tr td {
  padding: .5em;
  text-align: left;
  border-bottom: 1px solid #ccc;
  vertical-align: middle
}

#restoreDialog .snapshotsContainer table tbody tr td:nth-child(1) {
  min-width: 7em;
  text-align: center
}

#restoreDialog .snapshotsContainer table tbody tr td:nth-child(2),
#restoreDialog .snapshotsContainer table tbody tr td:nth-child(3) {
  min-width: 4em;
  width: 100%
}

#restoreDialog .snapshotsContainer table tbody tr td:nth-child(3) {
  text-align: right;
  font-size: 90%;
  padding-right: 2em
}

#restoreDialog .snapshotsContainer table tbody tr td:nth-child(3) div {
  white-space: nowrap
}

#restoreDialog .snapshotsContainer table tbody tr td:last-child {
  min-width: 24px;
  padding-right: 2em
}

#restoreDialog .snapshotsContainer table tbody tr:hover td {
  cursor: pointer;
  background-color: #4f5863
}

#restoreDialog .snapshotsContainer table tbody tr.selected td {
  background-color: #4f5d82
}

#restoreDialog .preview {
  height: calc(100% - 7em);
  position: absolute;
  display: inline-block;
  top: 2em;
  right: .7em;
  width: calc(100% - 28.7em)
}

#restoreDialog .previewHeader {
  position: absolute;
  top: .55em;
  right: .7em;
  border-bottom: 1px solid #f3f3f3;
  width: calc(100% - 28.7em);
  text-align: center;
  font-weight: 700
}

#restoreDialog .bottom {
  width: 100%;
  text-align: center;
  padding-top: 1em
}

#restoreDialog .bottom .button {
  font-size: 1.5em
}

#restoreDialog .bottom .button .label {
  padding: .15em 1.75em
}

#statsDialog {
  max-width: 100em;
  height: 85%;
  width: 90%
}

#statsDialog .tabBar {
  top: 2.5em
}

#statsDialog .tabBar .tab {
  font-size: .9em;
  margin-left: .8em
}

#statsDialog .headerContainer {
  font-size: 1.2em
}

#statsDialog .headerContainer select {
  font-size: 1em;
  margin-left: .5em;
  min-width: 20em
}

#statsDialog .headerContainer .switchToCurrentGame {
  color: #8585ff;
  font-size: .8em;
  margin-left: 1.25em
}

#statsDialog .headerContainer .switchToCurrentGame .icon {
  font-size: 1.3em;
  text-decoration: none !important
}

#statsDialog .headerContainer .switchToCurrentGame .label {
  position: relative;
  left: .5em;
  top: -.2em
}

#statsDialog .headerContainer .switchToCurrentGame:hover {
  text-decoration: none
}

#statsDialog .tabContent {
  white-space: nowrap
}

#statsDialog .tabContent .half {
  white-space: normal;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(50% - .3em);
  height: calc(100% - .2em);
  text-align: center;
  position: relative
}

#statsDialog .tabContent .half:first-child {
  border-right: 1px solid #4f4f4f
}

#statsDialog .tabContent.stats .half {
  vertical-align: top
}

#statsDialog .tabContent.stats .half h1 {
  font-size: 1.4em
}

#statsDialog .tabContent.stats .half .bottom,
#statsDialog .tabContent.stats .half .top {
  height: 50%;
  width: 100%
}

#statsDialog .tabContent.stats .half .pieContainer,
#statsDialog .tabContent.stats .half .tableContainer {
  height: calc(100% - 3.5em)
}

#statsDialog .tabContent.stats .half .top {
  position: absolute;
  top: 0
}

#statsDialog .tabContent.stats .half .top .tableContainer .message {
  display: inline-block;
  margin-top: 2em
}

#statsDialog .tabContent.stats .half .top .tableContainer table {
  margin-left: auto;
  margin-right: auto
}

#statsDialog .tabContent.stats .half .top .tableContainer table tr td {
  padding: .35em 0
}

#statsDialog .tabContent.stats .half .top .tableContainer table tr td:first-child {
  text-align: right;
  font-weight: 700
}

#statsDialog .tabContent.stats .half .top .tableContainer table tr td:last-child {
  text-align: left;
  padding-left: .5em;
  white-space: nowrap
}

#statsDialog .tabContent.stats .half .top .tableContainer .button.reset {
  margin-top: 1.2em;
  font-size: 1em;
  position: relative;
  z-index: 1
}

#statsDialog .tabContent.stats .half .bottom {
  position: absolute;
  bottom: 0
}

#statsDialog .tabContent.stats .half .bottom .pieContainer {
  position: relative;
  padding-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#statsDialog .tabContent.stats .half .bottom .pieContainer canvas {
  margin-top: -5px
}

#statsDialog .tabContent.stats .half .bottom .pieContainer .pieChartLabel {
  position: absolute;
  z-index: 1;
  font-size: 80%;
  white-space: nowrap;
  text-shadow: 0 1px 1px #2a2d36, 0 -1px 1px #2a2d36, -1px 0 1px #2a2d36, 1px 0 1px #2a2d36
}

#statsDialog .tabContent.stats .half .bottom .pieContainer .pieChartLabel .label {
  font-weight: 700
}

#statsDialog .tabContent.leaderboard .half {
  padding: 0 .5em .25em
}

#statsDialog .tabContent.leaderboard.percentWon .tableContent {
  height: calc(100% - 1.75em)
}

#statsDialog .tabContent.leaderboard.percentWon .tableContent .half {
  height: calc(100% - .5em)
}

#statsDialog .tabContent.leaderboard.percentWon .minRequiredToWin {
  display: inline-block;
  position: absolute;
  bottom: .25em;
  left: 0;
  width: 100%;
  text-align: center
}

#statsDialog .tabContent.leaderboard table {
  width: 100%;
  font-size: 1.1em;
  border-collapse: collapse
}

#statsDialog .tabContent.leaderboard table tr td,
#statsDialog .tabContent.leaderboard table tr th {
  font-family: "Source Code Pro", monospace;
  text-align: left
}

#statsDialog .tabContent.leaderboard table tr td.percentage,
#statsDialog .tabContent.leaderboard table tr td.value,
#statsDialog .tabContent.leaderboard table tr td.when,
#statsDialog .tabContent.leaderboard table tr th.percentage,
#statsDialog .tabContent.leaderboard table tr th.value,
#statsDialog .tabContent.leaderboard table tr th.when {
  text-align: right
}

#statsDialog .tabContent.leaderboard table tr th {
  text-decoration: underline;
  font-size: 1em;
  padding: 0 .3em;
  white-space: nowrap
}

#statsDialog .tabContent.leaderboard table tr td {
  font-size: .83em;
  line-height: 1.1em;
  padding: .15em .3em;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

#statsDialog .tabContent.leaderboard table tr td.when {
  white-space: nowrap
}

#statsDialog .tabContent.leaderboard table tr td:first-child {
  text-align: right;
  font-weight: 700;
  padding-right: .25em
}

#statsDialog .tabContent.leaderboard table tr td:nth-child(2) {
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis
}

#statsDialog .tabContent.leaderboard table tr td:nth-child(3) {
  letter-spacing: -1px
}

@media (max-height:50em) {
  body #statsDialog .tabContent.stats .half hr {
      display: none
  }
  body #statsDialog .tabContent.stats .half .top .tableContainer table tr td {
      padding: .1em
  }
  body #statsDialog .tabContent.stats .half .top .tableContainer .button.reset {
      margin-top: .25em
  }
}

@media (max-height:35em) {
  body #statsDialog .tabContent.stats .top h1 {
      font-size: 1em
  }
  body #statsDialog .tabContent.stats .bottom {
      display: none
  }
}

@media (max-width:60em) {
  body #statsDialog .tabBar .tab {
      font-size: .7em
  }
  body #statsDialog .tabContent.stats .half h1 {
      font-size: 1.2em
  }
}

.tooltip.deckInfo table tr td:nth-child(1) {
  font-weight: 700;
  text-align: right
}

.tooltip.deckInfo table tr td:nth-child(2) {
  padding-left: .5em
}

#optionsDialog {
  height: 75%;
  width: calc(711px + 9.5em);
  max-height: 57.5em
}

#optionsDialog .tabContent.deck .item,
#optionsDialog .tabContent.texture .item {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 1em .5em;
  cursor: pointer
}

#optionsDialog .tabContent.deck .item:hover,
#optionsDialog .tabContent.texture .item:hover {
  background-color: #4f5863
}

#optionsDialog .tabContent.deck .item.selected:after,
#optionsDialog .tabContent.texture .item.selected:after {
  position: absolute;
  width: 100%;
  top: -.1em;
  left: 0;
  content: "✓";
  color: #0f0;
  text-align: center;
  text-shadow: 3px 5px 15px #000
}

#footer .changeLanguage,
#optionsDialog .tabContent.deck .item label,
#optionsDialog .tabContent.texture .item label {
  cursor: pointer
}

#optionsDialog .tabContent.deck .item {
  width: calc(33% - 1em)
}

#optionsDialog .tabContent.deck .item:hover {
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em
}

#optionsDialog .tabContent.deck .item.selected:after {
  font-size: 12em
}

#optionsDialog .tabContent.deck .item label {
  font-size: 1.4em
}

#optionsDialog .tabContent.deck .item label.newDeck:before {
  font-family: "icomoon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
  top: .15em;
  position: relative;
  color: #9fdb7e;
  line-height: .3em;
  font-size: 1.75em;
  margin-right: .3em
}

#optionsDialog .tabContent.texture hr {
  position: relative;
  width: 30em
}

#optionsDialog .tabContent.texture hr.postColor {
  top: 0
}

#optionsDialog .tabContent.texture .solidColorsLabel {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .5em
}

#optionsDialog .tabContent.texture .item {
  margin-right: 1.7em
}

#optionsDialog .tabContent.texture .item a,
#optionsDialog .tabContent.texture .item:hover {
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em
}

#optionsDialog .tabContent.texture .item.custom {
  width: calc(711px + 2em)
}

#optionsDialog .tabContent.texture .item.custom label {
  font-size: 1.75em;
  margin-left: -20em
}

#optionsDialog .tabContent.texture .item.custom input {
  width: calc(100% - 7em);
  z-index: 1;
  position: absolute;
  font-size: 1.75em;
  right: .5em
}

#optionsDialog .tabContent.texture .item.selected:after {
  font-size: 9em
}

#optionsDialog .tabContent.texture .item.color {
  width: 38px;
  height: 38px;
  margin: 5px
}

#optionsDialog .tabContent.texture .item.color:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  border: 5px solid #fff
}

#optionsDialog .tabContent.texture .item.color.selected:after {
  font-size: 4.5em
}

#optionsDialog .tabContent.texture .item.custom.selected:after {
  font-size: 5em;
  text-align: left;
  left: -.1em;
  top: -.3em
}

#optionsDialog .tabContent.texture .item label {
  font-size: 1em
}

#optionsDialog .tabContent.settings {
  font-size: .9em
}

#optionsDialog .tabContent.settings .half {
  width: calc(50% - .2em);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top
}

#optionsDialog .tabContent.settings .half.left {
  border-right: 1px #4f4f4f
}

#optionsDialog .tabContent.settings .half .row.cheerSounds {
  margin-top: 1em
}

#optionsDialog .tabContent.settings .half .row.disabled label {
  color: #525252
}

#optionsDialog .tabContent.settings .half .header.suitOrderHeader {
  position: relative;
  z-index: 1
}

#optionsDialog .tabContent.settings .half .row.suitOrder {
  margin-bottom: .5em
}

#optionsDialog .tabContent.settings .half .row.suitOrder.disabled {
  opacity: .3
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit .controls .icon.disabled,
#optionsDialog .tabContent.settings .half .row.suitOrder.disabled .suit .controls .icon {
  color: #515151;
  cursor: default !important
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit {
  display: inline-block;
  position: relative;
  margin: -1.25em 1em 0 0;
  text-align: center
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit .text {
  font-size: 4.5em;
  min-width: .7em;
  display: inline-block
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit .controls {
  position: absolute;
  bottom: -.6em;
  left: 0;
  font-size: 1.1em;
  color: #ddd;
  width: 100%
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit .controls .icon {
  margin: 0 .1em;
  cursor: pointer;
  text-shadow: none
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit.c,
#optionsDialog .tabContent.settings .half .row.suitOrder .suit.s {
  color: #000;
  text-shadow: 1px 1px 2px gray, 1px -1px 2px gray, -1px 1px 2px gray, -1px -1px 2px gray
}

#optionsDialog .tabContent.settings .half .row.suitOrder .suit.d,
#optionsDialog .tabContent.settings .half .row.suitOrder .suit.h {
  color: red;
  text-shadow: 1px 1px 2px #555, 1px -1px 2px #555, -1px 1px 2px #555, -1px -1px 2px #555
}

#optionsDialog .tabContent.settings .half #SUIT_ORDER_GROUP_UP {
  margin-top: .5em
}

#optionsDialog .tabContent.settings .half #CLOSER_TOGETHER_CARDS {
  margin-top: 1.5em
}

#optionsDialog .tabContent.settings .half .toggleFullScreen {
  display: none
}

#optionsDialog .tabContent.settings .half .toggleFullScreen .link {
  color: #8585ff;
  font-size: .9em;
  margin-left: 1.75em;
  margin-top: .8em;
  display: inline-block
}

#optionsDialog .tabContent.settings .half .changeLanguage {
  margin-left: 1.25em;
  color: #8585ff;
  font-size: .8em
}

#optionsDialog .tabContent.settings .half .header {
  font-size: 1.5em;
  border-bottom: 1px solid #4f4f4f;
  margin-top: 1em;
  display: inline-block
}

#optionsDialog .tabContent.settings .half .header.new:after {
  font-family: "icomoon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
  top: .15em;
  position: relative;
  color: #9fdb7e;
  font-size: 1.25em;
  margin-left: .25em
}

#optionsDialog .tabContent.settings .half .header:nth-child(1) {
  margin-top: 0
}

#optionsDialog .tabContent.settings .half .row {
  font-size: 1.2em;
  padding: .1em 0 .2em 1.5em
}

#optionsDialog .tabContent.settings .half .row.radio {
  padding: .2em 0 0 1.5em
}

body.tiny #optionsDialog .tabContent.deck .item {
  width: calc(50% - 5em)
}

body.ios #optionsDialog .tabContent.texture .item.custom input {
  bottom: .25em
}

body.ios #optionsDialog .tabContent.texture .item.color.selected:after {
  left: -.15em;
  top: -.2em
}

.spotHighlighter.hint {
  -webkit-transform: scale(1.06, 1.04);
  -moz-transform: scale(1.06, 1.04);
  -ms-transform: scale(1.06, 1.04);
  -o-transform: scale(1.06, 1.04);
  transform: scale(1.06, 1.04);
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  -webkit-animation: .7s ease-out 0s infinite alternate hintPulse;
  -moz-animation: .7s ease-out 0s infinite alternate hintPulse;
  -o-animation: .7s ease-out 0s infinite alternate hintPulse;
  animation: .7s ease-out 0s infinite alternate hintPulse
}

#languageDialog {
  bottom: 1.5em;
  right: 1em;
  padding: 1em;
  line-height: 1.5em;
  z-index: 602;
  font-size: .9em
}

#languageDialog li {
  margin-left: 1.5em;
  line-height: 1.75em
}

#languageDialog li.current a {
  color: #ddd
}

body.tiny #languageDialog li {
  line-height: 1.25em
}

body.menuOnBottom #languageDialog {
  bottom: 4em
}

.dialog.askToChangeLanguage {
  left: 1.5em;
  bottom: 2em;
  border-color: #4f4f4f
}

body.menuOnBottom .dialog.askToChangeLanguage {
  bottom: 4.25em
}

#optionsDialog .tabContent.texture a.aloha-turkey {
  width: 158px;
  height: 123px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.aloha-turkey.selected,
#optionsDialog .tabContent.texture a.anchors.selected {
  background-position: 50% 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.anchors,
#optionsDialog .tabContent.texture a.animal,
#optionsDialog .tabContent.texture a.animal2 {
  width: 158px;
  height: 123px;
  background-position: -158px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.anchors.selected {
  background-position: 50% 50%, -158px 0
}

#optionsDialog .tabContent.texture a.animal,
#optionsDialog .tabContent.texture a.animal2 {
  background-position: -316px 0
}

#optionsDialog .tabContent.texture a.animal.selected,
#optionsDialog .tabContent.texture a.animal2.selected {
  background-position: 50% 50%, -316px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.animal2 {
  background-position: -474px 0
}

#optionsDialog .tabContent.texture a.animal2.selected {
  background-position: 50% 50%, -474px 0
}

#optionsDialog .tabContent.texture a.armada,
#optionsDialog .tabContent.texture a.armored,
#optionsDialog .tabContent.texture a.autumn-butterflies {
  width: 158px;
  height: 123px;
  background-position: -632px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.armada.selected,
#optionsDialog .tabContent.texture a.armored.selected {
  background-position: 50% 50%, -632px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.armored,
#optionsDialog .tabContent.texture a.autumn-butterflies {
  background-position: -790px 0
}

#optionsDialog .tabContent.texture a.armored.selected {
  background-position: 50% 50%, -790px 0
}

#optionsDialog .tabContent.texture a.autumn-butterflies {
  background-position: -948px 0
}

#optionsDialog .tabContent.texture a.autumn-butterflies.selected,
#optionsDialog .tabContent.texture a.beachy.selected {
  background-position: 50% 50%, -948px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.beachy,
#optionsDialog .tabContent.texture a.blue-lotus,
#optionsDialog .tabContent.texture a.bones-leather {
  width: 158px;
  height: 123px;
  background-position: -1106px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.beachy.selected {
  background-position: 50% 50%, -1106px 0
}

#optionsDialog .tabContent.texture a.blue-lotus,
#optionsDialog .tabContent.texture a.bones-leather {
  background-position: -1264px 0
}

#optionsDialog .tabContent.texture a.blue-lotus.selected,
#optionsDialog .tabContent.texture a.bones-leather.selected {
  background-position: 50% 50%, -1264px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.bones-leather {
  background-position: 0 -123px
}

#optionsDialog .tabContent.texture a.bones-leather.selected {
  background-position: 50% 50%, 0 -123px
}

#optionsDialog .tabContent.texture a.broach,
#optionsDialog .tabContent.texture a.cabin,
#optionsDialog .tabContent.texture a.camellia {
  width: 158px;
  height: 123px;
  background-position: 0 -246px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.broach.selected,
#optionsDialog .tabContent.texture a.cabin.selected {
  background-position: 50% 50%, 0 -246px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.cabin,
#optionsDialog .tabContent.texture a.camellia {
  background-position: 0 -369px
}

#optionsDialog .tabContent.texture a.cabin.selected {
  background-position: 50% 50%, 0 -369px
}

#optionsDialog .tabContent.texture a.camellia {
  background-position: 0 -492px
}

#optionsDialog .tabContent.texture a.camellia.selected,
#optionsDialog .tabContent.texture a.charcoal.selected {
  background-position: 50% 50%, 0 -492px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.charcoal,
#optionsDialog .tabContent.texture a.chocolate-diamond,
#optionsDialog .tabContent.texture a.clouds {
  width: 158px;
  height: 123px;
  background-position: 0 -615px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.charcoal.selected {
  background-position: 50% 50%, 0 -615px
}

#optionsDialog .tabContent.texture a.chocolate-diamond,
#optionsDialog .tabContent.texture a.clouds {
  background-position: 0 -738px
}

#optionsDialog .tabContent.texture a.chocolate-diamond.selected,
#optionsDialog .tabContent.texture a.clouds.selected {
  background-position: 50% 50%, 0 -738px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.clouds {
  background-position: 0 -861px
}

#optionsDialog .tabContent.texture a.clouds.selected {
  background-position: 50% 50%, 0 -861px
}

#optionsDialog .tabContent.texture a.dark-forest,
#optionsDialog .tabContent.texture a.dark-tile,
#optionsDialog .tabContent.texture a.denimdaisies {
  width: 158px;
  height: 123px;
  background-position: 0 -984px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.dark-forest.selected,
#optionsDialog .tabContent.texture a.dark-tile.selected {
  background-position: 50% 50%, 0 -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.dark-tile,
#optionsDialog .tabContent.texture a.denimdaisies {
  background-position: 0 -1107px
}

#optionsDialog .tabContent.texture a.dark-tile.selected {
  background-position: 50% 50%, 0 -1107px
}

#optionsDialog .tabContent.texture a.denimdaisies {
  background-position: 0 -1230px
}

#optionsDialog .tabContent.texture a.denimdaisies.selected,
#optionsDialog .tabContent.texture a.discs.selected {
  background-position: 50% 50%, 0 -1230px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.discs,
#optionsDialog .tabContent.texture a.frost,
#optionsDialog .tabContent.texture a.fruit-salad {
  width: 158px;
  height: 123px;
  background-position: -158px -123px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.discs.selected {
  background-position: 50% 50%, -158px -123px
}

#optionsDialog .tabContent.texture a.frost,
#optionsDialog .tabContent.texture a.fruit-salad {
  background-position: -316px -123px
}

#optionsDialog .tabContent.texture a.frost.selected,
#optionsDialog .tabContent.texture a.fruit-salad.selected {
  background-position: 50% 50%, -316px -123px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.fruit-salad {
  background-position: -474px -123px
}

#optionsDialog .tabContent.texture a.fruit-salad.selected {
  background-position: 50% 50%, -474px -123px
}

#optionsDialog .tabContent.texture a.fuchsia,
#optionsDialog .tabContent.texture a.german-pinks,
#optionsDialog .tabContent.texture a.ghost-tile {
  width: 158px;
  height: 123px;
  background-position: -632px -123px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.fuchsia.selected,
#optionsDialog .tabContent.texture a.german-pinks.selected {
  background-position: 50% 50%, -632px -123px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.german-pinks,
#optionsDialog .tabContent.texture a.ghost-tile {
  background-position: -790px -123px
}

#optionsDialog .tabContent.texture a.german-pinks.selected {
  background-position: 50% 50%, -790px -123px
}

#optionsDialog .tabContent.texture a.ghost-tile {
  background-position: -948px -123px
}

#optionsDialog .tabContent.texture a.ghost-tile.selected,
#optionsDialog .tabContent.texture a.giza.selected {
  background-position: 50% 50%, -948px -123px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.giza,
#optionsDialog .tabContent.texture a.golden-victorian,
#optionsDialog .tabContent.texture a.grass {
  width: 158px;
  height: 123px;
  background-position: -1106px -123px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.giza.selected {
  background-position: 50% 50%, -1106px -123px
}

#optionsDialog .tabContent.texture a.golden-victorian,
#optionsDialog .tabContent.texture a.grass {
  background-position: -1264px -123px
}

#optionsDialog .tabContent.texture a.golden-victorian.selected,
#optionsDialog .tabContent.texture a.grass.selected {
  background-position: 50% 50%, -1264px -123px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.grass {
  background-position: -158px -246px
}

#optionsDialog .tabContent.texture a.grass.selected {
  background-position: 50% 50%, -158px -246px
}

#optionsDialog .tabContent.texture a.grunge,
#optionsDialog .tabContent.texture a.hold-fast,
#optionsDialog .tabContent.texture a.hollyhock {
  width: 158px;
  height: 123px;
  background-position: -158px -369px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.grunge.selected,
#optionsDialog .tabContent.texture a.hold-fast.selected {
  background-position: 50% 50%, -158px -369px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.hold-fast,
#optionsDialog .tabContent.texture a.hollyhock {
  background-position: -158px -492px
}

#optionsDialog .tabContent.texture a.hold-fast.selected {
  background-position: 50% 50%, -158px -492px
}

#optionsDialog .tabContent.texture a.hollyhock {
  background-position: -158px -615px
}

#optionsDialog .tabContent.texture a.hollyhock.selected,
#optionsDialog .tabContent.texture a.humidor-pink.selected {
  background-position: 50% 50%, -158px -615px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.humidor-pink,
#optionsDialog .tabContent.texture a.intertwined-darkened,
#optionsDialog .tabContent.texture a.iridescent {
  width: 158px;
  height: 123px;
  background-position: -158px -738px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.humidor-pink.selected {
  background-position: 50% 50%, -158px -738px
}

#optionsDialog .tabContent.texture a.intertwined-darkened,
#optionsDialog .tabContent.texture a.iridescent {
  background-position: -158px -861px
}

#optionsDialog .tabContent.texture a.intertwined-darkened.selected,
#optionsDialog .tabContent.texture a.iridescent.selected {
  background-position: 50% 50%, -158px -861px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.iridescent {
  background-position: -158px -984px
}

#optionsDialog .tabContent.texture a.iridescent.selected {
  background-position: 50% 50%, -158px -984px
}

#optionsDialog .tabContent.texture a.khaki,
#optionsDialog .tabContent.texture a.lotus-vases,
#optionsDialog .tabContent.texture a.medallion-burned {
  width: 158px;
  height: 123px;
  background-position: -158px -1107px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.khaki.selected,
#optionsDialog .tabContent.texture a.lotus-vases.selected {
  background-position: 50% 50%, -158px -1107px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.lotus-vases,
#optionsDialog .tabContent.texture a.medallion-burned {
  background-position: -158px -1230px
}

#optionsDialog .tabContent.texture a.lotus-vases.selected {
  background-position: 50% 50%, -158px -1230px
}

#optionsDialog .tabContent.texture a.medallion-burned {
  background-position: -316px -246px
}

#optionsDialog .tabContent.texture a.medallion-burned.selected,
#optionsDialog .tabContent.texture a.octo-redux.selected {
  background-position: 50% 50%, -316px -246px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.octo-redux,
#optionsDialog .tabContent.texture a.panda-madness,
#optionsDialog .tabContent.texture a.paper-flower {
  width: 158px;
  height: 123px;
  background-position: -474px -246px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.octo-redux.selected {
  background-position: 50% 50%, -474px -246px
}

#optionsDialog .tabContent.texture a.panda-madness,
#optionsDialog .tabContent.texture a.paper-flower {
  background-position: -632px -246px
}

#optionsDialog .tabContent.texture a.panda-madness.selected,
#optionsDialog .tabContent.texture a.paper-flower.selected {
  background-position: 50% 50%, -632px -246px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.paper-flower {
  background-position: -790px -246px
}

#optionsDialog .tabContent.texture a.paper-flower.selected {
  background-position: 50% 50%, -790px -246px
}

#optionsDialog .tabContent.texture a.paragon,
#optionsDialog .tabContent.texture a.picnic,
#optionsDialog .tabContent.texture a.pink-lines {
  width: 158px;
  height: 123px;
  background-position: -948px -246px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.paragon.selected,
#optionsDialog .tabContent.texture a.picnic.selected {
  background-position: 50% 50%, -948px -246px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.picnic,
#optionsDialog .tabContent.texture a.pink-lines {
  background-position: -1106px -246px
}

#optionsDialog .tabContent.texture a.picnic.selected {
  background-position: 50% 50%, -1106px -246px
}

#optionsDialog .tabContent.texture a.pink-lines {
  background-position: -1264px -246px
}

#optionsDialog .tabContent.texture a.pink-lines.selected,
#optionsDialog .tabContent.texture a.pink.selected {
  background-position: 50% 50%, -1264px -246px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.pink,
#optionsDialog .tabContent.texture a.pinkie-bouquet,
#optionsDialog .tabContent.texture a.prestige-one {
  width: 158px;
  height: 123px;
  background-position: -316px -369px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.pink.selected {
  background-position: 50% 50%, -316px -369px
}

#optionsDialog .tabContent.texture a.pinkie-bouquet,
#optionsDialog .tabContent.texture a.prestige-one {
  background-position: -316px -492px
}

#optionsDialog .tabContent.texture a.pinkie-bouquet.selected,
#optionsDialog .tabContent.texture a.prestige-one.selected {
  background-position: 50% 50%, -316px -492px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.prestige-one {
  background-position: -316px -615px
}

#optionsDialog .tabContent.texture a.prestige-one.selected {
  background-position: 50% 50%, -316px -615px
}

#optionsDialog .tabContent.texture a.prestige,
#optionsDialog .tabContent.texture a.pumpkin,
#optionsDialog .tabContent.texture a.purple-swirl {
  width: 158px;
  height: 123px;
  background-position: -316px -738px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.prestige.selected,
#optionsDialog .tabContent.texture a.pumpkin.selected {
  background-position: 50% 50%, -316px -738px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.pumpkin,
#optionsDialog .tabContent.texture a.purple-swirl {
  background-position: -316px -861px
}

#optionsDialog .tabContent.texture a.pumpkin.selected {
  background-position: 50% 50%, -316px -861px
}

#optionsDialog .tabContent.texture a.purple-swirl {
  background-position: -316px -984px
}

#optionsDialog .tabContent.texture a.purple-swirl.selected,
#optionsDialog .tabContent.texture a.rafters.selected {
  background-position: 50% 50%, -316px -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.rafters,
#optionsDialog .tabContent.texture a.ravens,
#optionsDialog .tabContent.texture a.renzler {
  width: 158px;
  height: 123px;
  background-position: -316px -1107px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.rafters.selected {
  background-position: 50% 50%, -316px -1107px
}

#optionsDialog .tabContent.texture a.ravens,
#optionsDialog .tabContent.texture a.renzler {
  background-position: -316px -1230px
}

#optionsDialog .tabContent.texture a.ravens.selected,
#optionsDialog .tabContent.texture a.renzler.selected {
  background-position: 50% 50%, -316px -1230px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.renzler {
  background-position: -474px -369px
}

#optionsDialog .tabContent.texture a.renzler.selected {
  background-position: 50% 50%, -474px -369px
}

#optionsDialog .tabContent.texture a.royal-lobsterific,
#optionsDialog .tabContent.texture a.ruby-sundial,
#optionsDialog .tabContent.texture a.simple-paisley {
  width: 158px;
  height: 123px;
  background-position: -632px -369px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.royal-lobsterific.selected,
#optionsDialog .tabContent.texture a.ruby-sundial.selected {
  background-position: 50% 50%, -632px -369px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.ruby-sundial,
#optionsDialog .tabContent.texture a.simple-paisley {
  background-position: -790px -369px
}

#optionsDialog .tabContent.texture a.ruby-sundial.selected {
  background-position: 50% 50%, -790px -369px
}

#optionsDialog .tabContent.texture a.simple-paisley {
  background-position: -948px -369px
}

#optionsDialog .tabContent.texture a.simple-paisley.selected,
#optionsDialog .tabContent.texture a.snowflake.selected {
  background-position: 50% 50%, -948px -369px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.snowflake,
#optionsDialog .tabContent.texture a.straw-flowers,
#optionsDialog .tabContent.texture a.techno {
  width: 158px;
  height: 123px;
  background-position: -1106px -369px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.snowflake.selected {
  background-position: 50% 50%, -1106px -369px
}

#optionsDialog .tabContent.texture a.straw-flowers,
#optionsDialog .tabContent.texture a.techno {
  background-position: -1264px -369px
}

#optionsDialog .tabContent.texture a.straw-flowers.selected,
#optionsDialog .tabContent.texture a.techno.selected {
  background-position: 50% 50%, -1264px -369px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.techno {
  background-position: -474px -492px
}

#optionsDialog .tabContent.texture a.techno.selected {
  background-position: 50% 50%, -474px -492px
}

#optionsDialog .tabContent.texture a.ultra-violet,
#optionsDialog .tabContent.texture a.vintagescarlet,
#optionsDialog .tabContent.texture a.violet-fabric {
  width: 158px;
  height: 123px;
  background-position: -632px -492px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.ultra-violet.selected,
#optionsDialog .tabContent.texture a.vintagescarlet.selected {
  background-position: 50% 50%, -632px -492px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.vintagescarlet,
#optionsDialog .tabContent.texture a.violet-fabric {
  background-position: -790px -492px
}

#optionsDialog .tabContent.texture a.vintagescarlet.selected {
  background-position: 50% 50%, -790px -492px
}

#optionsDialog .tabContent.texture a.violet-fabric {
  background-position: -948px -492px
}

#optionsDialog .tabContent.texture a.bluecanvas.selected,
#optionsDialog .tabContent.texture a.violet-fabric.selected {
  background-position: 50% 50%, -948px -492px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.bluecanvas,
#optionsDialog .tabContent.texture a.fabric,
#optionsDialog .tabContent.texture a.fabric02 {
  width: 158px;
  height: 123px;
  background-position: -1106px -492px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.bluecanvas.selected {
  background-position: 50% 50%, -1106px -492px
}

#optionsDialog .tabContent.texture a.fabric,
#optionsDialog .tabContent.texture a.fabric02 {
  background-position: -1264px -492px
}

#optionsDialog .tabContent.texture a.fabric.selected,
#optionsDialog .tabContent.texture a.fabric02.selected {
  background-position: 50% 50%, -1264px -492px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.fabric02 {
  background-position: -474px -615px
}

#optionsDialog .tabContent.texture a.fabric02.selected {
  background-position: 50% 50%, -474px -615px
}

#optionsDialog .tabContent.texture a.fabric03,
#optionsDialog .tabContent.texture a.fabric04,
#optionsDialog .tabContent.texture a.fabric05 {
  width: 158px;
  height: 123px;
  background-position: -474px -738px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.fabric03.selected,
#optionsDialog .tabContent.texture a.fabric04.selected {
  background-position: 50% 50%, -474px -738px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.fabric04,
#optionsDialog .tabContent.texture a.fabric05 {
  background-position: -474px -861px
}

#optionsDialog .tabContent.texture a.fabric04.selected {
  background-position: 50% 50%, -474px -861px
}

#optionsDialog .tabContent.texture a.fabric05 {
  background-position: -474px -984px
}

#optionsDialog .tabContent.texture a.fabric05.selected,
#optionsDialog .tabContent.texture a.fabric06.selected {
  background-position: 50% 50%, -474px -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.fabric06,
#optionsDialog .tabContent.texture a.fabric07,
#optionsDialog .tabContent.texture a.fabric08 {
  width: 158px;
  height: 123px;
  background-position: -474px -1107px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.fabric06.selected {
  background-position: 50% 50%, -474px -1107px
}

#optionsDialog .tabContent.texture a.fabric07,
#optionsDialog .tabContent.texture a.fabric08 {
  background-position: -474px -1230px
}

#optionsDialog .tabContent.texture a.fabric07.selected,
#optionsDialog .tabContent.texture a.fabric08.selected {
  background-position: 50% 50%, -474px -1230px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.fabric08 {
  background-position: -632px -615px
}

#optionsDialog .tabContent.texture a.fabric08.selected {
  background-position: 50% 50%, -632px -615px
}

#optionsDialog .tabContent.texture a.fabric09,
#optionsDialog .tabContent.texture a.fabric10,
#optionsDialog .tabContent.texture a.fabric11 {
  width: 158px;
  height: 123px;
  background-position: -790px -615px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.fabric09.selected,
#optionsDialog .tabContent.texture a.fabric10.selected {
  background-position: 50% 50%, -790px -615px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.fabric10,
#optionsDialog .tabContent.texture a.fabric11 {
  background-position: -948px -615px
}

#optionsDialog .tabContent.texture a.fabric10.selected {
  background-position: 50% 50%, -948px -615px
}

#optionsDialog .tabContent.texture a.fabric11 {
  background-position: -1106px -615px
}

#optionsDialog .tabContent.texture a.fabric11.selected,
#optionsDialog .tabContent.texture a.greenfelt.selected {
  background-position: 50% 50%, -1106px -615px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.blinds,
#optionsDialog .tabContent.texture a.bricks,
#optionsDialog .tabContent.texture a.greenfelt {
  width: 158px;
  height: 123px;
  background-position: -1264px -615px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.greenfelt.selected {
  background-position: 50% 50%, -1264px -615px
}

#optionsDialog .tabContent.texture a.blinds,
#optionsDialog .tabContent.texture a.bricks {
  background-position: -632px -738px
}

#optionsDialog .tabContent.texture a.blinds.selected,
#optionsDialog .tabContent.texture a.bricks.selected {
  background-position: 50% 50%, -632px -738px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.bricks {
  background-position: -632px -861px
}

#optionsDialog .tabContent.texture a.bricks.selected {
  background-position: 50% 50%, -632px -861px
}

#optionsDialog .tabContent.texture a.concrete,
#optionsDialog .tabContent.texture a.concrete2,
#optionsDialog .tabContent.texture a.egypt {
  width: 158px;
  height: 123px;
  background-position: -632px -984px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.concrete.selected,
#optionsDialog .tabContent.texture a.concrete2.selected {
  background-position: 50% 50%, -632px -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.concrete2,
#optionsDialog .tabContent.texture a.egypt {
  background-position: -632px -1107px
}

#optionsDialog .tabContent.texture a.concrete2.selected {
  background-position: 50% 50%, -632px -1107px
}

#optionsDialog .tabContent.texture a.egypt {
  background-position: -632px -1230px
}

#optionsDialog .tabContent.texture a.egypt.selected,
#optionsDialog .tabContent.texture a.glass-tile.selected {
  background-position: 50% 50%, -632px -1230px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.glass-tile,
#optionsDialog .tabContent.texture a.marble,
#optionsDialog .tabContent.texture a.stone {
  width: 158px;
  height: 123px;
  background-position: -790px -738px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.glass-tile.selected {
  background-position: 50% 50%, -790px -738px
}

#optionsDialog .tabContent.texture a.marble,
#optionsDialog .tabContent.texture a.stone {
  background-position: -948px -738px
}

#optionsDialog .tabContent.texture a.marble.selected,
#optionsDialog .tabContent.texture a.stone.selected {
  background-position: 50% 50%, -948px -738px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.stone {
  background-position: -1106px -738px
}

#optionsDialog .tabContent.texture a.stone.selected {
  background-position: 50% 50%, -1106px -738px
}

#optionsDialog .tabContent.texture a.stone2,
#optionsDialog .tabContent.texture a.stones,
#optionsDialog .tabContent.texture a.textured {
  width: 158px;
  height: 123px;
  background-position: -1264px -738px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.stone2.selected,
#optionsDialog .tabContent.texture a.stones.selected {
  background-position: 50% 50%, -1264px -738px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.stones,
#optionsDialog .tabContent.texture a.textured {
  background-position: -790px -861px
}

#optionsDialog .tabContent.texture a.stones.selected {
  background-position: 50% 50%, -790px -861px
}

#optionsDialog .tabContent.texture a.textured {
  background-position: -790px -984px
}

#optionsDialog .tabContent.texture a.textured.selected,
#optionsDialog .tabContent.texture a.textured2.selected {
  background-position: 50% 50%, -790px -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.textured2,
#optionsDialog .tabContent.texture a.tile2,
#optionsDialog .tabContent.texture a.tile3 {
  width: 158px;
  height: 123px;
  background-position: -790px -1107px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.textured2.selected {
  background-position: 50% 50%, -790px -1107px
}

#optionsDialog .tabContent.texture a.tile2,
#optionsDialog .tabContent.texture a.tile3 {
  background-position: -790px -1230px
}

#optionsDialog .tabContent.texture a.tile2.selected,
#optionsDialog .tabContent.texture a.tile3.selected {
  background-position: 50% 50%, -790px -1230px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.tile2 {
  background-position: -948px -861px
}

#optionsDialog .tabContent.texture a.tile2.selected {
  background-position: 50% 50%, -948px -861px
}

#optionsDialog .tabContent.texture a.tile,
#optionsDialog .tabContent.texture a.wood,
#optionsDialog .tabContent.texture a.wood2 {
  width: 158px;
  height: 123px;
  background-position: -1106px -861px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.tile.selected,
#optionsDialog .tabContent.texture a.wood.selected {
  background-position: 50% 50%, -1106px -861px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.wood,
#optionsDialog .tabContent.texture a.wood2 {
  background-position: -1264px -861px
}

#optionsDialog .tabContent.texture a.wood.selected {
  background-position: 50% 50%, -1264px -861px
}

#optionsDialog .tabContent.texture a.wood2 {
  background-position: -948px -984px
}

#optionsDialog .tabContent.texture a.wood2.selected,
#optionsDialog .tabContent.texture a.wood3.selected {
  background-position: 50% 50%, -948px -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.wood3,
#optionsDialog .tabContent.texture a.wood4,
#optionsDialog .tabContent.texture a.wood5 {
  width: 158px;
  height: 123px;
  background-position: -948px -1107px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.wood3.selected {
  background-position: 50% 50%, -948px -1107px
}

#optionsDialog .tabContent.texture a.wood4,
#optionsDialog .tabContent.texture a.wood5 {
  background-position: -948px -1230px
}

#optionsDialog .tabContent.texture a.wood4.selected,
#optionsDialog .tabContent.texture a.wood5.selected {
  background-position: 50% 50%, -948px -1230px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.texture a.wood5 {
  background-position: -1106px -984px
}

#optionsDialog .tabContent.texture a.wood5.selected {
  background-position: 50% 50%, -1106px -984px
}

#optionsDialog .tabContent.deck a.azzedarsan,
#optionsDialog .tabContent.texture a.rock,
#optionsDialog .tabContent.texture a.woodpanel {
  width: 158px;
  height: 123px;
  background-position: -1264px -984px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.texture a.rock.selected,
#optionsDialog .tabContent.texture a.woodpanel.selected {
  background-position: 50% 50%, -1264px -984px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.azzedarsan,
#optionsDialog .tabContent.texture a.rock {
  background-position: -1106px -1107px
}

#optionsDialog .tabContent.texture a.rock.selected {
  background-position: 50% 50%, -1106px -1107px
}

#optionsDialog .tabContent.deck a.azzedarsan {
  width: 244px;
  height: 178px;
  background-position: 0 0
}

#gameChooserDialog .right .bottom .game .preview.EasthavenKingsOnly.selected,
#optionsDialog .tabContent.deck a.azzedarsan.selected,
#optionsDialog .tabContent.deck a.oxygenwhite.selected {
  background-position: 50% 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.ornamental,
#optionsDialog .tabContent.deck a.oxygen,
#optionsDialog .tabContent.deck a.oxygenwhite {
  width: 244px;
  height: 173px;
  background-position: -244px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.deck a.oxygenwhite.selected {
  background-position: 50% 50%, -244px 0
}

#optionsDialog .tabContent.deck a.ornamental,
#optionsDialog .tabContent.deck a.oxygen {
  background-position: -488px 0
}

#optionsDialog .tabContent.deck a.ornamental.selected,
#optionsDialog .tabContent.deck a.oxygen.selected {
  background-position: 50% 50%, -488px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.ornamental {
  width: 238px;
  height: 162px;
  background-position: 0 -178px
}

#optionsDialog .tabContent.deck a.ornamental.selected {
  background-position: 50% 50%, 0 -178px
}

#optionsDialog .tabContent.deck a.egypt,
#optionsDialog .tabContent.deck a.majestic,
#optionsDialog .tabContent.deck a.torres {
  width: 232px;
  height: 160px;
  background-position: 0 -340px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.deck a.majestic.selected,
#optionsDialog .tabContent.deck a.torres.selected {
  background-position: 50% 50%, 0 -340px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.egypt,
#optionsDialog .tabContent.deck a.majestic {
  background-position: 0 -500px
}

#optionsDialog .tabContent.deck a.majestic.selected {
  background-position: 50% 50%, 0 -500px
}

#optionsDialog .tabContent.deck a.egypt {
  height: 156px;
  background-position: 0 -660px
}

#optionsDialog .tabContent.deck a.egypt.selected,
#optionsDialog .tabContent.deck a.fourcolor.selected {
  background-position: 50% 50%, 0 -660px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.elements,
#optionsDialog .tabContent.deck a.fourcolor {
  width: 230px;
  height: 178px;
  background-position: -238px -178px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.deck a.fourcolor.selected {
  background-position: 50% 50%, -238px -178px
}

#optionsDialog .tabContent.deck a.elements {
  height: 160px;
  background-position: -468px -178px
}

#optionsDialog .tabContent.deck a.elements.selected,
#optionsDialog .tabContent.deck a.ninaste.selected {
  background-position: 50% 50%, -468px -178px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.ninaste,
#optionsDialog .tabContent.deck a.paris,
#optionsDialog .tabContent.deck a.tango {
  width: 230px;
  height: 160px;
  background-position: -238px -356px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.deck a.ninaste.selected {
  background-position: 50% 50%, -238px -356px
}

#optionsDialog .tabContent.deck a.paris,
#optionsDialog .tabContent.deck a.tango {
  height: 178px;
  background-position: -238px -516px
}

#optionsDialog .tabContent.deck a.paris.selected,
#optionsDialog .tabContent.deck a.tango.selected {
  background-position: 50% 50%, -238px -516px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.tango {
  width: 229px;
  height: 155px;
  background-position: -238px -694px;
  padding: 0 1px 0 0
}

#optionsDialog .tabContent.deck a.tango.selected {
  background-position: 50% 50%, -238px -694px
}

#optionsDialog .tabContent.deck a.animals,
#optionsDialog .tabContent.deck a.dondorf,
#optionsDialog .tabContent.deck a.kingdomclash {
  width: 228px;
  height: 178px;
  background-position: -468px -356px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#optionsDialog .tabContent.deck a.animals.selected,
#optionsDialog .tabContent.deck a.dondorf.selected {
  background-position: 50% 50%, -468px -356px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#optionsDialog .tabContent.deck a.animals,
#optionsDialog .tabContent.deck a.kingdomclash {
  background-position: -696px -356px
}

#optionsDialog .tabContent.deck a.animals.selected {
  background-position: 50% 50%, -696px -356px
}

#optionsDialog .tabContent.deck a.kingdomclash {
  height: 160px;
  background-position: -468px -534px
}

#optionsDialog .tabContent.deck a.anglo.selected,
#optionsDialog .tabContent.deck a.kingdomclash.selected {
  background-position: 50% 50%, -468px -534px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.EasthavenKingsOnly,
#optionsDialog .tabContent.deck a.anglo {
  width: 228px;
  height: 178px;
  background-position: -468px -694px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0 0 1px;
  display: inline-block
}

#optionsDialog .tabContent.deck a.anglo.selected {
  background-position: 50% 50%, -468px -694px
}

#gameChooserDialog .right .bottom .game .preview.EasthavenKingsOnly {
  width: 250px;
  height: 150px;
  background-position: 0 0;
  padding: 0
}

#gameChooserDialog .right .bottom .game .preview.AcesUp,
#gameChooserDialog .right .bottom .game .preview.CruelTraditionalRedeal {
  width: 250px;
  height: 150px;
  background-position: -250px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.AcesUp.selected,
#gameChooserDialog .right .bottom .game .preview.CruelTraditionalRedeal.selected {
  background-position: 50% 50%, -250px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AcesUp {
  background-position: -500px 0
}

#gameChooserDialog .right .bottom .game .preview.AcesUp.selected {
  background-position: 50% 50%, -500px 0
}

#gameChooserDialog .right .bottom .game .preview.BeleagueredCastle,
#gameChooserDialog .right .bottom .game .preview.MontanaRelaxed {
  width: 250px;
  height: 150px;
  background-position: -750px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.BeleagueredCastle.selected,
#gameChooserDialog .right .bottom .game .preview.MontanaRelaxed.selected {
  background-position: 50% 50%, -750px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.MontanaRelaxed {
  background-position: -1000px 0
}

#gameChooserDialog .right .bottom .game .preview.MontanaRelaxed.selected {
  background-position: 50% 50%, -1000px 0
}

#gameChooserDialog .right .bottom .game .preview.FlowerGarden,
#gameChooserDialog .right .bottom .game .preview.SeahavenTowersRelaxed {
  width: 250px;
  height: 150px;
  background-position: -1250px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FlowerGarden.selected,
#gameChooserDialog .right .bottom .game .preview.SeahavenTowersRelaxed.selected {
  background-position: 50% 50%, -1250px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FlowerGarden {
  background-position: -1500px 0
}

#gameChooserDialog .right .bottom .game .preview.FlowerGarden.selected {
  background-position: 50% 50%, -1500px 0
}

#gameChooserDialog .right .bottom .game .preview.DoubleEasthavenKingsOnly,
#gameChooserDialog .right .bottom .game .preview.EightOffRelaxed {
  width: 250px;
  height: 150px;
  background-position: -1750px 0;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.DoubleEasthavenKingsOnly.selected,
#gameChooserDialog .right .bottom .game .preview.EightOffRelaxed.selected {
  background-position: 50% 50%, -1750px 0;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.EightOffRelaxed {
  background-position: -2000px 0
}

#gameChooserDialog .right .bottom .game .preview.EightOffRelaxed.selected {
  background-position: 50% 50%, -2000px 0
}

#gameChooserDialog .right .bottom .game .preview.AustralianPatienceEasy,
#gameChooserDialog .right .bottom .game .preview.TriPeaksStrictHidden {
  width: 250px;
  height: 150px;
  background-position: 0 -150px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.AustralianPatienceEasy.selected {
  background-position: 50% 50%, 0 -150px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.TriPeaksStrictHidden {
  background-position: 0 -300px
}

#gameChooserDialog .right .bottom .game .preview.TriPeaksStrictHidden.selected {
  background-position: 50% 50%, 0 -300px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FortyThievesRelaxed,
#gameChooserDialog .right .bottom .game .preview.OneHandedSolitaire {
  width: 250px;
  height: 150px;
  background-position: 0 -450px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FortyThievesRelaxed.selected {
  background-position: 50% 50%, 0 -450px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.OneHandedSolitaire {
  background-position: 0 -600px
}

#gameChooserDialog .right .bottom .game .preview.OneHandedSolitaire.selected {
  background-position: 50% 50%, 0 -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Calculation,
#gameChooserDialog .right .bottom .game .preview.CrescentRelaxed {
  width: 250px;
  height: 150px;
  background-position: 0 -750px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Calculation.selected,
#gameChooserDialog .right .bottom .game .preview.CrescentRelaxed.selected {
  background-position: 50% 50%, 0 -750px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Calculation {
  background-position: 0 -900px
}

#gameChooserDialog .right .bottom .game .preview.Calculation.selected {
  background-position: 50% 50%, 0 -900px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceRelaxedEasy,
#gameChooserDialog .right .bottom .game .preview.TripleKlondikeRelaxedTurn1 {
  width: 250px;
  height: 150px;
  background-position: 0 -1050px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeRelaxedTurn1.selected {
  background-position: 50% 50%, 0 -1050px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceRelaxedEasy {
  background-position: 0 -1200px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceRelaxedEasy.selected,
#gameChooserDialog .right .bottom .game .preview.PyramidEasy.selected {
  background-position: 50% 50%, 0 -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.PyramidEasy,
#gameChooserDialog .right .bottom .game .preview.ScorpionRelaxed {
  width: 250px;
  height: 150px;
  background-position: 0 -1350px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.PyramidEasy.selected {
  background-position: 50% 50%, 0 -1350px
}

#gameChooserDialog .right .bottom .game .preview.ScorpionRelaxed {
  background-position: 0 -1500px
}

#gameChooserDialog .right .bottom .game .preview.FortunesFavor.selected,
#gameChooserDialog .right .bottom .game .preview.ScorpionRelaxed.selected {
  background-position: 50% 50%, 0 -1500px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FortunesFavor,
#gameChooserDialog .right .bottom .game .preview.parts0125 {
  width: 250px;
  height: 150px;
  background-position: 0 -1650px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FortunesFavor.selected {
  background-position: 50% 50%, 0 -1650px
}

#gameChooserDialog .right .bottom .game .preview.parts0125 {
  background-position: 0 -1800px
}

#gameChooserDialog .right .bottom .game .preview.TowerOfHanoi.selected,
#gameChooserDialog .right .bottom .game .preview.parts0125.selected {
  background-position: 50% 50%, 0 -1800px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Addiction,
#gameChooserDialog .right .bottom .game .preview.TowerOfHanoi {
  width: 250px;
  height: 150px;
  background-position: 0 -1950px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.TowerOfHanoi.selected {
  background-position: 50% 50%, 0 -1950px
}

#gameChooserDialog .right .bottom .game .preview.Addiction {
  background-position: 0 -2100px
}

#gameChooserDialog .right .bottom .game .preview.Addiction.selected,
#gameChooserDialog .right .bottom .game .preview.EightOff.selected {
  background-position: 50% 50%, 0 -2100px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.EightOff,
#gameChooserDialog .right .bottom .game .preview.FortyThieves {
  width: 250px;
  height: 150px;
  background-position: -250px -150px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.EightOff.selected {
  background-position: 50% 50%, -250px -150px
}

#gameChooserDialog .right .bottom .game .preview.FortyThieves {
  background-position: -500px -150px
}

#gameChooserDialog .right .bottom .game .preview.FortyThieves.selected,
#gameChooserDialog .right .bottom .game .preview.Yukon.selected {
  background-position: 50% 50%, -500px -150px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Pyramid,
#gameChooserDialog .right .bottom .game .preview.Yukon {
  width: 250px;
  height: 150px;
  background-position: -750px -150px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Yukon.selected {
  background-position: 50% 50%, -750px -150px
}

#gameChooserDialog .right .bottom .game .preview.Pyramid {
  background-position: -1000px -150px
}

#gameChooserDialog .right .bottom .game .preview.Montana.selected,
#gameChooserDialog .right .bottom .game .preview.Pyramid.selected {
  background-position: 50% 50%, -1000px -150px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Montana,
#gameChooserDialog .right .bottom .game .preview.WillOTheWisp {
  width: 250px;
  height: 150px;
  background-position: -1250px -150px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Montana.selected {
  background-position: 50% 50%, -1250px -150px
}

#gameChooserDialog .right .bottom .game .preview.WillOTheWisp {
  background-position: -1500px -150px
}

#gameChooserDialog .right .bottom .game .preview.TriPeaksHidden.selected,
#gameChooserDialog .right .bottom .game .preview.WillOTheWisp.selected {
  background-position: 50% 50%, -1500px -150px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceRelaxed,
#gameChooserDialog .right .bottom .game .preview.TriPeaksHidden {
  width: 250px;
  height: 150px;
  background-position: -1750px -150px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.TriPeaksHidden.selected {
  background-position: 50% 50%, -1750px -150px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceRelaxed {
  background-position: -2000px -150px
}

#gameChooserDialog .right .bottom .game .preview.AcesUpRelaxed.selected,
#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceRelaxed.selected {
  background-position: 50% 50%, -2000px -150px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AcesUpRelaxed,
#gameChooserDialog .right .bottom .game .preview.GolfStrict {
  width: 250px;
  height: 150px;
  background-position: -250px -300px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.AcesUpRelaxed.selected {
  background-position: 50% 50%, -250px -300px
}

#gameChooserDialog .right .bottom .game .preview.GolfStrict {
  background-position: -500px -300px
}

#gameChooserDialog .right .bottom .game .preview.Easthaven.selected,
#gameChooserDialog .right .bottom .game .preview.GolfStrict.selected {
  background-position: 50% 50%, -500px -300px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Easthaven,
#gameChooserDialog .right .bottom .game .preview.RoyalParadeEasy {
  width: 250px;
  height: 150px;
  background-position: -750px -300px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Easthaven.selected {
  background-position: 50% 50%, -750px -300px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParadeEasy {
  background-position: -1000px -300px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParadeEasy.selected,
#gameChooserDialog .right .bottom .game .preview.Sultan.selected {
  background-position: 50% 50%, -1000px -300px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.GrandmammasPatience,
#gameChooserDialog .right .bottom .game .preview.Sultan {
  width: 250px;
  height: 150px;
  background-position: -1250px -300px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Sultan.selected {
  background-position: 50% 50%, -1250px -300px
}

#gameChooserDialog .right .bottom .game .preview.GrandmammasPatience {
  background-position: -1500px -300px
}

#gameChooserDialog .right .bottom .game .preview.GrandmammasPatience.selected {
  background-position: 50% 50%, -1500px -300px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.KlondikeStrictTurn1,
#gameChooserDialog .right .bottom .game .preview.TripleKlondikeTurn1 {
  width: 250px;
  height: 150px;
  background-position: -1750px -300px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.KlondikeStrictTurn1.selected {
  background-position: 50% 50%, -1750px -300px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeTurn1 {
  background-position: -2000px -300px
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeTurn1.selected,
#gameChooserDialog .right .bottom .game .preview.parts0127.selected {
  background-position: 50% 50%, -2000px -300px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.KlondikeRelaxedTurn1,
#gameChooserDialog .right .bottom .game .preview.parts0127 {
  width: 250px;
  height: 150px;
  background-position: -250px -450px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.parts0127.selected {
  background-position: 50% 50%, -250px -450px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeRelaxedTurn1 {
  background-position: -250px -600px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeRelaxedTurn1.selected,
#gameChooserDialog .right .bottom .game .preview.TriPeaks.selected {
  background-position: 50% 50%, -250px -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceHarder,
#gameChooserDialog .right .bottom .game .preview.TriPeaks {
  width: 250px;
  height: 150px;
  background-position: -250px -750px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.TriPeaks.selected {
  background-position: 50% 50%, -250px -750px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceHarder {
  background-position: -250px -900px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceHarder.selected,
#gameChooserDialog .right .bottom .game .preview.Spiderette2Suits.selected {
  background-position: 50% 50%, -250px -900px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Spiderette2Suits,
#gameChooserDialog .right .bottom .game .preview.TripleEasthavenKingsOnly {
  width: 250px;
  height: 150px;
  background-position: -250px -1050px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Spiderette2Suits.selected {
  background-position: 50% 50%, -250px -1050px
}

#gameChooserDialog .right .bottom .game .preview.TripleEasthavenKingsOnly {
  background-position: -250px -1200px
}

#gameChooserDialog .right .bottom .game .preview.Scorpion.selected,
#gameChooserDialog .right .bottom .game .preview.TripleEasthavenKingsOnly.selected {
  background-position: 50% 50%, -250px -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.BakersGame,
#gameChooserDialog .right .bottom .game .preview.Scorpion {
  width: 250px;
  height: 150px;
  background-position: -250px -1350px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Scorpion.selected {
  background-position: 50% 50%, -250px -1350px
}

#gameChooserDialog .right .bottom .game .preview.BakersGame {
  background-position: -250px -1500px
}

#gameChooserDialog .right .bottom .game .preview.BakersGame.selected,
#gameChooserDialog .right .bottom .game .preview.WindmillStrict.selected {
  background-position: 50% 50%, -250px -1500px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.StreetsAndAlleys,
#gameChooserDialog .right .bottom .game .preview.WindmillStrict {
  width: 250px;
  height: 150px;
  background-position: -250px -1650px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.WindmillStrict.selected {
  background-position: 50% 50%, -250px -1650px
}

#gameChooserDialog .right .bottom .game .preview.StreetsAndAlleys {
  background-position: -250px -1800px
}

#gameChooserDialog .right .bottom .game .preview.FourSeasons.selected,
#gameChooserDialog .right .bottom .game .preview.StreetsAndAlleys.selected {
  background-position: 50% 50%, -250px -1800px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Alaska,
#gameChooserDialog .right .bottom .game .preview.FourSeasons {
  width: 250px;
  height: 150px;
  background-position: -250px -1950px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FourSeasons.selected {
  background-position: 50% 50%, -250px -1950px
}

#gameChooserDialog .right .bottom .game .preview.Alaska {
  background-position: -250px -2100px
}

#gameChooserDialog .right .bottom .game .preview.Alaska.selected,
#gameChooserDialog .right .bottom .game .preview.parts0128.selected {
  background-position: 50% 50%, -250px -2100px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeRelaxedTurn3,
#gameChooserDialog .right .bottom .game .preview.parts0128 {
  width: 250px;
  height: 150px;
  background-position: -500px -450px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.parts0128.selected {
  background-position: 50% 50%, -500px -450px
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeRelaxedTurn3 {
  background-position: -750px -450px
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeRelaxedTurn3.selected {
  background-position: 50% 50%, -750px -450px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.TrefoilAndADraw,
#gameChooserDialog .right .bottom .game .preview.TripleEasthaven {
  width: 250px;
  height: 150px;
  background-position: -1000px -450px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.TrefoilAndADraw.selected,
#gameChooserDialog .right .bottom .game .preview.TripleEasthaven.selected {
  background-position: 50% 50%, -1000px -450px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.TripleEasthaven {
  background-position: -1250px -450px
}

#gameChooserDialog .right .bottom .game .preview.TripleEasthaven.selected {
  background-position: 50% 50%, -1250px -450px
}

#gameChooserDialog .right .bottom .game .preview.Clock,
#gameChooserDialog .right .bottom .game .preview.ScorpionEasy {
  width: 250px;
  height: 150px;
  background-position: -1500px -450px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Clock.selected,
#gameChooserDialog .right .bottom .game .preview.ScorpionEasy.selected {
  background-position: 50% 50%, -1500px -450px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.ScorpionEasy {
  background-position: -1750px -450px
}

#gameChooserDialog .right .bottom .game .preview.ScorpionEasy.selected {
  background-position: 50% 50%, -1750px -450px
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeTurn1,
#gameChooserDialog .right .bottom .game .preview.ScorpionRelaxedEasy {
  width: 250px;
  height: 150px;
  background-position: -2000px -450px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.ScorpionRelaxedEasy.selected {
  background-position: 50% 50%, -2000px -450px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeTurn1 {
  background-position: -500px -600px
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeTurn1.selected {
  background-position: 50% 50%, -500px -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeRelaxedTurn1,
#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeTurn3 {
  width: 250px;
  height: 150px;
  background-position: -750px -600px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeTurn3.selected {
  background-position: 50% 50%, -750px -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeRelaxedTurn1 {
  background-position: -1000px -600px
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeRelaxedTurn1.selected,
#gameChooserDialog .right .bottom .game .preview.Golf.selected {
  background-position: 50% 50%, -1000px -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Golf,
#gameChooserDialog .right .bottom .game .preview.SirTommy {
  width: 250px;
  height: 150px;
  background-position: -1250px -600px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Golf.selected {
  background-position: 50% 50%, -1250px -600px
}

#gameChooserDialog .right .bottom .game .preview.SirTommy {
  background-position: -1500px -600px
}

#gameChooserDialog .right .bottom .game .preview.RussianSolitaire.selected,
#gameChooserDialog .right .bottom .game .preview.SirTommy.selected {
  background-position: 50% 50%, -1500px -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.RussianSolitaire,
#gameChooserDialog .right .bottom .game .preview.parts0126 {
  width: 250px;
  height: 150px;
  background-position: -1750px -600px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.RussianSolitaire.selected {
  background-position: 50% 50%, -1750px -600px
}

#gameChooserDialog .right .bottom .game .preview.parts0126 {
  background-position: -2000px -600px
}

#gameChooserDialog .right .bottom .game .preview.Fan.selected,
#gameChooserDialog .right .bottom .game .preview.parts0126.selected {
  background-position: 50% 50%, -2000px -600px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.DoubleEasthaven,
#gameChooserDialog .right .bottom .game .preview.Fan {
  width: 250px;
  height: 150px;
  background-position: -500px -750px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Fan.selected {
  background-position: 50% 50%, -500px -750px
}

#gameChooserDialog .right .bottom .game .preview.DoubleEasthaven {
  background-position: -500px -900px
}

#gameChooserDialog .right .bottom .game .preview.CrazyQuilt.selected,
#gameChooserDialog .right .bottom .game .preview.DoubleEasthaven.selected {
  background-position: 50% 50%, -500px -900px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AustralianPatience,
#gameChooserDialog .right .bottom .game .preview.CrazyQuilt {
  width: 250px;
  height: 150px;
  background-position: -500px -1050px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.CrazyQuilt.selected {
  background-position: 50% 50%, -500px -1050px
}

#gameChooserDialog .right .bottom .game .preview.AustralianPatience {
  background-position: -500px -1200px
}

#gameChooserDialog .right .bottom .game .preview.AustralianPatience.selected,
#gameChooserDialog .right .bottom .game .preview.FortyAndEight.selected {
  background-position: 50% 50%, -500px -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FortyAndEight,
#gameChooserDialog .right .bottom .game .preview.RoyalParadeRelaxed {
  width: 250px;
  height: 150px;
  background-position: -500px -1350px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FortyAndEight.selected {
  background-position: 50% 50%, -500px -1350px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParadeRelaxed {
  background-position: -500px -1500px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatience.selected,
#gameChooserDialog .right .bottom .game .preview.RoyalParadeRelaxed.selected {
  background-position: 50% 50%, -500px -1500px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatience,
#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeRelaxedTurn3 {
  width: 250px;
  height: 150px;
  background-position: -500px -1650px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatience.selected {
  background-position: 50% 50%, -500px -1650px
}

#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeRelaxedTurn3 {
  background-position: -500px -1800px
}

#gameChooserDialog .right .bottom .game .preview.Crescent.selected,
#gameChooserDialog .right .bottom .game .preview.DoubleKlondikeRelaxedTurn3.selected {
  background-position: 50% 50%, -500px -1800px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Crescent,
#gameChooserDialog .right .bottom .game .preview.RoyalParade {
  width: 250px;
  height: 150px;
  background-position: -500px -1950px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Crescent.selected {
  background-position: 50% 50%, -500px -1950px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParade {
  background-position: -500px -2100px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParade.selected,
#gameChooserDialog .right .bottom .game .preview.parts0129.selected {
  background-position: 50% 50%, -500px -2100px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.KlondikeRelaxedTurn3,
#gameChooserDialog .right .bottom .game .preview.parts0129 {
  width: 250px;
  height: 150px;
  background-position: -750px -750px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.parts0129.selected {
  background-position: 50% 50%, -750px -750px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeRelaxedTurn3 {
  background-position: -1000px -750px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeRelaxedTurn3.selected {
  background-position: 50% 50%, -1000px -750px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FortRelaxed,
#gameChooserDialog .right .bottom .game .preview.TriPeaksStrict {
  width: 250px;
  height: 150px;
  background-position: -1250px -750px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FortRelaxed.selected,
#gameChooserDialog .right .bottom .game .preview.TriPeaksStrict.selected {
  background-position: 50% 50%, -1250px -750px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FortRelaxed {
  background-position: -1500px -750px
}

#gameChooserDialog .right .bottom .game .preview.FortRelaxed.selected {
  background-position: 50% 50%, -1500px -750px
}

#gameChooserDialog .right .bottom .game .preview.Khedive,
#gameChooserDialog .right .bottom .game .preview.PyramidRelaxed {
  width: 250px;
  height: 150px;
  background-position: -1750px -750px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Khedive.selected,
#gameChooserDialog .right .bottom .game .preview.PyramidRelaxed.selected {
  background-position: 50% 50%, -1750px -750px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.PyramidRelaxed {
  background-position: -2000px -750px
}

#gameChooserDialog .right .bottom .game .preview.PyramidRelaxed.selected {
  background-position: 50% 50%, -2000px -750px
}

#gameChooserDialog .right .bottom .game .preview.Corners,
#gameChooserDialog .right .bottom .game .preview.Fort,
#gameChooserDialog .right .bottom .game .preview.Trefoil {
  width: 250px;
  height: 150px;
  background-position: -750px -900px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Fort.selected,
#gameChooserDialog .right .bottom .game .preview.Trefoil.selected {
  background-position: 50% 50%, -750px -900px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Corners,
#gameChooserDialog .right .bottom .game .preview.Fort {
  background-position: -750px -1050px
}

#gameChooserDialog .right .bottom .game .preview.Fort.selected {
  background-position: 50% 50%, -750px -1050px
}

#gameChooserDialog .right .bottom .game .preview.Corners {
  background-position: -750px -1200px
}

#gameChooserDialog .right .bottom .game .preview.BakersDozen.selected,
#gameChooserDialog .right .bottom .game .preview.Corners.selected {
  background-position: 50% 50%, -750px -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.BakersDozen,
#gameChooserDialog .right .bottom .game .preview.Spider1Suit {
  width: 250px;
  height: 150px;
  background-position: -750px -1350px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.BakersDozen.selected {
  background-position: 50% 50%, -750px -1350px
}

#gameChooserDialog .right .bottom .game .preview.Spider1Suit {
  background-position: -750px -1500px
}

#gameChooserDialog .right .bottom .game .preview.SeahavenTowers.selected,
#gameChooserDialog .right .bottom .game .preview.Spider1Suit.selected {
  background-position: 50% 50%, -750px -1500px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.PyramidRelaxedEasy,
#gameChooserDialog .right .bottom .game .preview.SeahavenTowers {
  width: 250px;
  height: 150px;
  background-position: -750px -1650px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.SeahavenTowers.selected {
  background-position: 50% 50%, -750px -1650px
}

#gameChooserDialog .right .bottom .game .preview.PyramidRelaxedEasy {
  background-position: -750px -1800px
}

#gameChooserDialog .right .bottom .game .preview.Citadel.selected,
#gameChooserDialog .right .bottom .game .preview.PyramidRelaxedEasy.selected {
  background-position: 50% 50%, -750px -1800px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Citadel,
#gameChooserDialog .right .bottom .game .preview.RoyalParadeRelaxedEasy {
  width: 250px;
  height: 150px;
  background-position: -750px -1950px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Citadel.selected {
  background-position: 50% 50%, -750px -1950px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParadeRelaxedEasy {
  background-position: -750px -2100px
}

#gameChooserDialog .right .bottom .game .preview.RoyalParadeRelaxedEasy.selected {
  background-position: 50% 50%, -750px -2100px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.CrazyQuiltRelaxed,
#gameChooserDialog .right .bottom .game .preview.Spider2Suits {
  width: 250px;
  height: 150px;
  background-position: -1000px -900px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.CrazyQuiltRelaxed.selected,
#gameChooserDialog .right .bottom .game .preview.Spider2Suits.selected {
  background-position: 50% 50%, -1000px -900px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Spider2Suits {
  background-position: -1250px -900px
}

#gameChooserDialog .right .bottom .game .preview.Spider2Suits.selected {
  background-position: 50% 50%, -1250px -900px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeTurn3,
#gameChooserDialog .right .bottom .game .preview.Spiderette {
  width: 250px;
  height: 150px;
  background-position: -1500px -900px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.KlondikeTurn3.selected,
#gameChooserDialog .right .bottom .game .preview.Spiderette.selected {
  background-position: 50% 50%, -1500px -900px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Spiderette {
  background-position: -1750px -900px
}

#gameChooserDialog .right .bottom .game .preview.Spiderette.selected {
  background-position: 50% 50%, -1750px -900px
}

#gameChooserDialog .right .bottom .game .preview.Canfield,
#gameChooserDialog .right .bottom .game .preview.Josephine {
  width: 250px;
  height: 150px;
  background-position: -2000px -900px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Canfield.selected,
#gameChooserDialog .right .bottom .game .preview.Josephine.selected {
  background-position: 50% 50%, -2000px -900px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Josephine {
  background-position: -1000px -1050px
}

#gameChooserDialog .right .bottom .game .preview.Josephine.selected {
  background-position: 50% 50%, -1000px -1050px
}

#gameChooserDialog .right .bottom .game .preview.AgnesBernauer,
#gameChooserDialog .right .bottom .game .preview.SpanishPatience {
  width: 250px;
  height: 150px;
  background-position: -1250px -1050px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.AgnesBernauer.selected,
#gameChooserDialog .right .bottom .game .preview.SpanishPatience.selected {
  background-position: 50% 50%, -1250px -1050px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.SpanishPatience {
  background-position: -1500px -1050px
}

#gameChooserDialog .right .bottom .game .preview.SpanishPatience.selected {
  background-position: 50% 50%, -1500px -1050px
}

#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxed,
#gameChooserDialog .right .bottom .game .preview.CastlesInSpain {
  width: 250px;
  height: 150px;
  background-position: -1750px -1050px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxed.selected,
#gameChooserDialog .right .bottom .game .preview.CastlesInSpain.selected {
  background-position: 50% 50%, -1750px -1050px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxed {
  background-position: -2000px -1050px
}

#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxed.selected {
  background-position: 50% 50%, -2000px -1050px
}

#gameChooserDialog .right .bottom .game .preview.Spider,
#gameChooserDialog .right .bottom .game .preview.TripleKlondikeTurn3 {
  width: 250px;
  height: 150px;
  background-position: -1000px -1200px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.TripleKlondikeTurn3.selected {
  background-position: 50% 50%, -1000px -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Spider {
  background-position: -1000px -1350px
}

#gameChooserDialog .right .bottom .game .preview.Spider.selected,
#gameChooserDialog .right .bottom .game .preview.Windmill.selected {
  background-position: 50% 50%, -1000px -1350px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.RussianSolitaireRelaxed,
#gameChooserDialog .right .bottom .game .preview.Windmill {
  width: 250px;
  height: 150px;
  background-position: -1000px -1500px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Windmill.selected {
  background-position: 50% 50%, -1000px -1500px
}

#gameChooserDialog .right .bottom .game .preview.RussianSolitaireRelaxed {
  background-position: -1000px -1650px
}

#gameChooserDialog .right .bottom .game .preview.JosephineRelaxed.selected,
#gameChooserDialog .right .bottom .game .preview.RussianSolitaireRelaxed.selected {
  background-position: 50% 50%, -1000px -1650px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.BearRiver,
#gameChooserDialog .right .bottom .game .preview.JosephineRelaxed {
  width: 250px;
  height: 150px;
  background-position: -1000px -1800px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.JosephineRelaxed.selected {
  background-position: 50% 50%, -1000px -1800px
}

#gameChooserDialog .right .bottom .game .preview.BearRiver {
  background-position: -1000px -1950px
}

#gameChooserDialog .right .bottom .game .preview.BearRiver.selected,
#gameChooserDialog .right .bottom .game .preview.LaBelleLucie.selected {
  background-position: 50% 50%, -1000px -1950px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.LaBelleLucie,
#gameChooserDialog .right .bottom .game .preview.MissMilliganStrict {
  width: 250px;
  height: 150px;
  background-position: -1000px -2100px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.LaBelleLucie.selected {
  background-position: 50% 50%, -1000px -2100px
}

#gameChooserDialog .right .bottom .game .preview.MissMilliganStrict {
  background-position: -1250px -1200px
}

#gameChooserDialog .right .bottom .game .preview.Czarina.selected,
#gameChooserDialog .right .bottom .game .preview.MissMilliganStrict.selected {
  background-position: 50% 50%, -1250px -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceHard,
#gameChooserDialog .right .bottom .game .preview.Czarina {
  width: 250px;
  height: 150px;
  background-position: -1500px -1200px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Czarina.selected {
  background-position: 50% 50%, -1500px -1200px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceHard {
  background-position: -1750px -1200px
}

#gameChooserDialog .right .bottom .game .preview.AlgerianPatienceHard.selected,
#gameChooserDialog .right .bottom .game .preview.Beetle.selected {
  background-position: 50% 50%, -1750px -1200px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Beetle,
#gameChooserDialog .right .bottom .game .preview.KlondikeTurn1 {
  width: 250px;
  height: 150px;
  background-position: -2000px -1200px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Beetle.selected {
  background-position: 50% 50%, -2000px -1200px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeTurn1 {
  background-position: -1250px -1350px
}

#gameChooserDialog .right .bottom .game .preview.KlondikeTurn1.selected,
#gameChooserDialog .right .bottom .game .preview.Spiderette1Suit.selected {
  background-position: 50% 50%, -1250px -1350px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.Spiderette1Suit,
#gameChooserDialog .right .bottom .game .preview.WindmillStricter {
  width: 250px;
  height: 150px;
  background-position: -1500px -1350px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Spiderette1Suit.selected {
  background-position: 50% 50%, -1500px -1350px
}

#gameChooserDialog .right .bottom .game .preview.WindmillStricter {
  background-position: -1750px -1350px
}

#gameChooserDialog .right .bottom .game .preview.WindmillStricter.selected,
#gameChooserDialog .right .bottom .game .preview.YukonRelaxed.selected {
  background-position: 50% 50%, -1750px -1350px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.MountOlympus,
#gameChooserDialog .right .bottom .game .preview.YukonRelaxed {
  width: 250px;
  height: 150px;
  background-position: -2000px -1350px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.YukonRelaxed.selected {
  background-position: 50% 50%, -2000px -1350px
}

#gameChooserDialog .right .bottom .game .preview.MountOlympus {
  background-position: -1250px -1500px
}

#gameChooserDialog .right .bottom .game .preview.LadyBetty.selected,
#gameChooserDialog .right .bottom .game .preview.MountOlympus.selected {
  background-position: 50% 50%, -1250px -1500px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxedTurn1,
#gameChooserDialog .right .bottom .game .preview.LadyBetty {
  width: 250px;
  height: 150px;
  background-position: -1250px -1650px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.LadyBetty.selected {
  background-position: 50% 50%, -1250px -1650px
}

#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxedTurn1 {
  background-position: -1250px -1800px
}

#gameChooserDialog .right .bottom .game .preview.AgnesSorel.selected,
#gameChooserDialog .right .bottom .game .preview.CanfieldRelaxedTurn1.selected {
  background-position: 50% 50%, -1250px -1800px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AgnesSorel,
#gameChooserDialog .right .bottom .game .preview.GolfRelaxed {
  width: 250px;
  height: 150px;
  background-position: -1250px -1950px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.AgnesSorel.selected {
  background-position: 50% 50%, -1250px -1950px
}

#gameChooserDialog .right .bottom .game .preview.GolfRelaxed {
  background-position: -1250px -2100px
}

#gameChooserDialog .right .bottom .game .preview.GolfRelaxed.selected,
#gameChooserDialog .right .bottom .game .preview.RawPrawn.selected {
  background-position: 50% 50%, -1250px -2100px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.RawPrawn,
#gameChooserDialog .right .bottom .game .preview.ThreeShufflesAndADraw {
  width: 250px;
  height: 150px;
  background-position: -1500px -1500px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.RawPrawn.selected {
  background-position: 50% 50%, -1500px -1500px
}

#gameChooserDialog .right .bottom .game .preview.ThreeShufflesAndADraw {
  background-position: -1750px -1500px
}

#gameChooserDialog .right .bottom .game .preview.FreeCell.selected,
#gameChooserDialog .right .bottom .game .preview.ThreeShufflesAndADraw.selected {
  background-position: 50% 50%, -1750px -1500px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.FanRelaxed,
#gameChooserDialog .right .bottom .game .preview.FreeCell {
  width: 250px;
  height: 150px;
  background-position: -2000px -1500px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.FreeCell.selected {
  background-position: 50% 50%, -2000px -1500px
}

#gameChooserDialog .right .bottom .game .preview.FanRelaxed {
  background-position: -1500px -1650px
}

#gameChooserDialog .right .bottom .game .preview.CanfieldTurn1.selected,
#gameChooserDialog .right .bottom .game .preview.FanRelaxed.selected {
  background-position: 50% 50%, -1500px -1650px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.BakersGameKingsOnly,
#gameChooserDialog .right .bottom .game .preview.CanfieldTurn1 {
  width: 250px;
  height: 150px;
  background-position: -1500px -1800px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.CanfieldTurn1.selected {
  background-position: 50% 50%, -1500px -1800px
}

#gameChooserDialog .right .bottom .game .preview.BakersGameKingsOnly {
  background-position: -1500px -1950px
}

#gameChooserDialog .right .bottom .game .preview.BakersGameKingsOnly.selected,
#gameChooserDialog .right .bottom .game .preview.Cruel.selected {
  background-position: 50% 50%, -1500px -1950px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.AgnesBernauerRelaxed,
#gameChooserDialog .right .bottom .game .preview.Cruel {
  width: 250px;
  height: 150px;
  background-position: -1500px -2100px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.Cruel.selected {
  background-position: 50% 50%, -1500px -2100px
}

#gameChooserDialog .right .bottom .game .preview.AgnesBernauerRelaxed {
  background-position: -1750px -1650px
}

#gameChooserDialog .right .bottom .game .preview.AgnesBernauerRelaxed.selected {
  background-position: 50% 50%, -1750px -1650px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.MissMilligan,
#gameChooserDialog .right .bottom .game .preview.Shamrocks {
  width: 250px;
  height: 150px;
  background-position: -2000px -1650px;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 0;
  display: inline-block
}

#gameChooserDialog .right .bottom .game .preview.MissMilligan.selected,
#gameChooserDialog .right .bottom .game .preview.Shamrocks.selected {
  background-position: 50% 50%, -2000px -1650px;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box, content-box
}

#gameChooserDialog .right .bottom .game .preview.MissMilligan {
  background-position: -1750px -1800px
}

#gameChooserDialog .right .bottom .game .preview.MissMilligan.selected {
  background-position: 50% 50%, -1750px -1800px
}

.qc-cmp-cleanslate {
  width: 40em !important;
  position: absolute !important;
  height: auto !important;
  left: 1em !important;
  bottom: 2em !important;
  top: unset !important;
  z-index: 599 !important;
  -webkit-border-radius: 1em !important;
  -moz-border-radius: 1em !important;
  border-radius: 1em !important;
  border: 5px solid #4f4f4f !important;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .4) !important;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .4) !important;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .4) !important
}

.qc-cmp-cleanslate #qc-cmp2-ui {
  padding: .5em !important
}

.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-summary-section {
  width: 100% !important;
  padding: 0 !important
}

.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-summary-section .logo-container {
  display: none !important
}

.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-summary-section .qc-cmp2-summary-info button,
.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-summary-section .qc-cmp2-summary-info p {
  font-size: .8em !important
}

.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-footer {
  width: 100% !important
}

.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-footer .qc-cmp2-summary-buttons {
  flex-direction: row-reverse !important
}

.qc-cmp-cleanslate #qc-cmp2-ui .qc-cmp2-footer .qc-cmp2-summary-buttons button {
  width: 30% !important;
  max-height: 1.5em !important
}

/*# sourceMappingURL=solitaire.min.css.map */