/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
@font-face {
  font-family: 'icf-gdx';
  src: url('icf-fonts/icf-gdx.eot?-d0xph7');
  src: url('icf-fonts/icf-gdx.eot?#iefix-d0xph7') format('embedded-opentype'), url('icf-fonts/icf-gdx.woff?-d0xph7') format('woff'), url('icf-fonts/icf-gdx.ttf?-d0xph7') format('truetype'), url('icf-fonts/icf-gdx.svg?-d0xph7#icf-gdx') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icf-"]:before,
[class^="icf-"]:after,
[class*=" icf-"]:before,
[class*=" icf-"]:after {
  font-family: 'icf-gdx';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icf-"]:after,
[class*=" icf-"]:after,
[class^="icf-"]:before,
[class*=" icf-"]:before {
  top: 0.1em;
  position: relative;
}
.icf-reset[class^="icf-"]:after,
.icf-reset[class*=" icf-"]:after,
.icf-reset[class^="icf-"]:before,
.icf-reset[class*=" icf-"]:before {
  top: 0px;
}
.icf-textSpace:before {
  padding-right: 0.3em;
}
.icf-textSpace:after {
  padding-left: 0.3em;
}
.icf-autosortOff:before,
.icf-autosortOff-after:after {
  content: "\e904";
}
.icf-autosortOn:before,
.icf-autosortOn-after:after {
  content: "\e905";
}
.icf-chatHistory:before,
.icf-chatHistory-after:after {
  content: "\e906";
}
.icf-table:before,
.icf-table-after:after {
  content: "\e902";
}
.icf-denied:before,
.icf-denied-after:after {
  content: "\e903";
}
.icf-colorblindOff:before,
.icf-colorblindOff-after:after {
  content: "\e900";
}
.icf-colorblindOn:before,
.icf-colorblindOn-after:after {
  content: "\e901";
}
.icf-jumpToDuel:before,
.icf-jumpToDuel-after:after {
  content: "\e800";
}
.icf-leaveDuel:before,
.icf-leaveDuel-after:after {
  content: "\e801";
}
.icf-winnerByPoint:before,
.icf-winnerByPoint-after:after {
  content: "\e642";
}
.icf-winnerTakesAll:before,
.icf-winnerTakesAll-after:after {
  content: "\e643";
}
.icf-skillLevel:before,
.icf-skillLevel-after:after {
  content: "\e644";
}
.icf-doubleArrow:before,
.icf-doubleArrow-after:after {
  content: "\e641";
}
.icf-star:before,
.icf-star-after:after {
  content: "\e640";
}
.icf-diamond:before,
.icf-diamond-after:after {
  content: "\e63f";
}
.icf-abort:before,
.icf-abort-after:after {
  content: "\e600";
}
.icf-action:before,
.icf-action-after:after {
  content: "\e601";
}
.icf-addFriend:before,
.icf-addFriend-after:after {
  content: "\e602";
}
.icf-alert:before,
.icf-alert-after:after {
  content: "\e603";
}
.icf-arrowBottom:before,
.icf-arrowBottom-after:after {
  content: "\e604";
}
.icf-arrowDown:before,
.icf-arrowDown-after:after {
  content: "\e605";
}
.icf-arrowLeft:before,
.icf-arrowLeft-after:after {
  content: "\e606";
}
.icf-arrowRight:before,
.icf-arrowRight-after:after {
  content: "\e607";
}
.icf-arrowTop:before,
.icf-arrowTop-after:after {
  content: "\e608";
}
.icf-bookmarkAndroid:before,
.icf-bookmarkAndroid-after:after {
  content: "\e609";
}
.icf-burger:before,
.icf-burger-after:after {
  content: "\e60a";
}
.icf-cardsBoards:before,
.icf-cardsBoards-after:after {
  content: "\e60b";
}
.icf-challenge:before,
.icf-challenge-after:after {
  content: "\e60c";
}
.icf-chatOn:before,
.icf-chatOn-after:after {
  content: "\e60d";
}
.icf-chatOff:before,
.icf-chatOff-after:after {
  content: "\e60e";
}
.icf-close:before,
.icf-close-after:after {
  content: "\e60f";
}
.icf-coins:before,
.icf-coins-after:after {
  content: "\e610";
}
.icf-colorblind:before,
.icf-colorblind-after:after {
  content: "\e611";
}
.icf-community:before,
.icf-community-after:after {
  content: "\e612";
}
.icf-controller:before,
.icf-controller-after:after {
  content: "\e613";
}
.icf-externLink:before,
.icf-externLink-after:after {
  content: "\e614";
}
.icf-fat_arrow:before,
.icf-fat_arrow-after:after {
  content: "\e615";
}
.icf-favorite:before,
.icf-favorite-after:after {
  content: "\e616";
}
.icf-female:before,
.icf-female-after:after {
  content: "\e617";
}
.icf-flame:before,
.icf-flame-after:after {
  content: "\e618";
}
.icf-friend:before,
.icf-friend-after:after {
  content: "\e619";
}
.icf-fullscreenOff:before,
.icf-fullscreenOff-after:after {
  content: "\e61a";
}
.icf-fullscreenOn:before,
.icf-fullscreenOn-after:after {
  content: "\e61b";
}
.icf-info:before,
.icf-info-after:after {
  content: "\e61c";
}
.icf-infoPositive:before,
.icf-infoPositive-after:after {
  content: "\e61d";
}
.icf-internLink:before,
.icf-internLink-after:after {
  content: "\e61e";
}
.icf-logic:before,
.icf-logic-after:after {
  content: "\e61f";
}
.icf-logout:before,
.icf-logout-after:after {
  content: "\e620";
}
.icf-mailService:before,
.icf-mailService-after:after {
  content: "\e621";
}
.icf-male:before,
.icf-male-after:after {
  content: "\e622";
}
.icf-message:before,
.icf-message-after:after {
  content: "\e623";
}
.icf-minus:before,
.icf-minus-after:after {
  content: "\e624";
}
.icf-mobile:before,
.icf-mobile-after:after {
  content: "\e625";
}
.icf-musicOff:before,
.icf-musicOff-after:after {
  content: "\e626";
}
.icf-musicOn:before,
.icf-musicOn-after:after {
  content: "\e627";
}
.icf-numbre1:before,
.icf-numbre1-after:after {
  content: "\e628";
}
.icf-ok:before,
.icf-ok-after:after {
  content: "\e629";
}
.icf-phoneService:before,
.icf-phoneService-after:after {
  content: "\e62a";
}
.icf-plus:before,
.icf-plus-after:after {
  content: "\e62b";
}
.icf-question:before,
.icf-question-after:after {
  content: "\e62c";
}
.icf-result:before,
.icf-result-after:after {
  content: "\e62d";
}
.icf-rounds:before,
.icf-rounds-after:after {
  content: "\e62e";
}
.icf-rules:before,
.icf-rules-after:after {
  content: "\e62f";
}
.icf-secure:before,
.icf-secure-after:after {
  content: "\e630";
}
.icf-shakeOff:before,
.icf-shakeOff-after:after {
  content: "\e631";
}
.icf-shakeOn:before,
.icf-shakeOn-after:after {
  content: "\e632";
}
.icf-soundOff:before,
.icf-soundOff-after:after {
  content: "\e633";
}
.icf-soundOn:before,
.icf-soundOn-after:after {
  content: "\e634";
}
.icf-specialAutumn:before,
.icf-specialAutumn-after:after {
  content: "\e635";
}
.icf-specialSpring:before,
.icf-specialSpring-after:after {
  content: "\e636";
}
.icf-specialSummer:before,
.icf-specialSummer-after:after {
  content: "\e637";
}
.icf-specialWinter:before,
.icf-specialWinter-after:after {
  content: "\e638";
}
.icf-timing:before,
.icf-timing-after:after {
  content: "\e639";
}
.icf-toDesktop:before,
.icf-toDesktop-after:after {
  content: "\e63a";
}
.icf-toTablet:before,
.icf-toTablet-after:after {
  content: "\e63b";
}
.icf-visitingCard:before,
.icf-visitingCard-after:after {
  content: "\e63c";
}
.icf-warning:before,
.icf-warning-after:after {
  content: "\e63d";
}
.icf-winnings:before,
.icf-winnings-after:after {
  content: "\e63e";
}
.icf-faceFrowling:before,
.icf-faceFrowling-after:after {
  content: "\e907";
}
.icf-faceNeutral:before,
.icf-faceNeutral-after:after {
  content: "\e908";
}
.icf-faceSmiling:before,
.icf-faceNeutral-after:after {
  content: "\e909";
}
.icf-diceOff:before,
.icf-diceOff-after:after {
  content: "\e90a";
}
.icf-diceOn:before,
.icf-diceOn-after:after {
  content: "\e90b";
}
.icf-flipBoardLeft:before,
.icf-flipBoardLeft-after:after {
  content: "\e90c";
}
.icf-flipBoardRight:before,
.icf-flipBoardRight-after:after {
  content: "\e90d";
}
.icf-letterOn:before,
.icf-letterOn-after:after {
  content: "\e90f";
}
.icf-letterOff:before,
.icf-letterOff-after:after {
  content: "\e90e";
}
.icf-lastTrick:before,
.icf-lastTrick-after:after {
  content: "\e910";
}
.icf-subscription:before,
.icf-subscription-after:after {
  content: "\e911";
}
.icf-expressPayment:before,
.icf-expressPayment-after:after {
  content: "\e912";
}
body {
  background-color: #fff;
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  color: #313A3F;
  font-size: 12px;
  margin: 0 auto;
}
body.tpl-sticky-footer {
  position: relative;
  min-height: 100vh;
  padding-bottom: 19.3em;
  box-sizing: border-box;
}
/*
 *  Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
#gdfooter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
/*
 *  Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/*
  This files handles all classic template to minimal styles.
  It works together with base.template.toMinimal() which sets the "tpl-minimal" -class
  to the body.

  'accountbox' and 'navi top' are hidden via the base.template.toMinimal() function. 
  Later we could also hide them via CSS in here.
*/
body {
  transition: padding 500ms;
}
body.tpl-minimal.tpl-sticky-footer {
  padding-bottom: 10.3em;
}
.ts1,
.fs1,
body {
  font-size: 12px;
}
.ts1,
.fs1 {
  line-height: 17px;
}
.ts0,
.fs0 {
  font-size: 10px;
  line-height: 13px;
}
.ts2,
.fs2 {
  font-size: 15px;
  line-height: 20px;
}
.ts3,
.fs3 {
  font-size: 20px;
  line-height: 24px;
}
.ts4,
.fs4 {
  font-size: 24px;
  line-height: 29px;
}
a img,
img {
  border: 0 none;
  vertical-align: top;
}
object {
  display: block;
}
/** the gdLink class has the same properties like a normal 'a' **/
.linkColor {
  color: #116F96;
}
.gdLink,
a,
.gdLink:visited,
a:visited {
  color: #116F96;
  text-decoration: underline;
  cursor: pointer;
}
a:hover .gdLink,
.gdLink:hover,
a:hover {
  color: #029cc4;
}
.gdLink.dark,
a.dark {
  color: #313A3F;
}
.gdLink.dark:hover .gdLink,
.gdLink.dark:hover,
a.dark:hover {
  color: #6A7378;
}
.gdLink.noLink:hover,
a.noLink:hover,
.gdLink.noLink:active,
a.noLink:active,
.gdLink.noLink:visited,
a.noLink:visited,
.gdLink.noLink,
a.noLink {
  color: inherit;
  text-decoration: none;
}
a.semiLink:hover,
a.semiLink:active,
a.semiLink:visited {
  text-decoration: underline;
}
a.semiLink {
  text-decoration: none;
}
/*has only in initial state no underscore*/
.gdLink.light,
a.light,
.gdLink.light:visited,
a.light:visited {
  color: #fff;
}
a.light:hover .gdLink,
.gdLink.light:hover,
a.light:hover {
  color: #fff;
}
a,
.gdLink {
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
h1.huge {
  font-size: 24px;
  line-height: 29px;
  margin: 0;
}
h1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}
h2 {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}
h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
/** font color definitions: **/
.base.gr,
.base.tc0 {
  color: #313A3F;
}
/*Grey */
.colorScheme.orange .colorSchemeText,
.colorScheme.lightOrange .colorSchemeText,
.base.tc1 {
  color: #E36600;
}
/*Orange */
.colorScheme.red .colorSchemeText,
.base.tc2 {
  color: #931117;
}
/*Red */
.colorScheme.purple .colorSchemeText,
.base.tc3 {
  color: #402987;
}
/* */
.colorScheme.midBlue .colorSchemeText,
.colorScheme.lightBlue .colorSchemeText,
.base.tc4 {
  color: #0871A6;
}
/*Blue */
.colorScheme.turquoise .colorSchemeText,
.base.tc5 {
  color: #008580;
}
/*Turquoise */
.colorScheme.blueGreen .colorSchemeText,
.base.tc6 {
  color: #016B3F;
}
/* */
.colorScheme.midGreen .colorSchemeText,
.colorScheme.lightGreen .colorSchemeText,
.base.tc7 {
  color: #4F6B09;
}
/* */
.base.tc8 {
  color: #6A7378;
}
/*lightGrey */
.colorScheme.yellow .colorSchemeText,
.base.tc9 {
  color: #E5841C;
}
/*Yellow */
.base.gr.c,
.base.tc10 {
  color: #fff;
}
/*White */
.base.tc11 {
  color: #032D56;
}
/* */
.base.tc12 {
  color: #510A13;
}
/* loyalty gold brown*/
.base.tc13 {
  color: #4D565B;
}
/* grey of inactive navigations tabs*/
.base.tc14 {
  color: #FFD522;
}
/* light yellow/gold*/
.base.tcError {
  color: #BC111A;
}
/* ++ conditions styles + popup sizes ++ */
/* the position for the close button is not final please uses this button as it is or change it here for all */
.base.conditions .closeButton {
  height: 25px;
  margin: 10px auto 10px 231px;
}
.base.conditions.popup,
.base.conditions.popup .gameSprite.gameImage {
  width: 620px;
}
.base.conditions.popup .content {
  padding: 20px;
}
.base.conditions h1 {
  margin: 30px auto 20px;
  line-height: 27px;
}
.base.conditions h2 {
  margin: 30px auto 20px;
  line-height: 22px;
}
.base.conditions h3 {
  margin: 20px auto 15px;
  line-height: 17px;
}
.base.conditions h4 {
  margin: 20px auto 15px;
  line-height: 14px;
}
/* specify the h-tag elements for our documents - like rules, help pages and so on */
.document h1.huge {
  margin: 51px auto 8px;
}
.document h1 {
  margin: 51px auto 8px;
}
.document h2 {
  margin: 51px auto 8px;
}
.document h3 {
  margin: 26px auto 8px;
}
.document h1.reset,
.document h2.reset,
.document h3.reset {
  margin-top: -4px;
}
.document h1 + .document h1 {
  margin-top: -6px;
  margin-bottom: 24px;
}
.document h1 + .document h2 {
  margin-top: -5px;
  margin-bottom: 24px;
}
.document h1 + .document h3 {
  margin-top: -4px;
  margin-bottom: 24px;
}
.document h2 + .document h2 {
  margin-top: -6px;
  margin-bottom: 24px;
}
.document h2 + .document h3 {
  margin-top: -6px;
  margin-bottom: 24px;
}
.document h3 + .document h3 {
  margin-top: -8px;
  margin-bottom: 8px;
}
.base.conditions p {
  margin: 15px auto 20px;
}
.base.conditions ul {
  padding: 0 0 0 25px;
}
.base.conditions ul li {
  margin-bottom: 5px;
  line-height: 14px;
}
.base.conditions .asterisk {
  padding-left: 20px;
}
.base.conditions.popup table {
  width: 580px;
}
.base.conditions table {
  margin: 20px auto auto;
  border-collapse: collapse;
}
.base.conditions .base.imageFrame {
  margin: 5px 0 0;
}
.base.base.conditions thead th {
  background-color: #B0BAC0;
  color: #FFFFFF;
  text-align: left;
  height: 25px;
}
.base.base.conditions thead th:first-child {
  background: #B0BAC0;
}
/*remove the separator*/
.base.conditions tbody tr {
  background-color: #EFF1F2;
}
.base.conditions tbody tr:nth-child(even) {
  background-color: #E7EAEB;
}
.base.conditions table tbody tr {
  height: 25px;
}
.base.conditions tbody tr {
  border-top: 1px solid #fff;
}
.base.conditions thead th,
.conditions tbody td {
  padding-left: 10px;
  padding-right: 10px;
}
/* -- conditions styles + popup sizes -- */
/*
 *  Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
.base.dsari {
  font-family: d_sari;
  letter-spacing: 0.02em;
}
.dsari .base.ts0,
.dsari.base.ts0 {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}
.dsari .base.ts1,
.dsari.base.ts1 {
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
}
.dsari .base.ts2,
.dsari.base.ts2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
}
.dsari .base.ts3,
.dsari.base.ts3 {
  font-size: 21px;
  line-height: 24px;
  font-weight: 900;
}
.dsari .base.ts4,
.dsari.base.ts4 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 900;
}
.dsari .base.ts5,
.dsari.base.ts5 {
  font-size: 33px;
  line-height: 36px;
  font-weight: 900;
}
/*
 *  Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
@font-face {
  font-family: 'd_sari';
  src: url('fonts/DSari_Book-webfont.eot');
  src: url('fonts/DSari_Book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DSari_Book-webfont.woff2') format('woff2'), url('fonts/DSari_Book-webfont.woff') format('woff'), url('fonts/DSari_Book-webfont.ttf') format('truetype'), url('fonts/DSari_Book-webfont.svg#d_sari_bookbook') format('svg');
  font-weight: normal;
}
/* bold weighted font */
@font-face {
  font-family: 'd_sari';
  src: url('fonts/DSari_Bold-webfont.eot');
  src: url('fonts/DSari_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DSari_Bold-webfont.woff2') format('woff2'), url('fonts/DSari_Bold-webfont.woff') format('woff'), url('fonts/DSari_Bold-webfont.ttf') format('truetype'), url('fonts/DSari_Bold-webfont.svg#d_sari_boldbold') format('svg');
  font-weight: bold;
}
/* super bold weighted font */
@font-face {
  font-family: 'd_sari';
  src: url('fonts/DSari_Heavy-webfont.eot');
  src: url('fonts/DSari_Heavy-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DSari_Heavy-webfont.woff2') format('woff2'), url('fonts/DSari_Heavy-webfont.woff') format('woff'), url('fonts/DSari_Heavy-webfont.ttf') format('truetype'), url('fonts/DSari_Heavy-webfont.svg#d_sari') format('svg');
  font-weight: 900;
}
.fc {
  color: #fff;
}
.colorScheme.gray .colorScheme-fc.fc,
.fc.c0 {
  color: #F5FAFC;
}
.colorScheme.gray .colorScheme-fc.fc.a,
.fc.c0.a {
  color: #F5FAFC;
}
.colorScheme.gray .colorScheme-fc.fc.b,
.fc.c0.b {
  color: #D9E2E7;
}
.colorScheme.gray .colorScheme-fc.fc.c,
.fc.c0.c {
  color: #CBD4D9;
}
.colorScheme.gray .colorScheme-fc.fc.d,
.fc.c0.d {
  color: #BEC7CC;
}
.colorScheme.gray .colorScheme-fc.fc.e,
.fc.c0.e {
  color: #ADB6BB;
}
.colorScheme.gray .colorScheme-fc.fc.f,
.fc.c0.f {
  color: #9DA6AB;
}
.colorScheme.gray .colorScheme-fc.fc.g,
.fc.c0.g {
  color: #848D92;
}
.colorScheme.gray .colorScheme-fc.fc.h,
.fc.c0.h {
  color: #6A7378;
}
.colorScheme.gray .colorScheme-fc.fc.i,
.fc.c0.i {
  color: #4D565B;
}
.colorScheme.gray .colorScheme-fc.fc.j,
.fc.c0.j {
  color: #313A3F;
}
.colorScheme.yellow .colorScheme-fc.fc.a,
.fc.c1.a {
  color: #FCF9CD;
}
.colorScheme.yellow .colorScheme-fc.fc.b,
.fc.c1.b {
  color: #FFF489;
}
.colorScheme.yellow .colorScheme-fc.fc.c,
.fc.c1.c {
  color: #FFEA55;
}
.colorScheme.yellow .colorScheme-fc.fc.d,
.fc.c1.d {
  color: #FFD522;
}
.colorScheme.yellow .colorScheme-fc.fc.e,
.fc.c1.e {
  color: #FFC60B;
}
.colorScheme.yellow .colorScheme-fc.fc.f,
.fc.c1.f {
  color: #FFAF02;
}
.colorScheme.yellow .colorScheme-fc.fc.g,
.fc.c1.g {
  color: #F49906;
}
.colorScheme.yellow .colorScheme-fc.fc.h,
.fc.c1.h {
  color: #E5841C;
}
.colorScheme.yellow .colorScheme-fc.fc.i,
.fc.c1.i {
  color: #D46C04;
}
.colorScheme.yellow .colorScheme-fc.fc.j,
.fc.c1.j {
  color: #A85414;
}
.colorScheme.orange .colorScheme-fc.fc.a,
.fc.c2.a {
  color: #FAF1D4;
}
.colorScheme.orange .colorScheme-fc.fc.b,
.fc.c2.b {
  color: #FFD37C;
}
.colorScheme.orange .colorScheme-fc.fc.c,
.fc.c2.c {
  color: #FFBA5A;
}
.colorScheme.orange .colorScheme-fc.fc.d,
.fc.c2.d {
  color: #FAA125;
}
.colorScheme.orange .colorScheme-fc.fc.e,
.fc.c2.e {
  color: #F7911B;
}
.colorScheme.orange .colorScheme-fc.fc.f,
.fc.c2.f {
  color: #ED7600;
}
.colorScheme.orange .colorScheme-fc.fc.g,
.fc.c2.g {
  color: #E36600;
}
.colorScheme.orange .colorScheme-fc.fc.h,
.fc.c2.h {
  color: #C95004;
}
.colorScheme.orange .colorScheme-fc.fc.i,
.fc.c2.i {
  color: #B53B07;
}
.colorScheme.orange .colorScheme-fc.fc.j,
.fc.c2.j {
  color: #933414;
}
.colorScheme.red .colorScheme-fc.fc.a,
.fc.c3.a {
  color: #F9E6E4;
}
.colorScheme.red .colorScheme-fc.fc.b,
.fc.c3.b {
  color: #F7C1BC;
}
.colorScheme.red .colorScheme-fc.fc.c,
.fc.c3.c {
  color: #F2A59E;
}
.colorScheme.red .colorScheme-fc.fc.d,
.fc.c3.d {
  color: #ED6868;
}
.colorScheme.red .colorScheme-fc.fc.e,
.fc.c3.e {
  color: #E63434;
}
.colorScheme.red .colorScheme-fc.fc.f,
.fc.c3.f {
  color: #CE2830;
}
.colorScheme.red .colorScheme-fc.fc.g,
.fc.c3.g {
  color: #BC111A;
}
.colorScheme.red .colorScheme-fc.fc.h,
.fc.c3.h {
  color: #931117;
}
.colorScheme.red .colorScheme-fc.fc.i,
.fc.c3.i {
  color: #700F1C;
}
.colorScheme.red .colorScheme-fc.fc.j,
.fc.c3.j {
  color: #510A13;
}
.colorScheme.purple .colorScheme-fc.fc.a,
.fc.c4.a {
  color: #EFE8FC;
}
.colorScheme.purple .colorScheme-fc.fc.b,
.fc.c4.b {
  color: #E3D5FF;
}
.colorScheme.purple .colorScheme-fc.fc.c,
.fc.c4.c {
  color: #CFBDF4;
}
.colorScheme.purple .colorScheme-fc.fc.d,
.fc.c4.d {
  color: #AF96FA;
}
.colorScheme.purple .colorScheme-fc.fc.e,
.fc.c4.e {
  color: #8C70E0;
}
.colorScheme.purple .colorScheme-fc.fc.f,
.fc.c4.f {
  color: #7963BA;
}
.colorScheme.purple .colorScheme-fc.fc.g,
.fc.c4.g {
  color: #614AA5;
}
.colorScheme.purple .colorScheme-fc.fc.h,
.fc.c4.h {
  color: #402987;
}
.colorScheme.purple .colorScheme-fc.fc.i,
.fc.c4.i {
  color: #2C2163;
}
.colorScheme.purple .colorScheme-fc.fc.j,
.fc.c4.j {
  color: #1D163F;
}
.colorScheme.midBlue .colorScheme-fc.fc.a,
.fc.c5.a {
  color: #EDF5F9;
}
.colorScheme.midBlue .colorScheme-fc.fc.b,
.fc.c5.b {
  color: #BCE4F7;
}
.colorScheme.midBlue .colorScheme-fc.fc.c,
.fc.c5.c {
  color: #89C3E0;
}
.colorScheme.midBlue .colorScheme-fc.fc.d,
.fc.c5.d {
  color: #61A4D4;
}
.colorScheme.midBlue .colorScheme-fc.fc.e,
.fc.c5.e {
  color: #3F88D1;
}
.colorScheme.midBlue .colorScheme-fc.fc.f,
.fc.c5.f {
  color: #246DB5;
}
.colorScheme.midBlue .colorScheme-fc.fc.g,
.fc.c5.g {
  color: #165F9B;
}
.colorScheme.midBlue .colorScheme-fc.fc.h,
.fc.c5.h {
  color: #03407C;
}
.colorScheme.midBlue .colorScheme-fc.fc.i,
.fc.c5.i {
  color: #032D56;
}
.colorScheme.midBlue .colorScheme-fc.fc.j,
.fc.c5.j {
  color: #011B2D;
}
.colorScheme.lightBlue .colorScheme-fc.fc.a,
.fc.c6.a {
  color: #E8F7FC;
}
.colorScheme.lightBlue .colorScheme-fc.fc.b,
.fc.c6.b {
  color: #CFF3FF;
}
.colorScheme.lightBlue .colorScheme-fc.fc.c,
.fc.c6.c {
  color: #9EE1F7;
}
.colorScheme.lightBlue .colorScheme-fc.fc.d,
.fc.c6.d {
  color: #78D2F5;
}
.colorScheme.lightBlue .colorScheme-fc.fc.e,
.fc.c6.e {
  color: #3EB7F4;
}
.colorScheme.lightBlue .colorScheme-fc.fc.f,
.fc.c6.f {
  color: #0999E1;
}
.colorScheme.lightBlue .colorScheme-fc.fc.g,
.fc.c6.g {
  color: #0A86C4;
}
.colorScheme.lightBlue .colorScheme-fc.fc.h,
.fc.c6.h {
  color: #0871A6;
}
.colorScheme.lightBlue .colorScheme-fc.fc.i,
.fc.c6.i {
  color: #06537A;
}
.colorScheme.lightBlue .colorScheme-fc.fc.j,
.fc.c6.j {
  color: #04364F;
}
.colorScheme.turquoise .colorScheme-fc.fc.a,
.fc.c7.a {
  color: #E1FAF7;
}
.colorScheme.turquoise .colorScheme-fc.fc.b,
.fc.c7.b {
  color: #BDFFF8;
}
.colorScheme.turquoise .colorScheme-fc.fc.c,
.fc.c7.c {
  color: #99F7EE;
}
.colorScheme.turquoise .colorScheme-fc.fc.d,
.fc.c7.d {
  color: #68EDE0;
}
.colorScheme.turquoise .colorScheme-fc.fc.e,
.fc.c7.e {
  color: #3AE0DB;
}
.colorScheme.turquoise .colorScheme-fc.fc.f,
.fc.c7.f {
  color: #08CCC5;
}
.colorScheme.turquoise .colorScheme-fc.fc.g,
.fc.c7.g {
  color: #04B0AA;
}
.colorScheme.turquoise .colorScheme-fc.fc.h,
.fc.c7.h {
  color: #008580;
}
.colorScheme.turquoise .colorScheme-fc.fc.i,
.fc.c7.i {
  color: #00605D;
}
.colorScheme.turquoise .colorScheme-fc.fc.j,
.fc.c7.j {
  color: #004240;
}
.colorScheme.midGreen .colorScheme-fc.fc.a,
.fc.c8.a {
  color: #E2F2D4;
}
.colorScheme.midGreen .colorScheme-fc.fc.b,
.fc.c8.b {
  color: #C6F5A9;
}
.colorScheme.midGreen .colorScheme-fc.fc.c,
.fc.c8.c {
  color: #A8ED85;
}
.colorScheme.midGreen .colorScheme-fc.fc.d,
.fc.c8.d {
  color: #85DB60;
}
.colorScheme.midGreen .colorScheme-fc.fc.e,
.fc.c8.e {
  color: #64CE3E;
}
.colorScheme.midGreen .colorScheme-fc.fc.f,
.fc.c8.f {
  color: #46B324;
}
.colorScheme.midGreen .colorScheme-fc.fc.g,
.fc.c8.g {
  color: #399E16;
}
.colorScheme.midGreen .colorScheme-fc.fc.h,
.fc.c8.h {
  color: #2A7D0C;
}
.colorScheme.midGreen .colorScheme-fc.fc.i,
.fc.c8.i {
  color: #225E0D;
}
.colorScheme.midGreen .colorScheme-fc.fc.j,
.fc.c8.j {
  color: #133B06;
}
.colorScheme.lightGreen .colorScheme-fc.fc.a,
.fc.c9.a {
  color: #ECF5D5;
}
.colorScheme.lightGreen .colorScheme-fc.fc.b,
.fc.c9.b {
  color: #E1F5AB;
}
.colorScheme.lightGreen .colorScheme-fc.fc.c,
.fc.c9.c {
  color: #D0F272;
}
.colorScheme.lightGreen .colorScheme-fc.fc.d,
.fc.c9.d {
  color: #BFEB52;
}
.colorScheme.lightGreen .colorScheme-fc.fc.e,
.fc.c9.e {
  color: #AAD934;
}
.colorScheme.lightGreen .colorScheme-fc.fc.f,
.fc.c9.f {
  color: #92C219;
}
.colorScheme.lightGreen .colorScheme-fc.fc.g,
.fc.c9.g {
  color: #80AD0C;
}
.colorScheme.lightGreen .colorScheme-fc.fc.h,
.fc.c9.h {
  color: #6A8F0E;
}
.colorScheme.lightGreen .colorScheme-fc.fc.i,
.fc.c9.i {
  color: #4F6B09;
}
.colorScheme.lightGreen .colorScheme-fc.fc.j,
.fc.c9.j {
  color: #294706;
}
.colorScheme.blueGreen .colorScheme-fc.fc.a,
.fc.c10.a {
  color: #E1F0E9;
}
.colorScheme.blueGreen .colorScheme-fc.fc.b,
.fc.c10.b {
  color: #BEEFD7;
}
.colorScheme.blueGreen .colorScheme-fc.fc.c,
.fc.c10.c {
  color: #96E3BE;
}
.colorScheme.blueGreen .colorScheme-fc.fc.d,
.fc.c10.d {
  color: #76D6A8;
}
.colorScheme.blueGreen .colorScheme-fc.fc.e,
.fc.c10.e {
  color: #55C28D;
}
.colorScheme.blueGreen .colorScheme-fc.fc.f,
.fc.c10.f {
  color: #2CB070;
}
.colorScheme.blueGreen .colorScheme-fc.fc.g,
.fc.c10.g {
  color: #24965F;
}
.colorScheme.blueGreen .colorScheme-fc.fc.h,
.fc.c10.h {
  color: #016B3F;
}
.colorScheme.blueGreen .colorScheme-fc.fc.i,
.fc.c10.i {
  color: #054C2E;
}
.colorScheme.blueGreen .colorScheme-fc.fc.j,
.fc.c10.j {
  color: #032E1C;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.base.font {
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  color: #313A3F;
  font-size: 12px;
}
.base.block {
  display: block;
}
.base.noWrap {
  white-space: nowrap;
}
.base.clipText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* This classes could be used to render different borders  */
.base.standardPadding {
  padding: 20px;
}
.base.widePadding {
  padding: 20px 26px;
}
/** needs to add the base border and g0a **/
ul.base.menuList {
  list-style: none;
  border-top: none;
  margin: 0 0 10px;
  padding: 10px 0 10px 19px;
}
ul.base.menuList.contiguous {
  border-bottom: none;
  margin: 0;
}
ul.base li {
  margin-bottom: 5px;
  line-height: 14px;
}
hr.base.contentSeparator {
  clear: both;
  margin: 6px 0 0 0;
  height: 0;
  border: 1px solid;
  border-color: #C9CACA #F4F8FB #fff;
}
body.cursorWait * {
  cursor: wait !important;
}
.base.border {
  border: 1px solid #BEC7CC;
}
.base.border.noTop {
  border-top: none;
}
.base.border.noBottom {
  border-bottom: none;
}
.base.border.bottomOnly {
  border-top: none;
  border-left: none;
  border-right: none;
}
.base.allBorderRadius {
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.base.topBorderRadius {
  -webkit-border-radius: 10px 10px 0 0;
  -khtml-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.base.topBorderRadius.inner {
  -webkit-border-radius: 7px 7px 0 0;
  -khtml-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}
.base.topLeftBorderRadius {
  -webkit-border-top-left-radius: 10px;
  -khtml-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
.base.topRightBorderRadius {
  -webkit-border-top-right-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.base.bottomBorderRadius {
  -webkit-border-radius: 0 0 10px 10px;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.base.bottomRightBorderRadius {
  -webkit-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.base.bottomLeftBorderRadius {
  -webkit-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mobile .base.allBorderRadius {
  border-radius: 5px;
}
.mobile .base.topBorderRadius {
  border-radius: 5px 5px 0 0;
}
.mobile .base.topBorderRadius.inner {
  border-radius: 7px 7px 0 0;
}
.mobile .base.topLeftBorderRadius {
  border-top-left-radius: 5px;
}
.mobile .base.topRightBorderRadius {
  border-top-right-radius: 5px;
}
.mobile .base.bottomBorderRadius {
  border-radius: 0 0 5px 5px;
}
.mobile .base.bottomRightBorderRadius {
  border-bottom-right-radius: 5px;
}
.mobile .base.bottomLeftBorderRadius {
  border-bottom-left-radius: 5px;
}
.base.imageFrame {
  display: inline-block;
  border: 3px solid white;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 1px 1px rgba(193, 201, 206, 0.75), 0 0 0 1px rgba(193, 201, 206, 0.75) inset;
  -moz-box-shadow: 0 0 1px 1px rgba(193, 201, 206, 0.75), 0 0 0 1px rgba(193, 201, 206, 0.75) inset;
  box-shadow: 0 0 1px 1px rgba(193, 201, 206, 0.75), 0 0 0 1px rgba(193, 201, 206, 0.75) inset;
  padding: 1px;
  position: relative;
  left: -4px;
  top: -4px;
}
.base.imageFrame img,
.base.imageFrame .base.img {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/* ++++++++ gd header line ++++++++ */
/* IE filter needs this extra div to hide the background gradient. Thx IE */
.decorate.gdHeaderBigMask,
.decorate.gdHeaderMask {
  overflow: hidden;
  filter: none !important;
}
.decorate.gdHeaderBig,
.decorate.gdHeader {
  margin: 0;
  padding: 0 0 0 10px;
  position: relative;
  background: linear-gradient(#F5FAFC, #D9E2E7);
  border: 1px solid #BEC7CC;
}
.decorate.gdHeader {
  height: 23px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
}
.decorate.gdHeaderBig {
  height: 68px;
}
.colorScheme.lightGreen .decorate.gdHeader.colorScheme,
.colorScheme.midGreen .decorate.gdHeader.colorScheme,
.colorScheme.lightBlue .decorate.gdHeader.colorScheme,
.colorScheme.midBlue .decorate.gdHeader.colorScheme,
.colorScheme.red .decorate.gdHeader.colorScheme,
.colorScheme.purple .decorate.gdHeader.colorScheme,
.colorScheme.blueGreen .decorate.gdHeader.colorScheme,
.colorScheme.orange .decorate.gdHeader.colorScheme,
.colorScheme.yellow .decorate.gdHeader.colorScheme,
.colorScheme.turquoise .decorate.gdHeader.colorScheme,
.decorate.gdHeader.action {
  color: #ffffff;
  background: linear-gradient(#CE2830, #931117);
}
.decorate.gdHeader.cards {
  color: #ffffff;
  background: linear-gradient(#ED7600, #C95004);
}
.decorate.gdHeader.knowledge {
  color: #ffffff;
  background: linear-gradient(#0999E1, #0871A6);
}
.decorate.gdHeaderBig .html {
  position: relative;
}
.decorate.gdHeader .text {
  position: relative;
  line-height: 24px;
}
.decorate.gdHeader.right,
.decorate.gdHeader.right .gdHeaderRightPart,
.decorate.gdHeader.left,
.decorate.gdHeader.left .gdHeaderRightPart,
#content .rightContent .decorate.gdHeader,
#content .rightContent .decorate.gdHeaderRightPart,
#content #leftContent .decorate.gdHeader,
#content #leftContent .decorate.gdHeaderRightPart {
  font-size: 12px;
  font-weight: normal;
}
.decorate.gdHeaderBigMask,
.decorate.gdHeaderBig,
.decorate.gdHeaderMask,
.decorate.gdHeader {
  border-radius: 10px 10px 0 0;
}
.decorate.gdHeader.right,
.decorate.gdHeader.right .gdHeaderRightPart,
.decorate.gdHeader.left,
.decorate.gdHeader.left .gdHeaderRightPart,
#content .rightContent .decorate.gdHeaderMask,
#content .rightContent .decorate.gdHeaderMask .decorate.gdHeader,
#content .rightContent .decorate.gdHeaderMask .decorate.gdHeaderRightPart,
#content #leftContent .decorate.gdHeaderMask,
#content #leftContent .decorate.gdHeaderMask .decorate.gdHeader,
#content #leftContent .decorate.gdHeaderMask .decorate.gdHeaderRightPart {
  border-radius: 0 0 0 0;
}
.decorate.gdHeader.left .gdHeaderRightPart,
.decorate.gdHeader.right .gdHeaderRightPart,
#content .rightContent .decorate.gdHeader .gdHeaderRightPart,
#content #leftContent .decorate.gdHeader .gdHeaderRightPart {
  width: 40px !important;
}
.decorate.gdHeader .gdHeaderRightPart {
  width: 90px;
}
#content #centerContent .decorate.gdHeaderMask .decorate.gdHeader,
#content #centerContent .decorate.gdHeaderMask .decorate.gdHeaderRightPart {
  border-radius: 10px 10px 0 0;
}
.gdHeaderBig .decorate.gdHeaderBigRightPart {
  position: absolute;
  right: 0;
}
.gdHeader .decorate.gdHeaderRightPart {
  height: 22px;
  position: absolute;
  right: 0;
}
.decorate.gdHeaderMask.left,
.decorate.gdHeader.left,
.decorate.gdHeaderMask.right,
.decorate.gdHeader.right,
.decorate.gdHeader.right .gdHeaderRightPart {
  border-radius: 0 0 0 0 !important;
}
.decorate.gdHeaderMask.corner.right,
.decorate.gdHeader.corner.right,
.decorate.gdHeader.corner.right .gdHeaderRightPart {
  border-radius: 0 10px 0 0 !important;
}
#content .rightContent .decorate.gdHeaderMask:first-child,
#content .rightContent .decorate.gdHeaderMask:first-child .decorate.gdHeader .gdHeaderRightPart,
#content .rightContent .decorate.gdHeaderMask:first-child .decorate.gdHeader {
  border-radius: 0 10px 0 0;
}
.decorate.gdHeaderMask.corner.left,
.decorate.gdHeader.corner.left {
  border-radius: 10px 0 0 0 !important;
}
#content #leftContent .decorate.gdHeaderMask:first-child,
#content #leftContent .decorate.gdHeaderMask:first-child .decorate.gdHeader {
  border-radius: 10px 0 0 0;
}
/* ----------- gd header line  -----------------*/
/** ++++++ specific style for the gamesPageBox elements ++++++ **/
.base.linkedFrameBox .ribbon {
  position: absolute;
  top: -1px;
  right: 0;
}
.base.linkedFrameBox.wide .ribbon {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
}
/* reset empty do nothing */
.base.linkedFrameBox.type_empty {
  cursor: default !important;
}
.base.linkedFrameBox,
.base.linkedFrameBox.type_empty:hover {
  cursor: pointer;
  position: relative;
  padding-bottom: 29px;
  float: left;
  border-top: 1px solid white;
  display: table;
}
.base.linkedFrameBox.wide.type_empty:hover,
.base.linkedFrameBox.wide {
  width: 348px;
  padding-bottom: 9px;
}
.base.linkedFrameBox .nameAndDescBox .textContainer {
  display: none;
}
.base.linkedFrameBox.wide .nameAndDescBox .textContainer {
  display: block;
}
.base.linkedFrameBox .nameAndDescBox .title {
  bottom: 0;
  left: 10px;
  position: absolute;
  width: 133px;
  margin: 9px 2px;
}
.base.linkedFrameBox .nameAndDescBox .title.topGames {
  position: absolute;
  width: 146px;
  margin: 9px 2px;
  text-align: center;
}
.base.linkedFrameBox.wide .nameAndDescBox .title {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 9px 0;
  padding-top: 15px;
  position: static;
}
.base.linkedFrameBox.wide .nameAndDescBox .title {
  width: auto;
  padding-right: 13px;
}
.base.linkedFrameBox.wide .linkedFrameBoxGfx {
  padding: 29px 17px;
}
.base.linkedFrameBox.tournaments.type_empty .linkedFrameBoxGfx,
.base.linkedFrameBox.mobile.type_empty .linkedFrameBoxGfx,
.base.linkedFrameBox .linkedFrameBoxGfx {
  width: auto;
  padding: 19px 24px;
  margin: 9px 9px 0 9px;
  position: relative;
}
.base.linkedFrameBox.type_empty .linkedFrameBoxGfx .logo {
  width: 106px;
  height: 74px;
  margin: auto;
}
.base.linkedFrameBox span {
  display: block;
}
.base.linkedFrameBox .textContainer {
  padding-right: 12px;
}
.base.linkedFrameBox .textContainer .descText {
  display: inline;
}
.base.linkedFrameBox.tournaments .linkedFrameBoxGfx,
.base.linkedFrameBox.mobile .linkedFrameBoxGfx {
  padding: 9px 7px;
}
.base.linkedFrameBox.wide .nameAndDescBox,
.base.linkedFrameBox .content {
  position: absolute;
}
.base.linkedFrameBox p {
  position: relative;
  padding: 0;
  margin: 0;
}
.base.linkedFrameBox.wide .nameAndDescBox {
  top: 0;
  width: auto;
  padding: 10px 10px 0 148px;
  z-index: 10;
  height: 135px;
}
/* TODO move the flame to the generic sprite */
.base.linkedFrameBox .logo.empty {
  background: url('../images/icons/im_106x74_flame.png') top left no-repeat !important;
  background-position: top;
}
.base.input {
  display: inline-block;
  border: 1px solid #BEC7CC;
}
.base.input input,
.base.input textarea,
.base.input select {
  color: #313A3F;
  background-color: #fff;
  border-color: #fff #BEC7CC #BEC7CC #fff;
  border-style: inset;
  border-width: 2px;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.9) inset;
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.9) inset;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.9) inset;
  padding: 9px 8px 9px 8px;
  margin: 0;
  font-size: 15px;
  display: block;
}
.base.input input[disabled],
.base.input textarea[disabled],
.base.input select[disabled] {
  color: #9DA6AB;
}
.base.loweredBevelBorderBox {
  background-color: #fff;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: #D9E2E7;
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4) inset;
  /* Firefox (old)*/
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4) inset;
  /* Safari, Chrome */
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4) inset;
}
.base.outerFrame {
  position: relative;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4) inset;
}
.base.innerFrame {
  position: relative;
  top: -3px;
  left: -3px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: -10;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.base.shadowWithoutLineTop {
  -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: relative;
  height: 5px;
  margin-bottom: -5px;
}
.base.shadowLineTop {
  border-top: 1px solid #BEC7CC;
  position: relative;
  -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2);
}
.base.shadowLineTop:before {
  /*overlaying the grey line*/
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 0;
  content: "";
  left: 0;
}
.base.shadowLineBottom {
  border-bottom: 1px solid #BEC7CC;
  position: relative;
  -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2) inset;
}
.base.shadowLineBottom:before {
  /*overlaying the white line*/
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  bottom: -2px;
  content: "";
  left: 0;
}
.base.innerGlow {
  -webkit-box-shadow: 0 0 0 2px rgba(250, 250, 250, 0.6) inset;
  -moz-box-shadow: 0 0 0 2px rgba(250, 250, 250, 0.6) inset;
  box-shadow: 0 0 0 2px rgba(250, 250, 250, 0.6) inset;
}
.generic_sprite.ic_alert.base.asText,
.icon_sprite.small.base.asText {
  line-height: 33px;
  padding-left: 40px;
  width: auto;
}
.icon_sprite.medium.base.asText {
  line-height: 42px;
  padding-left: 50px;
  width: auto;
}
.icon_sprite.medium.base.asMiddleText,
.generic_sprite.ic_alert.base.asMiddleText,
.icon_sprite.small.base.asMiddleText {
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px;
  width: auto;
}
.icon_sprite.medium.base.asMiddleText {
  padding-left: 50px;
}
/** ++ gdTable ++ */
.comp.gdTable .g0c.header.gr.c,
.comp.gdTable .gr.c0.c.header.gr.c {
  border-bottom: 1px solid #4D565B;
}
.comp.gdTable .g0c.header.mirror.gr.c,
.comp.gdTable .gr.c0.c.header.mirror.gr.c {
  border-top: 1px solid #848D92;
}
.comp.gdTable .c0.c.header .separator {
  border-left: 1px solid #4D565B;
  box-shadow: 1px 0 0 #848D92 inset;
}
.colorScheme.yellow .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #D46C04;
}
.colorScheme.yellow .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #F49906;
}
.colorScheme.yellow .comp.gdTable.colorScheme .header .separator {
  border-left: 1px solid #D46C04;
  box-shadow: 1px 0 0 #F49906 inset;
}
.comp.gdTable {
  position: relative;
}
.colorScheme.orange .comp.gdTable.colorScheme .header.gr.c,
.comp.gdTable .header {
  border-bottom: 1px solid #B53B07;
}
.colorScheme.orange .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #E36600;
}
.comp.gdTable .header.mirror {
  border-top: 1px solid #E36600;
  border-bottom: 1px solid #B53B07;
}
.colorScheme.orange .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .header .separator {
  border-left: 1px solid #B53B07;
  box-shadow: 1px 0 0 #E36600 inset;
  margin-left: -1px;
  /* the old one was with grphic - just for having the same width as before */
}
.comp.gdTable .g3c.header,
.comp.gdTable .gr.c3.c.header,
.colorScheme.red .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #700F1C;
}
.comp.gdTable .g3c.header.mirror,
.comp.gdTable .gr.c3.c.header.mirror,
.colorScheme.red .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #BC111A;
}
.colorScheme.red .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c3.c.header .separator {
  border-left: 1px solid #700F1C;
  box-shadow: 1px 0 0 #BC111A inset;
}
.comp.gdTable .g4c.header,
.comp.gdTable .gr.c4.c.header,
.colorScheme.purple .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #2C2163;
}
.comp.gdTable .g4c.header.mirror,
.comp.gdTable .gr.c4.c.header.mirror,
.colorScheme.purple .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #614AA5;
}
.colorScheme.purple .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c4.c.header .separator {
  border-left: 1px solid #2C2163;
  box-shadow: 1px 0 0 #614AA5 inset;
}
.comp.gdTable .g5c.header,
.comp.gdTable .gr.c5.c.header.gr.c,
.colorScheme.midBlue .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #032D56;
}
.comp.gdTable .g5c.header.mirror,
.comp.gdTable .gr.c5.c.header.mirror,
.colorScheme.midBlue .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #165F9B;
}
.colorScheme.midBlue .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c5.c.header .separator {
  border-left: 1px solid #032D56;
  box-shadow: 1px 0 0 #165F9B inset;
}
.comp.gdTable .g6c.header,
.comp.gdTable .gr.c6.c.header,
.colorScheme.lightBlue .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #06537A;
}
.comp.gdTable .g6c.header.mirror,
.comp.gdTable .gr.c6.c.header.mirror,
.colorScheme.lightBlue .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #0A86C4;
}
.colorScheme.lightBlue .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c6.c.header .separator {
  border-left: 1px solid #06537A;
  box-shadow: 1px 0 0 #0A86C4 inset;
}
.comp.gdTable .g7c.header,
.comp.gdTable .gr.c7.c.header,
.colorScheme.turquoise .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #00605D;
}
.comp.gdTable .g7c.header.mirror,
.comp.gdTable .gr.c7.c.header.mirror,
.colorScheme.turquoise .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #04B0AA;
}
.colorScheme.turquoise .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c7.c.header .separator {
  border-left: 1px solid #00605D;
  box-shadow: 1px 0 0 #04B0AA inset;
}
.comp.gdTable .g8c.header,
.comp.gdTable .gr.c8.c.header,
.colorScheme.midGreen .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #225E0D;
}
.comp.gdTable .g8c.header.mirror,
.comp.gdTable .gr.c8.c.header.mirror,
.colorScheme.midGreen .comp.gdTable.colorScheme .header.mirror.gr.c {
  border-top: 1px solid #399E16;
}
.colorScheme.midGreen .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c8.c.header .separator {
  border-left: 1px solid #225E0D;
  box-shadow: 1px 0 0 #399E16 inset;
}
.comp.gdTable .g9c.header,
.comp.gdTable .gr.c9.c.header,
.colorScheme.lightGreen .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #4F6B09;
}
.comp.gdTable .g9c.header.mirror,
.comp.gdTable .gr.c9.c.header.mirror,
.colorScheme.lightGreen .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #80AD0C;
}
.colorScheme.lightGreen .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c9.c.header .separator {
  border-left: 1px solid #4F6B09;
  box-shadow: 1px 0 0 #80AD0C inset;
}
.comp.gdTable .g10c.header,
.comp.gdTable .gr.c10.c.header,
.colorScheme.blueGreen .comp.gdTable.colorScheme .header.gr.c {
  border-bottom: 1px solid #054C2E;
}
.comp.gdTable .g10c.header.mirror,
.comp.gdTable .gr.c10.c.header.mirror,
.colorScheme.blueGreen .comp.gdTable.colorScheme .header.gr.c.mirror {
  border-top: 1px solid #24965F;
}
.colorScheme.blueGreen .comp.gdTable.colorScheme .header .separator,
.comp.gdTable .c10.c.header .separator {
  border-left: 1px solid #054C2E;
  box-shadow: 1px 0 0 #24965F inset;
}
.comp.gdTable {
  position: relative;
}
/** add here the border colors for the other gamedesings related colors */
.comp.gdTable .header {
  position: relative;
  color: #ffffff;
}
/* for having some content on the right side. E.g. for the buttonTab*/
.comp.gdTable .header .buttonRight {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.comp.gdTable .header .buttonTab {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 10px;
  float: left;
  width: auto;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin-left: 0;
  margin-top: 2px;
}
.comp.gdTable .main.header .buttonTab {
  height: 24px;
  line-height: 24px;
  margin-top: 0;
}
.comp.gdTable .main.header .buttonTab.trippleState:hover,
.comp.gdTable .main.header .buttonTab:hover {
  line-height: 24px;
  height: 24px;
}
.comp.gdTable .main.header .buttonTab.trippleState:active,
.comp.gdTable .main.header .buttonTab:active,
.comp.gdTable .main.header .buttonTab.active {
  line-height: 24px;
  height: 24px;
}
.comp.gdTable .sub.header .buttonTab {
  line-height: 16px;
  height: 16px;
  margin-top: 1px;
}
.comp.gdTable .header .buttonTab.trippleState:hover,
.comp.gdTable .header .buttonTab:hover {
  line-height: 24px;
  height: 24px;
  margin-top: 0px;
  -moz-box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, 0.4) inset !important;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, 0.4) inset !important;
  box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, 0.4) inset !important;
}
.comp.gdTable .header .buttonTab.trippleState:active,
.comp.gdTable .header .buttonTab:active,
.comp.gdTable .header .buttonTab.active {
  line-height: 24px;
  height: 24px;
  margin-top: 0px;
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset !important;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset !important;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset !important;
}
.comp.gdTable .sub.header .buttonTab.trippleState:hover,
.comp.gdTable .sub.header .buttonTab:hover,
.comp.gdTable .sub.header .buttonTab.trippleState:active,
.comp.gdTable .sub.header .buttonTab:active,
.comp.gdTable .sub.header .buttonTab.active {
  line-height: 18px;
  height: 18px;
  margin-top: 0px;
}
.comp.gdTable .header .swoosh {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.comp.gdTable .gdTableRow {
  clear: both;
  height: 44px;
  margin-top: 1px;
}
.comp.gdTable .bg.gdTableRow:nth-of-type(even),
.comp.gdTable .gdTableRow:nth-of-type(even) {
  background-color: #ffffff;
}
.comp.gdTable .gdTableRow .avatarOuterBox {
  -webkit-border-radius: 17px;
  -khtml-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  border: 1px solid rgba(124, 121, 121, 0.7);
  width: 28px;
  height: 28px;
  background-color: white;
  padding: 2px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(124, 121, 121, 0.4);
  -moz-box-shadow: 1px 1px 1px 0 rgba(124, 121, 121, 0.4);
  box-shadow: 1px 1px 1px 0 rgba(124, 121, 121, 0.4);
}
.comp.gdTable .gdTableRow .avatarOuterBox .avatarInnerBox {
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  border: 1px solid rgba(124, 121, 121, 0.7);
  width: 24px;
  height: 24px;
  margin-top: 1px;
  margin-left: 1px;
}
.comp.gdTable .main.header {
  height: 24px;
}
.comp.gdTable .main.header .gdTableData:not(.sortButton) {
  margin-top: 3px;
}
.comp.gdTable .main.header .title {
  margin-left: 10px;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
}
.comp.gdTable .sub.header {
  height: 18px;
}
.comp.gdTable .gdTableData {
  float: left;
  position: relative;
  z-index: 1;
  padding-left: 10px;
  line-height: 18px;
}
.comp.gdTable .sub.header .gdTableData {
  line-height: 16px;
  margin-top: 1px;
}
/* could be removed if we have 20px left default (with the new grid g940)*/
.comp.gdTable .header .gdTableData.arrowState {
  padding-left: 20px;
}
.comp.gdTable .gdTableRow {
  position: relative;
}
.comp.gdTable .gdTableRow .left,
.comp.gdTable .gdTableRow .right {
  position: absolute;
  width: 50%;
  height: 100%;
  bottom: 0;
}
.comp.gdTable .gdTableRow .left {
  left: 0;
}
.comp.gdTable .gdTableRow .right {
  right: 0;
}
/* ++ gameMenuList for the games menu on the left side ++ */
.base.gameMenuSimpleUlList {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.base.gameMenuSimpleUlList li {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.base.gameMenuSimpleUlList li.gamelinksheader {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.base.gameMenuList {
  border-top: none;
  border-bottom: none;
  margin-bottom: 10px;
}
.base.gameMenuList .gameMenuListBox {
  cursor: pointer;
  padding: 4px 10px 5px 15px;
  height: 40px;
  border-left: none;
  border-right: none;
  border-top: 1px solid #fff;
}
.base.gameMenuList .gameMenuListBox.iconSmallWrapper {
  height: 38px;
  padding: 9px 0 0 28px;
}
.base.gameMenuList .gameMenuListBox.iconSmallWrapper .icon_sprite.small {
  width: 140px;
}
.base.gameMenuList a {
  display: table-cell;
  width: 128px;
  margin: 0 0 0 -10px;
  padding: 0 5px 0 70px;
  vertical-align: middle;
  color: #313A3F;
  text-decoration: none !important;
  outline: none;
}
.base.gameMenuList.accordion a.toggleArrow {
  line-height: 18px;
}
.base.gameMenuList.accordion a.toggleArrow .text {
  display: none;
}
.base.gameMenuList.accordion a.down .text.more {
  display: inline;
}
.base.gameMenuList.accordion a.up .text.close {
  display: inline;
}
.base.gameMenuList .gameMenuListBox.press:active,
.base.gameMenuList .gameMenuListBox.press.active,
.base.gameMenuList .gameMenuListBox.press.active.hover:hover {
  border-top: 1px solid #71777C !important;
  -webkit-box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  -moz-box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  background: none;
  background-color: #ADB6BB !important;
  filter: none;
  /* IE6,IE7 */
  -ms-filter: none;
  /* IE8 */
}
.base.gameMenuList a {
  *display: block;
  *width: auto;
}
.base.gameMenuList .toggle {
  border-bottom: 1px solid #BEC7CC;
  cursor: pointer;
  font-size: 11px;
  margin-top: -8px;
  height: 18px;
  line-height: 17px;
  outline: medium none;
  text-align: center;
}
.base.gameMenuList .toggle a {
  display: inline;
}
.base.gameMenuList .toggle .wait {
  background: url('../images/icons/ic_36x12_spinner.gif') no-repeat !important;
}
.base.gameMenuList .toggle.hide a {
  display: block;
  margin: auto;
  padding: 0;
  position: relative;
}
.base.gameMenuList.accordion .action.show a,
.base.gameMenuList.accordion .cards.show a,
.base.gameMenuList.accordion .knowledge.show a {
  color: #246DB5;
  padding-left: 15px;
  font-weight: bold;
  letter-spacing: normal;
}
.base.gameMenuList.accordion .cards.show a {
  color: #E36600;
}
.base.gameMenuList.accordion .action.show a {
  color: #931117;
}
/* -- gameMenuList -- */
.base.arrowTriangle:after,
.base.arrowTriangle:before {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.base.arrowTriangle:after {
  border: 12px solid transparent;
}
.base.arrowTriangle:before {
  border: 15px solid transparent;
  border: 13px solid transparent\9;
}
.base.arrowTriangle.top:after,
.base.arrowTriangle.bottom:after {
  left: 23px;
}
.base.arrowTriangle.top:before,
.base.arrowTriangle.bottom:before {
  left: 20px;
  left: 22px\9;
}
.base.arrowTriangle.top.center:before,
.base.arrowTriangle.bottom.center:before {
  left: -moz-calc(37%);
  left: -webkit-calc(37%);
  left: calc(37%);
}
.base.arrowTriangle.left.center:before,
.base.arrowTriangle.right.center:before {
  top: -moz-calc(37%);
  top: -webkit-calc(37%);
  top: calc(37%);
}
.base.arrowTriangle.top.center:after,
.base.arrowTriangle.bottom.center:after {
  left: -moz-calc(40%);
  left: -webkit-calc(40%);
  left: calc(40%);
}
.base.arrowTriangle.left.center:after,
.base.arrowTriangle.right.center:after {
  top: -moz-calc(40%);
  top: -webkit-calc(40%);
  top: calc(40%);
}
.base.arrowTriangle.top.topRight:after {
  left: auto;
  right: 20px;
}
.base.arrowTriangle.top.topRight:before {
  left: auto;
  right: 17px;
  right: 19px\9;
}
.base.arrowTriangle.top:after {
  border-color: transparent transparent white;
  bottom: 100%;
}
.base.arrowTriangle.top:before {
  border-color: transparent transparent rgba(0, 0, 0, 0.1);
  border-color: transparent transparent rgb(185, 192, 198)\9;
  bottom: 100%;
}
.base.arrowTriangle.bottom:after {
  border-color: white transparent transparent ;
  top: 100%;
}
.base.arrowTriangle.bottom:before {
  border-color: rgba(0, 0, 0, 0.1) transparent transparent;
  border-color: rgb(185, 192, 198) transparent transparent\9;
  top: 100%;
}
.base.arrowTriangle.right:after,
.base.arrowTriangle.left:after {
  top: 9px;
}
.base.arrowTriangle.right:before,
.base.arrowTriangle.left:before {
  top: 6px;
  top: 8px\9;
}
.base.arrowTriangle.right:after {
  border-color: transparent transparent transparent white;
  left: 100%;
}
.base.arrowTriangle.right:before {
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
  border-color: transparent transparent transparent rgb(185, 192, 198)\9;
  left: 100%;
}
.base.arrowTriangle.left:after {
  border-color: transparent white  transparent  transparent;
  right: 100%;
}
.base.arrowTriangle.left:before {
  border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
  border-color: transparent rgb(185, 192, 198) transparent transparent\9;
  right: 100%;
}
/** ------- arrow triangle top for a loweredBevelBorderBox*/
.base.loweredBevelBorderBox.arrowTriangle.top:after {
  border-width: 15px;
  border-style: solid outset;
  top: -26px;
  left: 102px;
}
.base.loweredBevelBorderBox.arrowTriangle.top:before {
  border-width: 14px;
  top: -28px;
  left: 103px;
}
.base.pointer.downArrow {
  background: white;
  position: relative;
  margin-bottom: 21px;
  cursor: default;
}
.base.pointer.downArrow:before,
.base.pointer.downArrow:after,
.base.pointer.topArrow:before,
.base.pointer.topArrow:after {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
}
.base.pointer.downArrow:before {
  border-color: rgba(0, 0, 0, 0.1) transparent transparent;
  top: 100%;
}
.base.pointer.downArrow:after {
  border-color: white transparent transparent;
  top: 98%;
}
.base.pointer.downArrow.left:after,
.base.pointer.downArrow.left:before,
.base.pointer.topArrow.topLeft:after,
.base.pointer.topArrow.topLeft:before {
  left: 30px;
}
.base.pointer.downArrow.right:after,
.base.pointer.downArrow.right:before,
.base.pointer.topArrow.topRight:after,
.base.pointer.topArrow.topRight:before {
  right: 30px;
}
.gecko .base.pointer.downArrow:before,
.gecko .base.pointer.downArrow:after {
  border-width: 20px;
  border-style: outset;
}
.gecko .base.pointer.downArrow:before {
  border-color: rgba(0, 0, 0, 0.5) transparent transparent;
}
.base.pointer.topArrow {
  background: white;
  position: relative;
  margin-top: 21px;
  cursor: default;
}
.base.pointer.topArrow:before {
  border-color: transparent transparent rgba(0, 0, 0, 0.1);
  bottom: 100%;
}
.base.pointer.topArrow:after {
  border-color: transparent transparent white;
  bottom: 97%;
}
.tooltipWrapper {
  position: relative;
}
.tooltipContainer {
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 0 #000000;
  border: 1px solid #B9C0C6;
  width: 240px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 12;
}
.tooltipContainer.hidden {
  display: none;
}
.tooltipContainer.reusable {
  width: 270px;
}
.tooltipContainer .tooltipHead {
  background-color: #e7edf0;
  background-repeat: repeat-x;
  height: 30px;
  -webkit-border-radius: 9px 9px 0 0;
  -khtml-border-radius: 9px 9px 0 0;
  -moz-border-radius: 9px 9px 0 0;
  -ms-border-radius: 9px 9px 0 0;
  -o-border-radius: 9px 9px 0 0;
  border-radius: 9px 9px 0 0;
}
.tooltipContainer .tooltipHead .headerTexts {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  padding-left: 4px;
}
.tooltipContainer .tooltipHead .headerTexts {
  *display: block;
  *width: auto;
}
.tooltipContainer .tooltipHead .icon_sprite.small.headerTexts {
  padding-left: 25px;
  width: auto;
}
.tooltipContainer .tooltipHead .headerTexts .headerText {
  font-weight: bold;
  display: block;
  margin-left: 14px;
}
.tooltipContainer .tooltipHead .headline {
  font-weight: bold;
  display: block;
  margin-left: 20px;
  margin-top: 20px;
}
.tooltipContainer .tooltipHead .headerTexts .subHeaderText {
  font-weight: bold;
  margin-left: 14px;
}
.tooltipContainer .tooltipHead .subHeadline {
  font-weight: bold;
  margin-left: 20px;
}
.tooltipContainer .tooltipBody {
  padding: 16px 17px 17px 17px;
  text-align: left;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 9px 9px;
  -khtml-border-radius: 0 0 9px 9px;
  -moz-border-radius: 0 0 9px 9px;
  -ms-border-radius: 0 0 9px 9px;
  -o-border-radius: 0 0 9px 9px;
  border-radius: 0 0 9px 9px;
}
.tooltipContainer .tooltipHead .toolIconPos {
  margin-top: 11px;
  margin-left: 15px;
  float: left;
  height: 33px;
  width: 33px;
}
.tooltipWrapper .tooltipContainer .closeButtonPos {
  position: absolute;
  top: 4px;
  right: 3px;
}
.tooltipWrapper .tooltipContainer .closeButtonPos:hover {
  cursor: pointer;
}
/***************************************************************
*    could be extended for more Colors by adding rules like
*   .tooltipWrapper .tooltipContainer .tooltipHead.bg.c0.a .base.arrowTriangle.top:after{
*        border-color: transparent transparent <colorcode>;
*    }
*
****************************************************************/
.tooltipWrapper .tooltipContainer .tooltipHead .base.arrowTriangle.top:after {
  border-color: transparent transparent #e7edf0;
}
.tooltipWrapper .tooltipContainer .tooltipHead .base.arrowTriangle.right:after {
  border-color: transparent transparent transparent #e7edf0;
}
.tooltipWrapper .tooltipContainer .tooltipHead .base.arrowTriangle.left:after {
  border-color: transparent #e7edf0 transparent transparent;
}
.tooltipWrapper .tooltipContainer.top {
  top: 15px;
}
.tooltipWrapper .tooltipContainer.bottom {
  bottom: 15px;
}
.tooltipWrapper .tooltipContainer.left {
  left: 25px;
}
.tooltipWrapper .tooltipContainer.right {
  right: 25px;
}
/** little helper **/
.tooltipWrapper .tooltipContainer div.clearDiv {
  clear: both;
  height: 0;
}
/** general CSS from tooltip-component**/
/** CSS for specific components **/
.base.expandableInfo {
  margin-bottom: 4px;
}
.base.expandableInfo .expandableInfoContent {
  margin-top: 4px;
}
.base.expandableInfo > * {
  padding-left: 20px;
}
.base.spinner.big {
  background: url('../images/spinner/spinner_grey_big.gif') top left no-repeat;
  min-width: 32px;
  min-height: 32px;
}
.base.spinner.small {
  background: url('../images/spinner/spinner_grey_small.gif') top left no-repeat;
  min-width: 16px;
  min-height: 16px;
}
.base.validationMessageTooltip {
  position: absolute;
  box-shadow: 0 0 10px 0 #000000;
  border: 1px solid #B9C0C6;
  width: 130px;
  line-height: 14px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 12;
  padding: 16px 17px 17px 17px;
  background-color: #ffffff;
  display: block;
}
#commonTooltip {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  /* we need to put this above jquery colorbox... (which uses a really large z-index) */
  z-index: 2000000;
}
#commonTooltip.preparing {
  display: block;
  visibility: hidden;
}
#commonTooltip.visible {
  display: block;
  visibility: visible;
}
#commonTooltip.smallWidth {
  width: 250px;
}
#collapsibleTab .tabLinkContainer .tabBar {
  float: right;
  position: relative;
  height: 31px;
  padding-top: 9px;
  border-bottom: 0;
  padding-right: 10px;
  margin-top: -2px;
}
#collapsibleTab .tabCloseLink {
  float: right;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  margin-top: 20px;
  height: 0px;
}
#collapsibleTab .tabLinkContainer {
  height: 30px;
  cursor: pointer;
}
#collapsibleTab .tabLinkContainer a.tabLink {
  color: #333333;
  padding: 0 0 0 16px;
  text-decoration: none;
  outline: none;
  font-weight: bold;
  margin-left: 11px;
}
#collapsibleTab .tabLinkContainer {
  position: absolute;
  top: -29px;
  right: 27px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#collapsibleTab .animatedDiv {
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
#collapsibleTab .animatedCSSDiv {
  overflow: hidden;
  height: 0;
  margin-top: -1px;
  -webkit-transition: height 250ms;
  -moz-transition: height 250ms;
  -ms-transition: height 250ms;
  -o-transition: height 250ms;
  transition: height 250ms;
}
#collapsibleTab .tabContent {
  padding: 30px 30px 24px 30px;
  margin-bottom: 30px;
}
#collapsibleTab .tabLinkContainer div.tabBar:first-child {
  padding-right: 30px;
}
#collapsibleTab .tabsContentContainer {
  padding-bottom: 0px;
}
#collapsibleTab .tabsContentContainer.active {
  padding-bottom: 30px;
}
#collapsibleTab #tabInfoIcon {
  position: absolute;
  right: -13px;
  top: -19px;
}
#collapsibleTab h4 {
  padding: 0px;
  margin: 0px;
}
#collapsibleTab .tabContent p {
  margin: 0px 0px 20px 0px;
}
#collapsibleTab .lastElement {
  margin-bottom: 0px;
}
#collapsibleTab.newspaper .tabContent {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
  -moz-column-rule: 1px outset #C9CACA;
  -webkit-column-rule: 1px outset #C9CACA;
  column-rule: 1px outset #C9CACA;
}
.flatArrow.field {
  position: relative;
}
.flatArrow.field.active:after {
  background: url('../images/generic_sprite.png') top left no-repeat;
  content: "";
  display: inline-block;
  width: 30px;
  height: 9px;
  position: absolute;
  background-position: -4px -623px;
  left: 50%;
  margin-left: -15px;
  top: 0px;
}
.base.colorButton.inactive.state,
.base.colorButton.row.inactive.state,
.base.colorButton {
  position: relative;
  display: inline-block;
  /* Standard for all */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 9px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  padding: 0 20px;
  /* ios reset */
  -webkit-appearance: none;
  /* size specific */
  height: 37px;
  line-height: 36px;
  font-size: 14px;
  /* color specific */
  color: #61696E;
  background-color: #D9E2E7;
  border: 1px solid #9daab0;
  box-shadow: 1px 2px 3px 0 rgba(49, 58, 63, 0.5), -5px -5px 9px 0 #b7bcbe inset, 5px 5px 9px 0 #f4f6f8 inset;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.base.colorButton.inactive.state:focus,
.base.colorButton.row.inactive.state:focus,
.base.colorButton:focus {
  outline: 0;
}
.base.colorButton[type=submit]::-moz-focus-inner,
.base.colorButton[type=button]::-moz-focus-inner {
  margin-top: -2px;
}
.base.colorButton.small,
.base.colorButton.small.inactive.state {
  padding: 0 12px;
}
.base.colorButton.tiny,
.base.colorButton.tiny.inactive.state {
  padding: 0 10px;
}
.base.colorButton.tiny.lowPad {
  padding: 0 7px;
}
/*Wrapper class for the table row buttons*/
.base.colorButtonRowWrapper {
  display: table;
}
/* standard inactive state */
.base.colorButton.small.inactive.state,
.base.colorButton.tiny.inactive.state,
.base.colorButton.huge.inactive.state,
.base.colorButton.row.inactive.state,
.base.colorButton.inactive.state {
  cursor: default;
}
/* small */
.base.colorButton.small.inactive.state,
.base.colorButton.small.inactive.state:hover,
.base.colorButton.small.inactive.state:active,
.base.colorButton.small.inactive.state:active,
.base.colorButton.small {
  border-radius: 7px;
  font-size: 10px;
  line-height: 25px;
  height: 26px;
}
.base.colorButton.vertical {
  position: absolute;
  left: -30px;
  width: 28px;
  min-width: 28px;
  height: 55px;
  padding: 8px 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: -3px -3px 6px 0 #B7BCBE inset, 3px 3px 6px 0 #F4F6F8 inset;
}
/* tiny */
.base.colorButton.tiny.inactive.state,
.base.colorButton.tiny.inactive.state:hover,
.base.colorButton.tiny.inactive.state:active,
.base.colorButton.tiny.inactive.state:active,
.base.colorButton.tiny {
  border-radius: 5px;
  font-size: 10px;
  line-height: 17px;
  height: 18px;
}
.base.colorButton.tiny.fixed,
.base.colorButton.tiny.fixed.inactive.state {
  padding: 0;
  margin: 0;
  min-width: 38px;
  box-sizing: border-box;
  height: 20px;
}
.base.colorButton.tiny.fixed[class*=icf-]::before,
.base.colorButton.tiny.fixed.inactive.state[class*=icf-]::before {
  font-size: 15px;
}
.base.colorButton.tiny.fixed.invisible:not(:hover) {
  box-shadow: none ;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: inherit;
  text-shadow: none;
}
.base.colorButton.small.row.inactive.state,
.base.colorButton.small.row.inactive.state:hover,
.base.colorButton.small.row.inactive.state:active,
.base.colorButton.small.row {
  width: auto;
  display: table-cell;
  min-width: 0;
  border-left-width: 0 !important;
  border-radius: 0px;
  /* TODO needs to be set up for all other colors - otherwise the inactive state has a gray hover */
}
/* small row inactive configuration */
.base.colorButton.small.row.inactive.state:first-of-type,
.base.colorButton.small.row.inactive.state:active:first-of-type,
.base.colorButton.small.row.inactive.state:hover:first-of-type,
.base.colorButton.small.row:first-of-type {
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  border-left-width: 1px !important;
}
/* with active class no cursor*/
.base.colorButton.active {
  cursor: default !important;
}
/* small row default configuration */
.base.colorButton.small.row.inactive.state:last-of-type,
.base.colorButton.small.row.inactive.state:active:last-of-type,
.base.colorButton.small.row.inactive.state:hover:last-of-type,
.base.colorButton.small.row:last-of-type {
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
}
/* use this for positioning a icon inside the button */
.base.colorButton.tiny.fixed .icon {
  display: block;
  margin: auto;
}
.base.colorButton.huge.inactive.state,
.base.colorButton.huge.inactive.state:hover,
.base.colorButton.huge.inactive.state:active,
.base.colorButton.huge.inactive.state:active,
.base.colorButton.huge {
  border-radius: 10px;
  font-size: 18px;
  line-height: 41px;
  height: 48px;
}
/* hover state grey */
/* active state grey */
.base.colorButton.small.row.active,
.base.colorButton.small.row:active,
.base.colorButton.active,
.base.colorButton:active {
  background-color: #e7ecef;
  box-shadow: 0 0 0.6em 0 #BEC7CC inset;
}
/* blueGreen */
.colorScheme .colorScheme.base.colorButton,
.colorScheme .colorScheme.base.colorButton.inactive.state,
.colorScheme .colorScheme.base.colorButton.small.inactive.state,
.colorScheme .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.inactive.state,
.base.colorButton.small.inactive.state,
.base.colorButton.tiny.inactive.state,
.base.colorButton {
  color: #313A3F;
  background: linear-gradient(to bottom, #F5FAFC 5%, #D9E2E7 100%);
  border: 1px solid #CBD4D9;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #fff inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.inactive.state,
.colorScheme .colorScheme.base.colorButton.small.inactive.state,
.colorScheme .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.small.inactive.state,
.base.colorButton.tiny.inactive.state,
.base.colorButton.inactive.state {
  color: #ADB6BB;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #F5FAFC 0%, #D9E2E7 100%);
  border: 1px solid #CBD4D9;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #fff inset;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton:hover,
.base.colorButton.hover,
.base.colorButton:hover {
  background: linear-gradient(to bottom, #F5FAFC 0%, #CBD4D9 100%);
  border: 1px solid #BEC7CC;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.hover,
.base.colorButton.small:hover {
  background: linear-gradient(to bottom, #F5FAFC 0%, #CBD4D9 100%);
  border: 1px solid #BEC7CC;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.tiny.hover,
.colorScheme .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.hover,
.base.colorButton.tiny:hover {
  background: linear-gradient(to bottom, #F5FAFC 0%, #CBD4D9 100%);
  border: 1px solid #BEC7CC;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.active,
.colorScheme .colorScheme.base.colorButton:active,
.base.colorButton.active,
.base.colorButton:active {
  box-shadow: 0 0 0.6em 0 #BEC7CC inset;
  background: linear-gradient(to bottom, #F5FAFC 0%, #CBD4D9 100%);
  border: 1px solid #BEC7CC;
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.small.active,
.colorScheme .colorScheme.base.colorButton.small:active,
.base.colorButton.small:active,
.base.colorButton.small.active {
  box-shadow: 0 0 0.6em 0 #BEC7CC inset;
  background: linear-gradient(to bottom, #F5FAFC 0%, #CBD4D9 100%);
}
/* @{colorScheme} */
.colorScheme .colorScheme.base.colorButton.tiny.active,
.colorScheme .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny:active,
.base.colorButton.tiny.active {
  box-shadow: 0 0 0.6em 0 #BEC7CC inset;
  background: linear-gradient(to bottom, #F5FAFC 0%, #CBD4D9 100%);
  border: 1px solid #BEC7CC;
}
.colorScheme.gray .colorScheme.base.colorButton,
.colorScheme.gray .colorScheme.base.colorButton.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.gray.inactive.state,
.base.colorButton.gray.small.inactive.state,
.base.colorButton.gray.tiny.inactive.state,
.base.colorButton.gray {
  color: #fff;
  background: linear-gradient(to bottom, #9DA6AB 5%, #848D92 100%);
  border: 1px solid #848D92;
  text-shadow: 0 0 3px #848D92, 0 0 3px #848D92, 0 0 3px #848D92, 0 0 3px #848D92, 0 0 3px #848D92;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #CBD4D9 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.gray .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.gray.small.inactive.state,
.base.colorButton.gray.tiny.inactive.state,
.base.colorButton.gray.inactive.state {
  color: #ADB6BB;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #9DA6AB 0%, #848D92 100%);
  border: 1px solid #848D92;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #CBD4D9 inset;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton:hover,
.base.colorButton.gray.hover,
.base.colorButton.gray:hover {
  background: linear-gradient(to bottom, #ADB6BB 0%, #9DA6AB 100%);
  border: 1px solid #9DA6AB;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.gray.hover,
.base.colorButton.small.gray:hover {
  background: linear-gradient(to bottom, #ADB6BB 0%, #9DA6AB 100%);
  border: 1px solid #9DA6AB;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.tiny.hover,
.colorScheme.gray .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.gray.hover,
.base.colorButton.tiny.gray:hover {
  background: linear-gradient(to bottom, #ADB6BB 0%, #9DA6AB 100%);
  border: 1px solid #9DA6AB;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.active,
.colorScheme.gray .colorScheme.base.colorButton:active,
.base.colorButton.gray.active,
.base.colorButton.gray:active {
  box-shadow: 0 0 0.6em 0 #4D565B inset;
  background: linear-gradient(to bottom, #ADB6BB 0%, #9DA6AB 100%);
  border: 1px solid #9DA6AB;
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.small.active,
.colorScheme.gray .colorScheme.base.colorButton.small:active,
.base.colorButton.small.gray:active,
.base.colorButton.small.gray.active {
  box-shadow: 0 0 0.6em 0 #4D565B inset;
  background: linear-gradient(to bottom, #ADB6BB 0%, #9DA6AB 100%);
}
/* @{colorScheme} */
.colorScheme.gray .colorScheme.base.colorButton.tiny.active,
.colorScheme.gray .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.gray:active,
.base.colorButton.tiny.gray.active {
  box-shadow: 0 0 0.6em 0 #4D565B inset;
  background: linear-gradient(to bottom, #ADB6BB 0%, #9DA6AB 100%);
  border: 1px solid #9DA6AB;
}
.colorScheme.yellow .colorScheme.base.colorButton,
.colorScheme.yellow .colorScheme.base.colorButton.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.yellow.inactive.state,
.base.colorButton.yellow.small.inactive.state,
.base.colorButton.yellow.tiny.inactive.state,
.base.colorButton.yellow {
  color: #fff;
  background: linear-gradient(to bottom, #FFAF02 5%, #F49906 100%);
  border: 1px solid #F49906;
  text-shadow: 0 0 3px #E5841C, 0 0 3px #E5841C, 0 0 3px #E5841C, 0 0 3px #E5841C, 0 0 3px #E5841C;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #FFEA55 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.yellow .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.yellow.small.inactive.state,
.base.colorButton.yellow.tiny.inactive.state,
.base.colorButton.yellow.inactive.state {
  color: #FFC60B;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #FFAF02 0%, #F49906 100%);
  border: 1px solid #F49906;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #FFEA55 inset;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton:hover,
.base.colorButton.yellow.hover,
.base.colorButton.yellow:hover {
  background: linear-gradient(to bottom, #FFC60B 0%, #FFAF02 100%);
  border: 1px solid #FFAF02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.yellow.hover,
.base.colorButton.small.yellow:hover {
  background: linear-gradient(to bottom, #FFC60B 0%, #FFAF02 100%);
  border: 1px solid #FFAF02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.tiny.hover,
.colorScheme.yellow .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.yellow.hover,
.base.colorButton.tiny.yellow:hover {
  background: linear-gradient(to bottom, #FFC60B 0%, #FFAF02 100%);
  border: 1px solid #FFAF02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.active,
.colorScheme.yellow .colorScheme.base.colorButton:active,
.base.colorButton.yellow.active,
.base.colorButton.yellow:active {
  box-shadow: 0 0 0.6em 0 #D46C04 inset;
  background: linear-gradient(to bottom, #FFC60B 0%, #FFAF02 100%);
  border: 1px solid #FFAF02;
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.small.active,
.colorScheme.yellow .colorScheme.base.colorButton.small:active,
.base.colorButton.small.yellow:active,
.base.colorButton.small.yellow.active {
  box-shadow: 0 0 0.6em 0 #D46C04 inset;
  background: linear-gradient(to bottom, #FFC60B 0%, #FFAF02 100%);
}
/* @{colorScheme} */
.colorScheme.yellow .colorScheme.base.colorButton.tiny.active,
.colorScheme.yellow .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.yellow:active,
.base.colorButton.tiny.yellow.active {
  box-shadow: 0 0 0.6em 0 #D46C04 inset;
  background: linear-gradient(to bottom, #FFC60B 0%, #FFAF02 100%);
  border: 1px solid #FFAF02;
}
.colorScheme.orange .colorScheme.base.colorButton,
.colorScheme.orange .colorScheme.base.colorButton.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.orange.inactive.state,
.base.colorButton.orange.small.inactive.state,
.base.colorButton.orange.tiny.inactive.state,
.base.colorButton.orange {
  color: #fff;
  background: linear-gradient(to bottom, #ED7600 5%, #E36600 100%);
  border: 1px solid #E36600;
  text-shadow: 0 0 3px #E36600, 0 0 3px #E36600, 0 0 3px #E36600, 0 0 3px #E36600, 0 0 3px #E36600;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #FFBA5A inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.orange .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.orange.small.inactive.state,
.base.colorButton.orange.tiny.inactive.state,
.base.colorButton.orange.inactive.state {
  color: #F7911B;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #ED7600 0%, #E36600 100%);
  border: 1px solid #E36600;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #FFBA5A inset;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton:hover,
.base.colorButton.orange.hover,
.base.colorButton.orange:hover {
  background: linear-gradient(to bottom, #F7911B 0%, #ED7600 100%);
  border: 1px solid #ED7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.orange.hover,
.base.colorButton.small.orange:hover {
  background: linear-gradient(to bottom, #F7911B 0%, #ED7600 100%);
  border: 1px solid #ED7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.tiny.hover,
.colorScheme.orange .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.orange.hover,
.base.colorButton.tiny.orange:hover {
  background: linear-gradient(to bottom, #F7911B 0%, #ED7600 100%);
  border: 1px solid #ED7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.active,
.colorScheme.orange .colorScheme.base.colorButton:active,
.base.colorButton.orange.active,
.base.colorButton.orange:active {
  box-shadow: 0 0 0.6em 0 #B53B07 inset;
  background: linear-gradient(to bottom, #F7911B 0%, #ED7600 100%);
  border: 1px solid #ED7600;
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.small.active,
.colorScheme.orange .colorScheme.base.colorButton.small:active,
.base.colorButton.small.orange:active,
.base.colorButton.small.orange.active {
  box-shadow: 0 0 0.6em 0 #B53B07 inset;
  background: linear-gradient(to bottom, #F7911B 0%, #ED7600 100%);
}
/* @{colorScheme} */
.colorScheme.orange .colorScheme.base.colorButton.tiny.active,
.colorScheme.orange .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.orange:active,
.base.colorButton.tiny.orange.active {
  box-shadow: 0 0 0.6em 0 #B53B07 inset;
  background: linear-gradient(to bottom, #F7911B 0%, #ED7600 100%);
  border: 1px solid #ED7600;
}
.colorScheme.red .colorScheme.base.colorButton,
.colorScheme.red .colorScheme.base.colorButton.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.red.inactive.state,
.base.colorButton.red.small.inactive.state,
.base.colorButton.red.tiny.inactive.state,
.base.colorButton.red {
  color: #fff;
  background: linear-gradient(to bottom, #CE2830 5%, #BC111A 100%);
  border: 1px solid #BC111A;
  text-shadow: 0 0 3px #BC111A, 0 0 3px #BC111A, 0 0 3px #BC111A, 0 0 3px #BC111A, 0 0 3px #BC111A;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #F2A59E inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.red .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.red.small.inactive.state,
.base.colorButton.red.tiny.inactive.state,
.base.colorButton.red.inactive.state {
  color: #E63434;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #CE2830 0%, #BC111A 100%);
  border: 1px solid #BC111A;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #F2A59E inset;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton:hover,
.base.colorButton.red.hover,
.base.colorButton.red:hover {
  background: linear-gradient(to bottom, #E63434 0%, #CE2830 100%);
  border: 1px solid #CE2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.red.hover,
.base.colorButton.small.red:hover {
  background: linear-gradient(to bottom, #E63434 0%, #CE2830 100%);
  border: 1px solid #CE2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.tiny.hover,
.colorScheme.red .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.red.hover,
.base.colorButton.tiny.red:hover {
  background: linear-gradient(to bottom, #E63434 0%, #CE2830 100%);
  border: 1px solid #CE2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.active,
.colorScheme.red .colorScheme.base.colorButton:active,
.base.colorButton.red.active,
.base.colorButton.red:active {
  box-shadow: 0 0 0.6em 0 #700F1C inset;
  background: linear-gradient(to bottom, #E63434 0%, #CE2830 100%);
  border: 1px solid #CE2830;
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.small.active,
.colorScheme.red .colorScheme.base.colorButton.small:active,
.base.colorButton.small.red:active,
.base.colorButton.small.red.active {
  box-shadow: 0 0 0.6em 0 #700F1C inset;
  background: linear-gradient(to bottom, #E63434 0%, #CE2830 100%);
}
/* @{colorScheme} */
.colorScheme.red .colorScheme.base.colorButton.tiny.active,
.colorScheme.red .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.red:active,
.base.colorButton.tiny.red.active {
  box-shadow: 0 0 0.6em 0 #700F1C inset;
  background: linear-gradient(to bottom, #E63434 0%, #CE2830 100%);
  border: 1px solid #CE2830;
}
.colorScheme.purple .colorScheme.base.colorButton,
.colorScheme.purple .colorScheme.base.colorButton.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.purple.inactive.state,
.base.colorButton.purple.small.inactive.state,
.base.colorButton.purple.tiny.inactive.state,
.base.colorButton.purple {
  color: #fff;
  background: linear-gradient(to bottom, #8C70E0 5%, #7963BA 100%);
  border: 1px solid #7963BA;
  text-shadow: 0 0 3px #7963BA, 0 0 3px #7963BA, 0 0 3px #7963BA, 0 0 3px #7963BA, 0 0 3px #7963BA;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #CFBDF4 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.purple .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.purple.small.inactive.state,
.base.colorButton.purple.tiny.inactive.state,
.base.colorButton.purple.inactive.state {
  color: #AF96FA;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #8C70E0 0%, #7963BA 100%);
  border: 1px solid #7963BA;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #CFBDF4 inset;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton:hover,
.base.colorButton.purple.hover,
.base.colorButton.purple:hover {
  background: linear-gradient(to bottom, #AF96FA 0%, #8C70E0 100%);
  border: 1px solid #8C70E0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.purple.hover,
.base.colorButton.small.purple:hover {
  background: linear-gradient(to bottom, #AF96FA 0%, #8C70E0 100%);
  border: 1px solid #8C70E0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.tiny.hover,
.colorScheme.purple .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.purple.hover,
.base.colorButton.tiny.purple:hover {
  background: linear-gradient(to bottom, #AF96FA 0%, #8C70E0 100%);
  border: 1px solid #8C70E0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.active,
.colorScheme.purple .colorScheme.base.colorButton:active,
.base.colorButton.purple.active,
.base.colorButton.purple:active {
  box-shadow: 0 0 0.6em 0 #2C2163 inset;
  background: linear-gradient(to bottom, #AF96FA 0%, #8C70E0 100%);
  border: 1px solid #8C70E0;
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.small.active,
.colorScheme.purple .colorScheme.base.colorButton.small:active,
.base.colorButton.small.purple:active,
.base.colorButton.small.purple.active {
  box-shadow: 0 0 0.6em 0 #2C2163 inset;
  background: linear-gradient(to bottom, #AF96FA 0%, #8C70E0 100%);
}
/* @{colorScheme} */
.colorScheme.purple .colorScheme.base.colorButton.tiny.active,
.colorScheme.purple .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.purple:active,
.base.colorButton.tiny.purple.active {
  box-shadow: 0 0 0.6em 0 #2C2163 inset;
  background: linear-gradient(to bottom, #AF96FA 0%, #8C70E0 100%);
  border: 1px solid #8C70E0;
}
.colorScheme.midBlue .colorScheme.base.colorButton,
.colorScheme.midBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midBlue.inactive.state,
.base.colorButton.midBlue.small.inactive.state,
.base.colorButton.midBlue.tiny.inactive.state,
.base.colorButton.midBlue {
  color: #fff;
  background: linear-gradient(to bottom, #246DB5 5%, #165F9B 100%);
  border: 1px solid #165F9B;
  text-shadow: 0 0 3px #165F9B, 0 0 3px #165F9B, 0 0 3px #165F9B, 0 0 3px #165F9B, 0 0 3px #165F9B;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #61A4D4 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midBlue.small.inactive.state,
.base.colorButton.midBlue.tiny.inactive.state,
.base.colorButton.midBlue.inactive.state {
  color: #3F88D1;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #246DB5 0%, #165F9B 100%);
  border: 1px solid #165F9B;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #61A4D4 inset;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton:hover,
.base.colorButton.midBlue.hover,
.base.colorButton.midBlue:hover {
  background: linear-gradient(to bottom, #3F88D1 0%, #246DB5 100%);
  border: 1px solid #246DB5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.midBlue.hover,
.base.colorButton.small.midBlue:hover {
  background: linear-gradient(to bottom, #3F88D1 0%, #246DB5 100%);
  border: 1px solid #246DB5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.hover,
.colorScheme.midBlue .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.midBlue.hover,
.base.colorButton.tiny.midBlue:hover {
  background: linear-gradient(to bottom, #3F88D1 0%, #246DB5 100%);
  border: 1px solid #246DB5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.active,
.colorScheme.midBlue .colorScheme.base.colorButton:active,
.base.colorButton.midBlue.active,
.base.colorButton.midBlue:active {
  box-shadow: 0 0 0.6em 0 #032D56 inset;
  background: linear-gradient(to bottom, #3F88D1 0%, #246DB5 100%);
  border: 1px solid #246DB5;
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.small.active,
.colorScheme.midBlue .colorScheme.base.colorButton.small:active,
.base.colorButton.small.midBlue:active,
.base.colorButton.small.midBlue.active {
  box-shadow: 0 0 0.6em 0 #032D56 inset;
  background: linear-gradient(to bottom, #3F88D1 0%, #246DB5 100%);
}
/* @{colorScheme} */
.colorScheme.midBlue .colorScheme.base.colorButton.tiny.active,
.colorScheme.midBlue .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.midBlue:active,
.base.colorButton.tiny.midBlue.active {
  box-shadow: 0 0 0.6em 0 #032D56 inset;
  background: linear-gradient(to bottom, #3F88D1 0%, #246DB5 100%);
  border: 1px solid #246DB5;
}
.colorScheme.lightBlue .colorScheme.base.colorButton,
.colorScheme.lightBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightBlue.inactive.state,
.base.colorButton.lightBlue.small.inactive.state,
.base.colorButton.lightBlue.tiny.inactive.state,
.base.colorButton.lightBlue {
  color: #fff;
  background: linear-gradient(to bottom, #0999E1 5%, #0A86C4 100%);
  border: 1px solid #0A86C4;
  text-shadow: 0 0 3px #0A86C4, 0 0 3px #0A86C4, 0 0 3px #0A86C4, 0 0 3px #0A86C4, 0 0 3px #0A86C4;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #78D2F5 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightBlue.small.inactive.state,
.base.colorButton.lightBlue.tiny.inactive.state,
.base.colorButton.lightBlue.inactive.state {
  color: #3EB7F4;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #0999E1 0%, #0A86C4 100%);
  border: 1px solid #0A86C4;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #78D2F5 inset;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton:hover,
.base.colorButton.lightBlue.hover,
.base.colorButton.lightBlue:hover {
  background: linear-gradient(to bottom, #3EB7F4 0%, #0999E1 100%);
  border: 1px solid #0999E1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.lightBlue.hover,
.base.colorButton.small.lightBlue:hover {
  background: linear-gradient(to bottom, #3EB7F4 0%, #0999E1 100%);
  border: 1px solid #0999E1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.hover,
.colorScheme.lightBlue .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.lightBlue.hover,
.base.colorButton.tiny.lightBlue:hover {
  background: linear-gradient(to bottom, #3EB7F4 0%, #0999E1 100%);
  border: 1px solid #0999E1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.active,
.colorScheme.lightBlue .colorScheme.base.colorButton:active,
.base.colorButton.lightBlue.active,
.base.colorButton.lightBlue:active {
  box-shadow: 0 0 0.6em 0 #06537A inset;
  background: linear-gradient(to bottom, #3EB7F4 0%, #0999E1 100%);
  border: 1px solid #0999E1;
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.small.active,
.colorScheme.lightBlue .colorScheme.base.colorButton.small:active,
.base.colorButton.small.lightBlue:active,
.base.colorButton.small.lightBlue.active {
  box-shadow: 0 0 0.6em 0 #06537A inset;
  background: linear-gradient(to bottom, #3EB7F4 0%, #0999E1 100%);
}
/* @{colorScheme} */
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny.active,
.colorScheme.lightBlue .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.lightBlue:active,
.base.colorButton.tiny.lightBlue.active {
  box-shadow: 0 0 0.6em 0 #06537A inset;
  background: linear-gradient(to bottom, #3EB7F4 0%, #0999E1 100%);
  border: 1px solid #0999E1;
}
.colorScheme.turquoise .colorScheme.base.colorButton,
.colorScheme.turquoise .colorScheme.base.colorButton.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.turquoise.inactive.state,
.base.colorButton.turquoise.small.inactive.state,
.base.colorButton.turquoise.tiny.inactive.state,
.base.colorButton.turquoise {
  color: #fff;
  background: linear-gradient(to bottom, #08CCC5 5%, #04B0AA 100%);
  border: 1px solid #04B0AA;
  text-shadow: 0 0 3px #04B0AA, 0 0 3px #04B0AA, 0 0 3px #04B0AA, 0 0 3px #04B0AA, 0 0 3px #04B0AA;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #99F7EE inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.turquoise.small.inactive.state,
.base.colorButton.turquoise.tiny.inactive.state,
.base.colorButton.turquoise.inactive.state {
  color: #3AE0DB;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #08CCC5 0%, #04B0AA 100%);
  border: 1px solid #04B0AA;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #99F7EE inset;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton:hover,
.base.colorButton.turquoise.hover,
.base.colorButton.turquoise:hover {
  background: linear-gradient(to bottom, #3AE0DB 0%, #08CCC5 100%);
  border: 1px solid #08CCC5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.turquoise.hover,
.base.colorButton.small.turquoise:hover {
  background: linear-gradient(to bottom, #3AE0DB 0%, #08CCC5 100%);
  border: 1px solid #08CCC5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.hover,
.colorScheme.turquoise .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.turquoise.hover,
.base.colorButton.tiny.turquoise:hover {
  background: linear-gradient(to bottom, #3AE0DB 0%, #08CCC5 100%);
  border: 1px solid #08CCC5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.active,
.colorScheme.turquoise .colorScheme.base.colorButton:active,
.base.colorButton.turquoise.active,
.base.colorButton.turquoise:active {
  box-shadow: 0 0 0.6em 0 #00605D inset;
  background: linear-gradient(to bottom, #3AE0DB 0%, #08CCC5 100%);
  border: 1px solid #08CCC5;
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.small.active,
.colorScheme.turquoise .colorScheme.base.colorButton.small:active,
.base.colorButton.small.turquoise:active,
.base.colorButton.small.turquoise.active {
  box-shadow: 0 0 0.6em 0 #00605D inset;
  background: linear-gradient(to bottom, #3AE0DB 0%, #08CCC5 100%);
}
/* @{colorScheme} */
.colorScheme.turquoise .colorScheme.base.colorButton.tiny.active,
.colorScheme.turquoise .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.turquoise:active,
.base.colorButton.tiny.turquoise.active {
  box-shadow: 0 0 0.6em 0 #00605D inset;
  background: linear-gradient(to bottom, #3AE0DB 0%, #08CCC5 100%);
  border: 1px solid #08CCC5;
}
.colorScheme.midGreen .colorScheme.base.colorButton,
.colorScheme.midGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midGreen.inactive.state,
.base.colorButton.midGreen.small.inactive.state,
.base.colorButton.midGreen.tiny.inactive.state,
.base.colorButton.midGreen {
  color: #fff;
  background: linear-gradient(to bottom, #46B324 5%, #399E16 100%);
  border: 1px solid #399E16;
  text-shadow: 0 0 3px #399E16, 0 0 3px #399E16, 0 0 3px #399E16, 0 0 3px #399E16, 0 0 3px #399E16;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #A8ED85 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.midGreen.small.inactive.state,
.base.colorButton.midGreen.tiny.inactive.state,
.base.colorButton.midGreen.inactive.state {
  color: #64CE3E;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #46B324 0%, #399E16 100%);
  border: 1px solid #399E16;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #A8ED85 inset;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton:hover,
.base.colorButton.midGreen.hover,
.base.colorButton.midGreen:hover {
  background: linear-gradient(to bottom, #64CE3E 0%, #46B324 100%);
  border: 1px solid #46B324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.midGreen.hover,
.base.colorButton.small.midGreen:hover {
  background: linear-gradient(to bottom, #64CE3E 0%, #46B324 100%);
  border: 1px solid #46B324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.hover,
.colorScheme.midGreen .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.midGreen.hover,
.base.colorButton.tiny.midGreen:hover {
  background: linear-gradient(to bottom, #64CE3E 0%, #46B324 100%);
  border: 1px solid #46B324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.active,
.colorScheme.midGreen .colorScheme.base.colorButton:active,
.base.colorButton.midGreen.active,
.base.colorButton.midGreen:active {
  box-shadow: 0 0 0.6em 0 #225E0D inset;
  background: linear-gradient(to bottom, #64CE3E 0%, #46B324 100%);
  border: 1px solid #46B324;
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.small.active,
.colorScheme.midGreen .colorScheme.base.colorButton.small:active,
.base.colorButton.small.midGreen:active,
.base.colorButton.small.midGreen.active {
  box-shadow: 0 0 0.6em 0 #225E0D inset;
  background: linear-gradient(to bottom, #64CE3E 0%, #46B324 100%);
}
/* @{colorScheme} */
.colorScheme.midGreen .colorScheme.base.colorButton.tiny.active,
.colorScheme.midGreen .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.midGreen:active,
.base.colorButton.tiny.midGreen.active {
  box-shadow: 0 0 0.6em 0 #225E0D inset;
  background: linear-gradient(to bottom, #64CE3E 0%, #46B324 100%);
  border: 1px solid #46B324;
}
.colorScheme.lightGreen .colorScheme.base.colorButton,
.colorScheme.lightGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightGreen.inactive.state,
.base.colorButton.lightGreen.small.inactive.state,
.base.colorButton.lightGreen.tiny.inactive.state,
.base.colorButton.lightGreen {
  color: #fff;
  background: linear-gradient(to bottom, #92C219 5%, #80AD0C 100%);
  border: 1px solid #80AD0C;
  text-shadow: 0 0 3px #80AD0C, 0 0 3px #80AD0C, 0 0 3px #80AD0C, 0 0 3px #80AD0C, 0 0 3px #80AD0C;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #D0F272 inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.lightGreen.small.inactive.state,
.base.colorButton.lightGreen.tiny.inactive.state,
.base.colorButton.lightGreen.inactive.state {
  color: #AAD934;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #92C219 0%, #80AD0C 100%);
  border: 1px solid #80AD0C;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #D0F272 inset;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton:hover,
.base.colorButton.lightGreen.hover,
.base.colorButton.lightGreen:hover {
  background: linear-gradient(to bottom, #AAD934 0%, #92C219 100%);
  border: 1px solid #92C219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.lightGreen.hover,
.base.colorButton.small.lightGreen:hover {
  background: linear-gradient(to bottom, #AAD934 0%, #92C219 100%);
  border: 1px solid #92C219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.hover,
.colorScheme.lightGreen .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.lightGreen.hover,
.base.colorButton.tiny.lightGreen:hover {
  background: linear-gradient(to bottom, #AAD934 0%, #92C219 100%);
  border: 1px solid #92C219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.active,
.colorScheme.lightGreen .colorScheme.base.colorButton:active,
.base.colorButton.lightGreen.active,
.base.colorButton.lightGreen:active {
  box-shadow: 0 0 0.6em 0 #4F6B09 inset;
  background: linear-gradient(to bottom, #AAD934 0%, #92C219 100%);
  border: 1px solid #92C219;
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.small.active,
.colorScheme.lightGreen .colorScheme.base.colorButton.small:active,
.base.colorButton.small.lightGreen:active,
.base.colorButton.small.lightGreen.active {
  box-shadow: 0 0 0.6em 0 #4F6B09 inset;
  background: linear-gradient(to bottom, #AAD934 0%, #92C219 100%);
}
/* @{colorScheme} */
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny.active,
.colorScheme.lightGreen .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.lightGreen:active,
.base.colorButton.tiny.lightGreen.active {
  box-shadow: 0 0 0.6em 0 #4F6B09 inset;
  background: linear-gradient(to bottom, #AAD934 0%, #92C219 100%);
  border: 1px solid #92C219;
}
.colorScheme.blueGreen .colorScheme.base.colorButton,
.colorScheme.blueGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.blueGreen.inactive.state,
.base.colorButton.blueGreen.small.inactive.state,
.base.colorButton.blueGreen.tiny.inactive.state,
.base.colorButton.blueGreen {
  color: #fff;
  background: linear-gradient(to bottom, #2CB070 5%, #24965F 100%);
  border: 1px solid #24965F;
  text-shadow: 0 0 3px #24965F, 0 0 3px #24965F, 0 0 3px #24965F, 0 0 3px #24965F, 0 0 3px #24965F;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #96E3BE inset;
  position: relative;
  overflow: hidden;
}
/* @{colorScheme} */
/* @{colorScheme} */
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.small.inactive.state,
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.inactive.state,
.base.colorButton.blueGreen.small.inactive.state,
.base.colorButton.blueGreen.tiny.inactive.state,
.base.colorButton.blueGreen.inactive.state {
  color: #55C28D;
  user-select: none;
  cursor: default;
  background: linear-gradient(to bottom, #2CB070 0%, #24965F 100%);
  border: 1px solid #24965F;
  box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.17), 0em 0.7em 0.2em -0.5em #96E3BE inset;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton:hover,
.base.colorButton.blueGreen.hover,
.base.colorButton.blueGreen:hover {
  background: linear-gradient(to bottom, #55C28D 0%, #2CB070 100%);
  border: 1px solid #2CB070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.small:hover,
.base.colorButton.small.blueGreen.hover,
.base.colorButton.small.blueGreen:hover {
  background: linear-gradient(to bottom, #55C28D 0%, #2CB070 100%);
  border: 1px solid #2CB070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.hover,
.colorScheme.blueGreen .colorScheme.base.colorButton.tinyc0-d .base.colorButton.tiny.blueGreen.hover,
.base.colorButton.tiny.blueGreen:hover {
  background: linear-gradient(to bottom, #55C28D 0%, #2CB070 100%);
  border: 1px solid #2CB070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.active,
.colorScheme.blueGreen .colorScheme.base.colorButton:active,
.base.colorButton.blueGreen.active,
.base.colorButton.blueGreen:active {
  box-shadow: 0 0 0.6em 0 #054C2E inset;
  background: linear-gradient(to bottom, #55C28D 0%, #2CB070 100%);
  border: 1px solid #2CB070;
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.small.active,
.colorScheme.blueGreen .colorScheme.base.colorButton.small:active,
.base.colorButton.small.blueGreen:active,
.base.colorButton.small.blueGreen.active {
  box-shadow: 0 0 0.6em 0 #054C2E inset;
  background: linear-gradient(to bottom, #55C28D 0%, #2CB070 100%);
}
/* @{colorScheme} */
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny.active,
.colorScheme.blueGreen .colorScheme.base.colorButton.tiny:active,
.base.colorButton.tiny.blueGreen:active,
.base.colorButton.tiny.blueGreen.active {
  box-shadow: 0 0 0.6em 0 #054C2E inset;
  background: linear-gradient(to bottom, #55C28D 0%, #2CB070 100%);
  border: 1px solid #2CB070;
}
/** CSS for colorButton**/
.colorButtonContainer .colorButton {
  position: relative;
  float: left;
  cursor: pointer;
}
/** there is one sprite per color - normally we will only use one or two on a page so it does not make sense to load the
    full portfolio **/
.white.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_white_sprite.png) no-repeat top left;
}
.yellow.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_yellow_sprite.png) no-repeat top left;
}
.orange.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_orange_sprite.png) no-repeat top left;
}
.red.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_red_sprite.png) no-repeat top left;
}
.purple.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_purple_sprite.png) no-repeat top left;
}
.midBlue.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_midBlue_sprite.png) no-repeat top left;
}
.lightBlue.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_lightBlue_sprite.png) no-repeat top left;
}
.turqouise.colorButtonContainer .colorButton,
.turquoise.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_turqouise_sprite.png) no-repeat top left;
}
.midGreen.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_midGreen_sprite.png) no-repeat top left;
}
.lightGreen.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_lightGreen_sprite.png) no-repeat top left;
}
.blueGreen.colorButtonContainer .colorButton {
  background: url(../images/colorButton/bu_blueGreen_sprite.png) no-repeat top left;
}
.colorButtonContainer .colorButton.bCenter {
  background-repeat: repeat-x;
  min-width: 70px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  text-decoration: none;
}
.white.colorButtonContainer .colorButton.bCenter {
  color: #61696e;
}
/** small button configuration **/
.small.colorButtonContainer .colorButton {
  font-size: 10px;
  line-height: 29px;
  height: 32px;
}
.small.colorButtonContainer:active .colorButton {
  line-height: 29px;
}
.small.colorButtonContainer .colorButton.bCenter {
  padding: 0 2px 0 0;
}
.small.colorButtonContainer .colorButton.bLeft,
.small .colorButton.bRight {
  width: 12px;
}
.small.colorButtonContainer .colorButton.bLeft {
  background-position: 0 -235px;
}
.small.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -28px -235px;
}
.small.colorButtonContainer:active .colorButton.bLeft {
  background-position: -56px -235px;
}
.small.colorButtonContainer .colorButton.bCenter {
  background-position: 0 -269px;
}
.small.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0 -303px;
}
.small.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0 -337px;
}
.small.colorButtonContainer .colorButton.bRight {
  background-position: -12px -235px;
}
.small.colorButtonContainer:hover .colorButton.bRight {
  background-position: -40px -235px;
}
.small.colorButtonContainer:active .colorButton.bRight {
  background-position: -68px -235px;
}
/** default button configuration **/
.default.colorButtonContainer .colorButton {
  font-size: 14px;
  line-height: 38px;
  height: 45px;
}
.default.colorButtonContainer:active .colorButton {
  line-height: 38px;
}
.default.colorButtonContainer .colorButton.bCenter {
  padding: 0 7px 0 5px;
}
.default.colorButtonContainer .colorButton.bLeft,
.default.colorButtonContainer .colorButton.bRight {
  width: 16px;
}
.default.colorButtonContainer .colorButton.bLeft {
  background-position: 0 0;
}
.default.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -36px 0;
}
.default.colorButtonContainer:active .colorButton.bLeft {
  background-position: 0px -47px;
}
.default.colorButtonContainer .colorButton.bCenter {
  background-position: 0 -94px;
}
.default.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0 -141px;
}
.default.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0 -188px;
}
.default.colorButtonContainer .colorButton.bRight {
  background-position: -16px 0;
}
.default.colorButtonContainer:hover .colorButton.bRight {
  background-position: -52px 0px;
}
.default.colorButtonContainer:active .colorButton.bRight {
  background-position: -16px -47px;
}
/** TODO remove login and use tiny  **/
.login.colorButtonContainer .colorButton {
  font-size: 10px;
  line-height: 20px;
  height: 22px;
}
.login.colorButtonContainer:active .colorButton {
  line-height: 22px;
}
.login.colorButtonContainer .colorButton.bCenter {
  padding: 0 7px 0 5px;
  min-width: 61px;
}
.login.colorButtonContainer .colorButton.bLeft,
.login .colorButton.bRight {
  width: 12px;
}
.login.colorButtonContainer .colorButton.bLeft {
  background-position: 0px -371px;
}
.login.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -27px -371px;
}
.login.colorButtonContainer:active .colorButton.bLeft {
  background-position: -54px -371px;
}
.login.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -397px;
}
.login.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -423px;
  min-width: 61px;
}
.login.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0px -449px;
  min-width: 61px;
}
.login.colorButtonContainer .colorButton.bRight {
  background-position: -12px -371px;
}
.login.colorButtonContainer:hover .colorButton.bRight {
  background-position: -39px -371px;
}
.login.colorButtonContainer:active .colorButton.bRight {
  background-position: -66px -371px;
}
.tiny.colorButtonContainer .colorButton {
  font-size: 10px;
  line-height: 20px;
  height: 24px;
}
.tiny.colorButtonContainer:active .colorButton {
  line-height: 22px;
}
.tiny.colorButtonContainer .colorButton.bCenter {
  padding: 0 7px 0 5px;
  min-width: 61px;
}
.tiny.colorButtonContainer .colorButton.bLeft,
.tiny .colorButton.bRight {
  width: 12px;
}
.tiny.colorButtonContainer .colorButton.bLeft {
  background-position: 0px -371px;
}
.tiny.colorButtonContainer:hover .colorButton.bLeft {
  background-position: -27px -371px;
}
.tiny.colorButtonContainer:active .colorButton.bLeft {
  background-position: -54px -371px;
}
.tiny.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -397px;
}
.tiny.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -423px;
  min-width: 61px;
}
.tiny.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0px -449px;
  min-width: 61px;
}
.tiny.colorButtonContainer .colorButton.bRight {
  background-position: -12px -371px;
}
.tiny.colorButtonContainer:hover .colorButton.bRight {
  background-position: -39px -371px;
}
.tiny.colorButtonContainer:active .colorButton.bRight {
  background-position: -66px -371px;
}
/* @Deprecated fixedTiny use  'fixed tiny' instead */
.fixed.tiny.colorButtonContainer .colorButton.bLeft,
.fixed.tiny.colorButtonContainer .colorButton.bRight,
.fixedTiny.colorButtonContainer .colorButton.bLeft,
.fixedTiny.colorButtonContainer .colorButton.bRight {
  display: none;
}
.fixedTiny.colorButtonContainer .colorButton.bCenter,
.fixed.tiny.colorButtonContainer .colorButton.bCenter {
  background-position: -41px -475px;
  min-width: 39px;
  width: 39px;
  height: 24px;
}
.invisible.fixedTiny.colorButtonContainer .colorButton.bCenter,
.invisible.fixed.tiny.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -475px;
}
.fixedTiny.colorButtonContainer:hover .colorButton.bCenter,
.fixed.tiny.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -501px;
}
.fixedTiny.colorButtonContainer:active .colorButton.bCenter,
.fixed.tiny.colorButtonContainer:active .colorButton.bCenter {
  background-position: -41px -501px;
}
.fixedTiny.colorButtonContainer .colorButton.bRight,
.fixed.tiny.colorButtonContainer .colorButton.bRight {
  background-position: -12px -371px;
}
.fixedTiny.colorButtonContainer:hover .colorButton.bRight,
.fixed.tiny.colorButtonContainer:hover .colorButton.bRight {
  background-position: -39px -371px;
}
.fixedTiny.colorButtonContainer:active .colorButton.bRight,
.fixed.tiny.colorButtonContainer:active .colorButton.bRight {
  background-position: -66px -371px;
}
/* generic logo position for the fixedTiny - Please add more if required*/
.fixedTiny.colorButtonContainer .generic_sprite.ic_friend_add,
.fixed.tiny.colorButtonContainer .generic_sprite.ic_friend_add {
  display: block;
  margin: 1px 0 0 7px;
}
.fixedTiny.colorButtonContainer .generic_sprite.ic_friend_add_over,
.fixed.tiny.colorButtonContainer .generic_sprite.ic_friend_add_over {
  display: block;
  margin: 1px 0 0 7px;
}
.fixedLeftArrow.colorButtonContainer .colorButton.bLeft,
.fixedLeftArrow.colorButtonContainer .colorButton.bRight {
  display: none;
}
.fixedLeftArrow.colorButtonContainer .colorButton.bCenter {
  background-position: 0px -527px;
  width: 49px;
  height: 28px;
  min-width: 0;
}
.fixedLeftArrow.colorButtonContainer:hover .colorButton.bCenter {
  background-position: 0px -557px;
  width: 49px;
  height: 28px;
}
.fixedLeftArrow.colorButtonContainer:active .colorButton.bCenter {
  background-position: 0px -587px;
  width: 49px;
  height: 29px;
}
/* fixedLeftArrow with icons */
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_message2 {
  display: block;
  margin: 4px 7px 6px 15px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_friend_add_over {
  display: block;
  margin: 5px 0 0 14px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_delete {
  display: block;
  margin: 5px 0 0 17px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_denied {
  display: block;
  margin: 5px 0 0 17px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_delete2 {
  display: block;
  margin: 5px 0 0 17px;
}
.fixedLeftArrow.colorButtonContainer .generic_sprite.ic_denied2 {
  display: block;
  margin: 5px 0 0 17px;
}
/*
 * Copyright (c) 2003-2018 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/** background color definitions: **/
/* c0 */
.base.conditions.popup,
#cboxLoadedContent,
.colorScheme.white .base.colorScheme.bg.a,
.base.bg.c0.a,
.base.b0a {
  background-color: #F5FAFC;
}
.colorScheme.white .base.colorScheme.bg,
.base.bg.c0,
.base.b0 {
  background-color: #FFFFFF;
}
.colorScheme.white .base.colorScheme.bg.b,
.base.bg.c0.b,
.base.b0b {
  background-color: #D9E2E7;
}
.colorScheme.white .base.colorScheme.bg.c,
.base.bg.c0.c,
.base.b0c {
  background-color: #9DA6AB;
}
.colorScheme.white .base.colorScheme.bg.d,
.base.bg.c0.d {
  background-color: #313A3F;
}
/* c1 */
.colorScheme.yellow .base.colorScheme.bg.a,
.base.bg.c1.a {
  background-color: #FCF9CD;
}
.colorScheme.yellow .base.colorScheme.bg.b,
.base.bg.c1.b,
.base.b1b {
  background-color: #FFF489;
}
.colorScheme.yellow .base.colorScheme.bg.c,
.base.bg.c1.c,
.base.b1c {
  background-color: #FFAF02;
}
/* c2 */
.colorScheme.orange .base.colorScheme.bg.a,
.base.bg.c2.a,
.base.b2a {
  background-color: #FAF1D4;
}
.colorScheme.orange .base.colorScheme.bg.b,
.base.bg.c2.b,
.base.b2b {
  background-color: #FFD37C;
}
.colorScheme.orange .base.colorScheme.bg.c,
.base.bg.c2.c,
.base.b2c {
  background-color: #ED7600;
}
/* c3 */
.colorScheme.red .base.colorScheme.bg.a,
.base.bg.c3.a,
.base.b3a {
  background-color: #F9E6E4;
}
.colorScheme.red .base.colorScheme.bg.b,
.base.bg.c3.b {
  background-color: #F7C1BC;
}
.colorScheme.red .base.colorScheme.bg.c,
.base.bg.c3.c,
.base.b3c {
  background-color: #CE2830;
}
/* c4 */
.colorScheme.purple .base.colorScheme.bg.a,
.base.bg.c4.a,
.base.b4a {
  background-color: #EFE8FC;
}
.colorScheme.purple .base.colorScheme.bg.b,
.base.bg.c4.b {
  background-color: #E3D5FF;
}
.colorScheme.purple .base.colorScheme.bg.c,
.base.bg.c4.c {
  background-color: #7963BA;
}
/* c5 */
.colorScheme.midBlue .base.colorScheme.bg.a,
.base.bg.c5.a,
.base.b5a {
  background-color: #EDF5F9;
}
.colorScheme.midBlue .base.colorScheme.bg.b,
.base.bg.c5.b,
.base.b5b {
  background-color: #BCE4F7;
}
.colorScheme.midBlue .base.colorScheme.bg.c,
.base.bg.c5.c,
.base.b5c {
  background-color: #246DB5;
}
/* c6 */
.colorScheme.lightBlue .base.colorScheme.bg.a,
.base.bg.c6.a {
  background-color: #E8F7FC;
}
.colorScheme.lightBlue .base.colorScheme.bg.b,
.base.bg.c6.b,
.base.b6b {
  background-color: #CFF3FF;
}
.colorScheme.lightBlue .base.colorScheme.bg.c,
.base.bg.c6.c {
  background-color: #0999E1;
}
/* c7 */
.colorScheme.turquoise .base.colorScheme.bg.a,
.colorScheme.turqouise .base.colorScheme.bg.a,
.base.bg.c7.a {
  background-color: #E1FAF7;
}
.colorScheme.turquoise .base.colorScheme.bg.b,
.colorScheme.turqouise .base.colorScheme.bg.b,
.base.bg.c7.b {
  background-color: #BDFFF8;
}
.colorScheme.turquoise .base.colorScheme.bg.c,
.colorScheme.turqouise .base.colorScheme.bg.c,
.base.bg.c7.c {
  background-color: #08CCC5;
}
/* c8 */
.colorScheme.midGreen .base.colorScheme.bg.a,
.base.bg.c8.a,
.base.b8a {
  background-color: #E2F2D4;
}
.colorScheme.midGreen .base.colorScheme.bg.b,
.base.bg.c8.b,
.base.b8b {
  background-color: #C6F5A9;
}
.colorScheme.midGreen .base.colorScheme.bg.c,
.base.bg.c8.c,
.base.b8c {
  background-color: #46B324;
}
.base.bg.c8.i,
.base.b8i {
  background-color: #225E0D;
}
/* c9 */
.colorScheme.lightGreen .base.colorScheme.bg.a,
.base.bg.c9.a,
.base.b9a {
  background-color: #ECF5D5;
}
.colorScheme.lightGreen .base.colorScheme.bg.b,
.base.bg.c9.b,
.base.b9b {
  background-color: #E1F5AB;
}
.colorScheme.lightGreen .base.colorScheme.bg.c,
.base.bg.c9.c,
.base.b9c {
  background-color: #92C219;
}
/* c10 */
.colorScheme.blueGreen .base.colorScheme.bg.a,
.base.bg.c10.a,
.base.b10a {
  background-color: #E1F0E9;
}
.colorScheme.blueGreen .base.colorScheme.bg.b,
.base.bg.c10.b {
  background-color: #BEEFD7;
}
.colorScheme.blueGreen .base.colorScheme.bg.c,
.base.bg.c10.c,
.base.b10c {
  background-color: #2CB070;
}
/** gradient definitions:
 *  standard gradient grey (light to dark): base g0a
 *  standard gradient grey (dark to light) with hover functionality: base g0a mirror hover
**/
.base.g0a.press:active,
.base.g0a.press.active,
.base.g0a.press.active.hover:hover,
.base.gr.c0.a.press:active,
.base.gr.c0.a.press.active,
.base.gr.c0.a.press.active.hover:hover {
  border-top: 1px solid #6A7378 !important;
  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.6) inset;
  background: none !important;
  background-color: #BEC7CC !important;
}
/* g0a mirror hover is g0b mirror */
.base.g0a.mirror.hover:hover,
.base.g0b.mirror,
.base.g0a.mirror.hover.focus,
.base.gr.c0.a.mirror.hover:hover,
.base.gr.c0.b.mirror,
.base.gr.c0.a.mirror.hover.focus {
  background: #BEC7CC;
  background: linear-gradient(#BEC7CC, #D9E2E7);
}
.colorScheme.gray .gr.a.colorScheme,
.base.g0a,
.base.gr.c0.a {
  background: #F5FAFC;
  background: linear-gradient(#F5FAFC, #D9E2E7);
}
.colorScheme.gray .gr.a.colorScheme.mirror,
.base.g0a.mirror,
.base.gr.c0.a.mirror {
  background: #D9E2E7;
  background: linear-gradient(#D9E2E7, #F5FAFC);
}
.colorScheme.gray .gr.b.colorScheme,
.base.g0b,
.base.gr.c0.b {
  background: #D9E2E7;
  background: linear-gradient(#D9E2E7, #BEC7CC);
}
.colorScheme.gray .gr.b.colorScheme.mirror,
.base.g0b.mirror,
.base.gr.c0.b.mirror {
  background: #BEC7CC;
  background: linear-gradient(#BEC7CC, #D9E2E7);
}
.colorScheme.gray .gr.b.colorScheme.horizontal,
.base.g0b.horizontal,
.base.gr.c0.b.horizontal {
  background: #D9E2E7;
  background: linear-gradient(to right, #D9E2E7 0%, #BEC7CC 100%);
}
.colorScheme.gray .gr.b.colorScheme.horizontal.mirror,
.base.g0b.horizontal.mirror,
.base.gr.c0.b.horizontal.mirror {
  background: #BEC7CC;
  background: linear-gradient(to right, #BEC7CC 0%, #D9E2E7 100%);
}
.colorScheme.gray .gr.c.colorScheme,
.base.gr.c0.c {
  background: #9DA6AB;
  background: linear-gradient(#9DA6AB, #6A7378);
}
.colorScheme.gray .gr.c.colorScheme.mirror,
.base.gr.c0.c.mirror {
  background: #6A7378;
  background: linear-gradient(#6A7378, #9DA6AB);
}
.colorScheme.gray .gr.b.colorScheme.horizontal,
.base.g0c.horizontal,
.base.gr.c0.c.horizontal {
  background: #9DA6AB;
  background: linear-gradient(to right, #9DA6AB 0%, #6A7378 100%);
}
.colorScheme.gray .gr.b.colorScheme.horizontal.mirror,
.base.g0c.horizontal.mirror,
.base.gr.c0.c.horizontal.mirror {
  background: #6A7378;
  background: linear-gradient(to right, #6A7378 0%, #9DA6AB 100%);
}
.colorScheme.yellow .gr.a.colorScheme,
.base.g1a,
.base.gr.c1.a {
  background: #FCF9CD;
  background: linear-gradient(#FCF9CD, #FFF489);
}
.colorScheme.yellow .gr.a.colorScheme.mirror,
.base.g1a.mirror,
.base.gr.c1.a.mirror {
  background: #FFF489;
  background: linear-gradient(#FFF489, #FCF9CD);
}
.colorScheme.yellow .gr.b.colorScheme,
.base.g1b,
.base.gr.c1.b {
  background: #FFF489;
  background: linear-gradient(#FFF489, #FFD522);
}
.colorScheme.yellow .gr.b.colorScheme.mirror,
.base.g1b.mirror,
.base.gr.c1.b.mirror {
  background: #FFD522;
  background: linear-gradient(#FFD522, #FFF489);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal,
.base.g1b.horizontal,
.base.gr.c1.b.horizontal {
  background: #FFF489;
  background: linear-gradient(to right, #FFF489 0%, #FFD522 100%);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal.mirror,
.base.g1b.horizontal.mirror,
.base.gr.c1.b.horizontal.mirror {
  background: #FFD522;
  background: linear-gradient(to right, #FFD522 0%, #FFF489 100%);
}
.colorScheme.yellow .gr.c.colorScheme,
.base.gr.c1.c {
  background: #FFAF02;
  background: linear-gradient(#FFAF02, #E5841C);
}
.colorScheme.yellow .gr.c.colorScheme.mirror,
.base.gr.c1.c.mirror {
  background: #E5841C;
  background: linear-gradient(#E5841C, #FFAF02);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal,
.base.g1c.horizontal,
.base.gr.c1.c.horizontal {
  background: #FFAF02;
  background: linear-gradient(to right, #FFAF02 0%, #E5841C 100%);
}
.colorScheme.yellow .gr.b.colorScheme.horizontal.mirror,
.base.g1c.horizontal.mirror,
.base.gr.c1.c.horizontal.mirror {
  background: #E5841C;
  background: linear-gradient(to right, #E5841C 0%, #FFAF02 100%);
}
.colorScheme.orange .gr.a.colorScheme,
.base.g2a,
.base.gr.c2.a {
  background: #FAF1D4;
  background: linear-gradient(#FAF1D4, #FFD37C);
}
.colorScheme.orange .gr.a.colorScheme.mirror,
.base.g2a.mirror,
.base.gr.c2.a.mirror {
  background: #FFD37C;
  background: linear-gradient(#FFD37C, #FAF1D4);
}
.colorScheme.orange .gr.b.colorScheme,
.base.g2b,
.base.gr.c2.b {
  background: #FFD37C;
  background: linear-gradient(#FFD37C, #FAA125);
}
.colorScheme.orange .gr.b.colorScheme.mirror,
.base.g2b.mirror,
.base.gr.c2.b.mirror {
  background: #FAA125;
  background: linear-gradient(#FAA125, #FFD37C);
}
.colorScheme.orange .gr.b.colorScheme.horizontal,
.base.g2b.horizontal,
.base.gr.c2.b.horizontal {
  background: #FFD37C;
  background: linear-gradient(to right, #FFD37C 0%, #FAA125 100%);
}
.colorScheme.orange .gr.b.colorScheme.horizontal.mirror,
.base.g2b.horizontal.mirror,
.base.gr.c2.b.horizontal.mirror {
  background: #FAA125;
  background: linear-gradient(to right, #FAA125 0%, #FFD37C 100%);
}
.colorScheme.orange .gr.c.colorScheme,
.base.gr.c2.c {
  background: #ED7600;
  background: linear-gradient(#ED7600, #C95004);
}
.colorScheme.orange .gr.c.colorScheme.mirror,
.base.gr.c2.c.mirror {
  background: #C95004;
  background: linear-gradient(#C95004, #ED7600);
}
.colorScheme.orange .gr.b.colorScheme.horizontal,
.base.g2c.horizontal,
.base.gr.c2.c.horizontal {
  background: #ED7600;
  background: linear-gradient(to right, #ED7600 0%, #C95004 100%);
}
.colorScheme.orange .gr.b.colorScheme.horizontal.mirror,
.base.g2c.horizontal.mirror,
.base.gr.c2.c.horizontal.mirror {
  background: #C95004;
  background: linear-gradient(to right, #C95004 0%, #ED7600 100%);
}
.colorScheme.red .gr.a.colorScheme,
.base.g3a,
.base.gr.c3.a {
  background: #F9E6E4;
  background: linear-gradient(#F9E6E4, #F7C1BC);
}
.colorScheme.red .gr.a.colorScheme.mirror,
.base.g3a.mirror,
.base.gr.c3.a.mirror {
  background: #F7C1BC;
  background: linear-gradient(#F7C1BC, #F9E6E4);
}
.colorScheme.red .gr.b.colorScheme,
.base.g3b,
.base.gr.c3.b {
  background: #F7C1BC;
  background: linear-gradient(#F7C1BC, #ED6868);
}
.colorScheme.red .gr.b.colorScheme.mirror,
.base.g3b.mirror,
.base.gr.c3.b.mirror {
  background: #ED6868;
  background: linear-gradient(#ED6868, #F7C1BC);
}
.colorScheme.red .gr.b.colorScheme.horizontal,
.base.g3b.horizontal,
.base.gr.c3.b.horizontal {
  background: #F7C1BC;
  background: linear-gradient(to right, #F7C1BC 0%, #ED6868 100%);
}
.colorScheme.red .gr.b.colorScheme.horizontal.mirror,
.base.g3b.horizontal.mirror,
.base.gr.c3.b.horizontal.mirror {
  background: #ED6868;
  background: linear-gradient(to right, #ED6868 0%, #F7C1BC 100%);
}
.colorScheme.red .gr.c.colorScheme,
.base.gr.c3.c {
  background: #CE2830;
  background: linear-gradient(#CE2830, #931117);
}
.colorScheme.red .gr.c.colorScheme.mirror,
.base.gr.c3.c.mirror {
  background: #931117;
  background: linear-gradient(#931117, #CE2830);
}
.colorScheme.red .gr.b.colorScheme.horizontal,
.base.g3c.horizontal,
.base.gr.c3.c.horizontal {
  background: #CE2830;
  background: linear-gradient(to right, #CE2830 0%, #931117 100%);
}
.colorScheme.red .gr.b.colorScheme.horizontal.mirror,
.base.g3c.horizontal.mirror,
.base.gr.c3.c.horizontal.mirror {
  background: #931117;
  background: linear-gradient(to right, #931117 0%, #CE2830 100%);
}
.colorScheme.purple .gr.a.colorScheme,
.base.g4a,
.base.gr.c4.a {
  background: #EFE8FC;
  background: linear-gradient(#EFE8FC, #E3D5FF);
}
.colorScheme.purple .gr.a.colorScheme.mirror,
.base.g4a.mirror,
.base.gr.c4.a.mirror {
  background: #E3D5FF;
  background: linear-gradient(#E3D5FF, #EFE8FC);
}
.colorScheme.purple .gr.b.colorScheme,
.base.g4b,
.base.gr.c4.b {
  background: #E3D5FF;
  background: linear-gradient(#E3D5FF, #AF96FA);
}
.colorScheme.purple .gr.b.colorScheme.mirror,
.base.g4b.mirror,
.base.gr.c4.b.mirror {
  background: #AF96FA;
  background: linear-gradient(#AF96FA, #E3D5FF);
}
.colorScheme.purple .gr.b.colorScheme.horizontal,
.base.g4b.horizontal,
.base.gr.c4.b.horizontal {
  background: #E3D5FF;
  background: linear-gradient(to right, #E3D5FF 0%, #AF96FA 100%);
}
.colorScheme.purple .gr.b.colorScheme.horizontal.mirror,
.base.g4b.horizontal.mirror,
.base.gr.c4.b.horizontal.mirror {
  background: #AF96FA;
  background: linear-gradient(to right, #AF96FA 0%, #E3D5FF 100%);
}
.colorScheme.purple .gr.c.colorScheme,
.base.gr.c4.c {
  background: #7963BA;
  background: linear-gradient(#7963BA, #402987);
}
.colorScheme.purple .gr.c.colorScheme.mirror,
.base.gr.c4.c.mirror {
  background: #402987;
  background: linear-gradient(#402987, #7963BA);
}
.colorScheme.purple .gr.b.colorScheme.horizontal,
.base.g4c.horizontal,
.base.gr.c4.c.horizontal {
  background: #7963BA;
  background: linear-gradient(to right, #7963BA 0%, #402987 100%);
}
.colorScheme.purple .gr.b.colorScheme.horizontal.mirror,
.base.g4c.horizontal.mirror,
.base.gr.c4.c.horizontal.mirror {
  background: #402987;
  background: linear-gradient(to right, #402987 0%, #7963BA 100%);
}
.colorScheme.midBlue .gr.a.colorScheme,
.base.g5a,
.base.gr.c5.a {
  background: #EDF5F9;
  background: linear-gradient(#EDF5F9, #BCE4F7);
}
.colorScheme.midBlue .gr.a.colorScheme.mirror,
.base.g5a.mirror,
.base.gr.c5.a.mirror {
  background: #BCE4F7;
  background: linear-gradient(#BCE4F7, #EDF5F9);
}
.colorScheme.midBlue .gr.b.colorScheme,
.base.g5b,
.base.gr.c5.b {
  background: #BCE4F7;
  background: linear-gradient(#BCE4F7, #61A4D4);
}
.colorScheme.midBlue .gr.b.colorScheme.mirror,
.base.g5b.mirror,
.base.gr.c5.b.mirror {
  background: #61A4D4;
  background: linear-gradient(#61A4D4, #BCE4F7);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal,
.base.g5b.horizontal,
.base.gr.c5.b.horizontal {
  background: #BCE4F7;
  background: linear-gradient(to right, #BCE4F7 0%, #61A4D4 100%);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal.mirror,
.base.g5b.horizontal.mirror,
.base.gr.c5.b.horizontal.mirror {
  background: #61A4D4;
  background: linear-gradient(to right, #61A4D4 0%, #BCE4F7 100%);
}
.colorScheme.midBlue .gr.c.colorScheme,
.base.gr.c5.c {
  background: #246DB5;
  background: linear-gradient(#246DB5, #03407C);
}
.colorScheme.midBlue .gr.c.colorScheme.mirror,
.base.gr.c5.c.mirror {
  background: #03407C;
  background: linear-gradient(#03407C, #246DB5);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal,
.base.g5c.horizontal,
.base.gr.c5.c.horizontal {
  background: #246DB5;
  background: linear-gradient(to right, #246DB5 0%, #03407C 100%);
}
.colorScheme.midBlue .gr.b.colorScheme.horizontal.mirror,
.base.g5c.horizontal.mirror,
.base.gr.c5.c.horizontal.mirror {
  background: #03407C;
  background: linear-gradient(to right, #03407C 0%, #246DB5 100%);
}
.colorScheme.lightBlue .gr.a.colorScheme,
.base.g6a,
.base.gr.c6.a {
  background: #E8F7FC;
  background: linear-gradient(#E8F7FC, #CFF3FF);
}
.colorScheme.lightBlue .gr.a.colorScheme.mirror,
.base.g6a.mirror,
.base.gr.c6.a.mirror {
  background: #CFF3FF;
  background: linear-gradient(#CFF3FF, #E8F7FC);
}
.colorScheme.lightBlue .gr.b.colorScheme,
.base.g6b,
.base.gr.c6.b {
  background: #CFF3FF;
  background: linear-gradient(#CFF3FF, #78D2F5);
}
.colorScheme.lightBlue .gr.b.colorScheme.mirror,
.base.g6b.mirror,
.base.gr.c6.b.mirror {
  background: #78D2F5;
  background: linear-gradient(#78D2F5, #CFF3FF);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal,
.base.g6b.horizontal,
.base.gr.c6.b.horizontal {
  background: #CFF3FF;
  background: linear-gradient(to right, #CFF3FF 0%, #78D2F5 100%);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal.mirror,
.base.g6b.horizontal.mirror,
.base.gr.c6.b.horizontal.mirror {
  background: #78D2F5;
  background: linear-gradient(to right, #78D2F5 0%, #CFF3FF 100%);
}
.colorScheme.lightBlue .gr.c.colorScheme,
.base.gr.c6.c {
  background: #0999E1;
  background: linear-gradient(#0999E1, #0871A6);
}
.colorScheme.lightBlue .gr.c.colorScheme.mirror,
.base.gr.c6.c.mirror {
  background: #0871A6;
  background: linear-gradient(#0871A6, #0999E1);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal,
.base.g6c.horizontal,
.base.gr.c6.c.horizontal {
  background: #0999E1;
  background: linear-gradient(to right, #0999E1 0%, #0871A6 100%);
}
.colorScheme.lightBlue .gr.b.colorScheme.horizontal.mirror,
.base.g6c.horizontal.mirror,
.base.gr.c6.c.horizontal.mirror {
  background: #0871A6;
  background: linear-gradient(to right, #0871A6 0%, #0999E1 100%);
}
.colorScheme.turquoise .gr.a.colorScheme,
.base.g7a,
.base.gr.c7.a {
  background: #E1FAF7;
  background: linear-gradient(#E1FAF7, #BDFFF8);
}
.colorScheme.turquoise .gr.a.colorScheme.mirror,
.base.g7a.mirror,
.base.gr.c7.a.mirror {
  background: #BDFFF8;
  background: linear-gradient(#BDFFF8, #E1FAF7);
}
.colorScheme.turquoise .gr.b.colorScheme,
.base.g7b,
.base.gr.c7.b {
  background: #BDFFF8;
  background: linear-gradient(#BDFFF8, #68EDE0);
}
.colorScheme.turquoise .gr.b.colorScheme.mirror,
.base.g7b.mirror,
.base.gr.c7.b.mirror {
  background: #68EDE0;
  background: linear-gradient(#68EDE0, #BDFFF8);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal,
.base.g7b.horizontal,
.base.gr.c7.b.horizontal {
  background: #BDFFF8;
  background: linear-gradient(to right, #BDFFF8 0%, #68EDE0 100%);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal.mirror,
.base.g7b.horizontal.mirror,
.base.gr.c7.b.horizontal.mirror {
  background: #68EDE0;
  background: linear-gradient(to right, #68EDE0 0%, #BDFFF8 100%);
}
.colorScheme.turquoise .gr.c.colorScheme,
.base.gr.c7.c {
  background: #08CCC5;
  background: linear-gradient(#08CCC5, #008580);
}
.colorScheme.turquoise .gr.c.colorScheme.mirror,
.base.gr.c7.c.mirror {
  background: #008580;
  background: linear-gradient(#008580, #08CCC5);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal,
.base.g7c.horizontal,
.base.gr.c7.c.horizontal {
  background: #08CCC5;
  background: linear-gradient(to right, #08CCC5 0%, #008580 100%);
}
.colorScheme.turquoise .gr.b.colorScheme.horizontal.mirror,
.base.g7c.horizontal.mirror,
.base.gr.c7.c.horizontal.mirror {
  background: #008580;
  background: linear-gradient(to right, #008580 0%, #08CCC5 100%);
}
.colorScheme.midGreen .gr.a.colorScheme,
.base.g8a,
.base.gr.c8.a {
  background: #E2F2D4;
  background: linear-gradient(#E2F2D4, #C6F5A9);
}
.colorScheme.midGreen .gr.a.colorScheme.mirror,
.base.g8a.mirror,
.base.gr.c8.a.mirror {
  background: #C6F5A9;
  background: linear-gradient(#C6F5A9, #E2F2D4);
}
.colorScheme.midGreen .gr.b.colorScheme,
.base.g8b,
.base.gr.c8.b {
  background: #C6F5A9;
  background: linear-gradient(#C6F5A9, #85DB60);
}
.colorScheme.midGreen .gr.b.colorScheme.mirror,
.base.g8b.mirror,
.base.gr.c8.b.mirror {
  background: #85DB60;
  background: linear-gradient(#85DB60, #C6F5A9);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal,
.base.g8b.horizontal,
.base.gr.c8.b.horizontal {
  background: #C6F5A9;
  background: linear-gradient(to right, #C6F5A9 0%, #85DB60 100%);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal.mirror,
.base.g8b.horizontal.mirror,
.base.gr.c8.b.horizontal.mirror {
  background: #85DB60;
  background: linear-gradient(to right, #85DB60 0%, #C6F5A9 100%);
}
.colorScheme.midGreen .gr.c.colorScheme,
.base.gr.c8.c {
  background: #46B324;
  background: linear-gradient(#46B324, #2A7D0C);
}
.colorScheme.midGreen .gr.c.colorScheme.mirror,
.base.gr.c8.c.mirror {
  background: #2A7D0C;
  background: linear-gradient(#2A7D0C, #46B324);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal,
.base.g8c.horizontal,
.base.gr.c8.c.horizontal {
  background: #46B324;
  background: linear-gradient(to right, #46B324 0%, #2A7D0C 100%);
}
.colorScheme.midGreen .gr.b.colorScheme.horizontal.mirror,
.base.g8c.horizontal.mirror,
.base.gr.c8.c.horizontal.mirror {
  background: #2A7D0C;
  background: linear-gradient(to right, #2A7D0C 0%, #46B324 100%);
}
.colorScheme.lightGreen .gr.a.colorScheme,
.base.g9a,
.base.gr.c9.a {
  background: #ECF5D5;
  background: linear-gradient(#ECF5D5, #E1F5AB);
}
.colorScheme.lightGreen .gr.a.colorScheme.mirror,
.base.g9a.mirror,
.base.gr.c9.a.mirror {
  background: #E1F5AB;
  background: linear-gradient(#E1F5AB, #ECF5D5);
}
.colorScheme.lightGreen .gr.b.colorScheme,
.base.g9b,
.base.gr.c9.b {
  background: #E1F5AB;
  background: linear-gradient(#E1F5AB, #BFEB52);
}
.colorScheme.lightGreen .gr.b.colorScheme.mirror,
.base.g9b.mirror,
.base.gr.c9.b.mirror {
  background: #BFEB52;
  background: linear-gradient(#BFEB52, #E1F5AB);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal,
.base.g9b.horizontal,
.base.gr.c9.b.horizontal {
  background: #E1F5AB;
  background: linear-gradient(to right, #E1F5AB 0%, #BFEB52 100%);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal.mirror,
.base.g9b.horizontal.mirror,
.base.gr.c9.b.horizontal.mirror {
  background: #BFEB52;
  background: linear-gradient(to right, #BFEB52 0%, #E1F5AB 100%);
}
.colorScheme.lightGreen .gr.c.colorScheme,
.base.gr.c9.c {
  background: #92C219;
  background: linear-gradient(#92C219, #6A8F0E);
}
.colorScheme.lightGreen .gr.c.colorScheme.mirror,
.base.gr.c9.c.mirror {
  background: #6A8F0E;
  background: linear-gradient(#6A8F0E, #92C219);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal,
.base.g9c.horizontal,
.base.gr.c9.c.horizontal {
  background: #92C219;
  background: linear-gradient(to right, #92C219 0%, #6A8F0E 100%);
}
.colorScheme.lightGreen .gr.b.colorScheme.horizontal.mirror,
.base.g9c.horizontal.mirror,
.base.gr.c9.c.horizontal.mirror {
  background: #6A8F0E;
  background: linear-gradient(to right, #6A8F0E 0%, #92C219 100%);
}
.colorScheme.blueGreen .gr.a.colorScheme,
.base.g10a,
.base.gr.c10.a {
  background: #E1F0E9;
  background: linear-gradient(#E1F0E9, #BEEFD7);
}
.colorScheme.blueGreen .gr.a.colorScheme.mirror,
.base.g10a.mirror,
.base.gr.c10.a.mirror {
  background: #BEEFD7;
  background: linear-gradient(#BEEFD7, #E1F0E9);
}
.colorScheme.blueGreen .gr.b.colorScheme,
.base.g10b,
.base.gr.c10.b {
  background: #BEEFD7;
  background: linear-gradient(#BEEFD7, #76D6A8);
}
.colorScheme.blueGreen .gr.b.colorScheme.mirror,
.base.g10b.mirror,
.base.gr.c10.b.mirror {
  background: #76D6A8;
  background: linear-gradient(#76D6A8, #BEEFD7);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal,
.base.g10b.horizontal,
.base.gr.c10.b.horizontal {
  background: #BEEFD7;
  background: linear-gradient(to right, #BEEFD7 0%, #76D6A8 100%);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal.mirror,
.base.g10b.horizontal.mirror,
.base.gr.c10.b.horizontal.mirror {
  background: #76D6A8;
  background: linear-gradient(to right, #76D6A8 0%, #BEEFD7 100%);
}
.colorScheme.blueGreen .gr.c.colorScheme,
.base.gr.c10.c {
  background: #2CB070;
  background: linear-gradient(#2CB070, #016B3F);
}
.colorScheme.blueGreen .gr.c.colorScheme.mirror,
.base.gr.c10.c.mirror {
  background: #016B3F;
  background: linear-gradient(#016B3F, #2CB070);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal,
.base.g10c.horizontal,
.base.gr.c10.c.horizontal {
  background: #2CB070;
  background: linear-gradient(to right, #2CB070 0%, #016B3F 100%);
}
.colorScheme.blueGreen .gr.b.colorScheme.horizontal.mirror,
.base.g10c.horizontal.mirror,
.base.gr.c10.c.horizontal.mirror {
  background: #016B3F;
  background: linear-gradient(to right, #016B3F 0%, #2CB070 100%);
}
.loyalty.GOLD .base.loyaltyGradient {
  background: #FFD37C;
  background: linear-gradient(#FFD37C, #FAF1D4);
}
.loyalty.SILVER .base.loyaltyGradient {
  background: #BCE4F7;
  background: linear-gradient(#BCE4F7, #EDF5F9);
}
/* Game specific header and text */
/* Disable default logo*/
.gameSprite.game_default .coloredBanner,
.gameSprite.game_bus .coloredBanner,
.gameSprite.game_lab .coloredBanner,
.gameSprite.game_jwl .coloredBanner,
.gameSprite.game_ams .coloredBanner,
.gameSprite.game_flu .coloredBanner,
.gameSprite.game_kno .coloredBanner,
.gameSprite.game_mau .coloredBanner,
.gameSprite.game_mjj .coloredBanner,
.gameSprite.game_mpy .coloredBanner,
.gameSprite.game_rom .coloredBanner,
.gameSprite.game_spi .coloredBanner,
.gameSprite.game_bub .coloredBanner,
.gameSprite.game_bux .coloredBanner,
.gameSprite.game_bel .coloredBanner,
.gameSprite.game_tar .coloredBanner,
.gameSprite.game_kla .coloredBanner,
.gameSprite.game_ska .coloredBanner,
.gameSprite.game_ruk .coloredBanner,
.gameSprite.game_mbs .coloredBanner,
.gameSprite.game_rum .coloredBanner,
.gameSprite.game_jok .coloredBanner {
  display: none;
}
/* Load default gameImage */
.gameSprite.gameImage {
  background: url('../images/gameSprites/generic_gameBanner_SPRITE.png') top left no-repeat;
  position: relative;
  background-position: -7px -7px;
  width: 700px;
  height: 250px;
}
.gameSprite.gameImage.coloredBanner {
  width: 489px;
  height: 180px;
}
.gameSprite.colorScheme.white .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1968px;
}
.gameSprite.colorScheme.purple .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1780px;
}
.gameSprite.colorScheme .gameSprite.gameImage.coloredBanner,
.gameSprite.colorScheme.orange .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1596px;
}
.gameSprite.colorScheme.lightBlue .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1407px;
}
.gameSprite.colorScheme.midBlue .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1219px;
}
.gameSprite.colorScheme.midGreen .gameSprite.gameImage.coloredBanner {
  background-position: -7px -1028px;
}
.gameSprite.colorScheme.lightGreen .gameSprite.gameImage.coloredBanner {
  background-position: -7px -837px;
}
.gameSprite.colorScheme.blueGreen .gameSprite.gameImage.coloredBanner {
  background-position: -7px -647px;
}
.gameSprite.colorScheme.yellow .gameSprite.gameImage.coloredBanner {
  background-position: -7px -458px;
}
.gameSprite.colorScheme.turquoise .gameSprite.gameImage.coloredBanner {
  background-position: -7px -268px;
}
.gameSprite .gamelogo106x74 {
  position: absolute;
  left: 103px;
  top: 15px;
}
.gameSprite .logoText {
  position: absolute;
}
.gameSprite.game_lab.gameImage,
.gameSprite.game_flu.gameImage,
.gameSprite.game_ams.gameImage,
.gameSprite.game_bus.gameImage,
.gameSprite.game_jwl.gameImage,
.gameSprite.game_kno.gameImage,
.gameSprite.game_mau.gameImage,
.gameSprite.game_mjj.gameImage,
.gameSprite.game_mpy.gameImage,
.gameSprite.game_bel.gameImage,
.gameSprite.game_tar.gameImage,
.gameSprite.game_bub.gameImage,
.gameSprite.game_bux.gameImage,
.gameSprite.game_spi.gameImage,
.gameSprite.game_rom.gameImage,
.gameSprite.game_ruk.gameImage,
.gameSprite.game_kla.gameImage,
.gameSprite.game_sax.gameImage,
.gameSprite.game_ska.gameImage,
.gameSprite.game_mbs.gameImage,
.gameSprite.game_rum.gameImage {
  background-position: -5px -5px;
}
.gameSprite.game_flu,
.gameSprite.game_flu .logoText {
  background-image: url('../images/gameSprites/flu_SPRITE.png');
}
.gameSprite.game_flu .logoText {
  background-position: -5px -260px;
  width: 141px;
  height: 48px;
  top: 47px;
  left: 190px;
}
.gameSprite.game_ams,
.gameSprite.game_ams .logoText {
  background-image: url('../images/gameSprites/ams_SPRITE.png');
}
.gameSprite.game_ams .logoText {
  background-position: -5px -260px;
  width: 174px;
  height: 81px;
  top: 10px;
  left: 190px;
}
.gameSprite.game_default,
.gameSprite.game_default .logoText {
  background-image: url('../images/gameSprites/genericNogame_SPRITE.png');
}
body[lang=fr] .gameSprite.game_ams .logoText {
  background-position: -184px -260px;
  width: 174px;
  height: 81px;
}
.gameSprite.game_lab,
.gameSprite.game_lab .logoText {
  background-image: url('../images/gameSprites/lab_SPRITE.png');
}
.gameSprite.game_lab .logoText {
  background-position: -2px -260px;
  width: 200px;
  height: 90px;
  top: 2px;
  left: 183px;
}
body[lang=de] .gameSprite.game_lab .logoText {
  background-position: -200px -260px;
}
body[lang=fr] .gameSprite.game_lab .logoText {
  background-position: -400px -260px;
}
.gameSprite.game_bus,
.gameSprite.game_bus .logoText {
  background-image: url('../images/gameSprites/bus_SPRITE.png');
}
.gameSprite.game_bus .logoText {
  background-position: -5px -260px;
  width: 178px;
  height: 82px;
  top: 8px;
  left: 153px;
}
body[lang=fr] .gameSprite.game_bus .logoText {
  background-position: -188px -260px;
  width: 178px;
  height: 82px;
}
.gameSprite.game_jwl,
.gameSprite.game_jwl .logoText {
  background-image: url('../images/gameSprites/jwl_SPRITE.png');
}
.gameSprite.game_jwl .logoText {
  background-position: -5px -260px;
  width: 200px;
  height: 106px;
  top: -10px;
  left: 130px;
}
body[lang=fr] .gameSprite.game_jwl .logoText {
  background-position: -210px -260px;
  width: 200px;
  height: 105px;
}
body[lang=sv] .gameSprite.game_jwl .logoText {
  background-position: -415px -260px;
  width: 200px;
  height: 105px;
}
body[lang=es] .gameSprite.game_jwl .logoText {
  background-position: -620px -260px;
  width: 200px;
  height: 105px;
}
.gameSprite.game_kno,
.gameSprite.game_kno .logoText {
  background-image: url('../images/gameSprites/kno_SPRITE.png');
}
.gameSprite.game_kno .logoText {
  background-position: -280px -263px;
  width: 143px;
  height: 73px;
  top: 16px;
  left: 262px;
}
body[lang=de] .gameSprite.game_kno .logoText {
  background-position: -10px -272px;
  width: 214px;
  height: 56px;
  top: 29px;
  left: 223px;
}
body[lang=es] .gameSprite.game_kno .logoText {
  background-position: -961px -270px;
  width: 221px;
  height: 66px;
  top: 29px;
  left: 223px;
}
body[lang=fr] .gameSprite.game_kno .logoText {
  background-position: -751px -273px;
  width: 164px;
  height: 64px;
  top: 29px;
  left: 252px;
}
body[lang=nl] .gameSprite.game_kno .logoText {
  background-position: -483px -269px;
  width: 228px;
  height: 59px;
  top: 29px;
  left: 223px;
}
.gameSprite.game_mau,
.gameSprite.game_mau .logoText,
.gameSprite.game_mau .bannerOverlay {
  background-image: url('../images/gameSprites/mau_SPRITE.png');
}
.gameSprite.game_mau .logoText {
  background-position: -5px -260px;
  width: 229px;
  height: 97px;
  top: -10px;
  left: 235px;
}
body[lang=de] .gameSprite.game_mau .logoText {
  background-position: -239px -260px;
  width: 229px;
  height: 97px;
}
body[lang=es] .gameSprite.game_mau .logoText {
  background-position: -473px -260px;
  width: 229px;
  height: 97px;
}
body[lang=fr] .gameSprite.game_mau .logoText {
  background-position: -707px -260px;
  width: 229px;
  height: 97px;
}
body[lang=nl] .gameSprite.game_mau .logoText {
  background-position: -941px -260px;
  width: 229px;
  height: 97px;
}
body[lang=en] .gameSprite.game_mau .bannerOverlay,
body[lang=fr] .gameSprite.game_mau .bannerOverlay {
  display: block;
  background-position: -710px -5px;
}
.gameSprite.game_mjj,
.gameSprite.game_mjj .logoText {
  background-image: url('../images/gameSprites/mjj_SPRITE.png');
}
.gameSprite.game_mjj .logoText {
  background-position: -5px -260px;
  width: 218px;
  height: 95px;
  top: 0px;
  left: 208px;
}
body[lang=de] .gameSprite.game_mjj .logoText {
  background-position: -228px -260px;
  width: 218px;
  height: 95px;
}
body[lang=fr] .gameSprite.game_mjj .logoText {
  background-position: -451px -260px;
  width: 218px;
  height: 95px;
}
.gameSprite.game_mpy,
.gameSprite.game_mpy .logoText {
  background-image: url('../images/gameSprites/mpy_SPRITE.png');
}
.gameSprite.game_mpy .logoText {
  background-position: -5px -260px;
  width: 202px;
  height: 70px;
  top: 10px;
  left: 279px;
}
body[lang=de] .gameSprite.game_mpy .logoText {
  background-position: -212px -260px;
  width: 202px;
  height: 70px;
}
body[lang=es] .gameSprite.game_mpy .logoText {
  background-position: -419px -260px;
  width: 202px;
  height: 70px;
}
body[lang=fr] .gameSprite.game_mpy .logoText {
  background-position: -626px -260px;
  width: 202px;
  height: 70px;
}
body[lang=nl] .gameSprite.game_mpy .logoText {
  background-position: -833px -260px;
  width: 202px;
  height: 70px;
}
.gameSprite.game_rom,
.gameSprite.game_rom .logoText {
  background-image: url('../images/gameSprites/rom_SPRITE.png');
}
.gameSprite.game_rom .logoText {
  background-position: -206px -262px;
  width: 199px;
  height: 87px;
  top: 7px;
  left: 220px;
}
body[lang=de] .gameSprite.game_rom .logoText {
  background-position: -6px -262px;
  width: 199px;
  height: 87px;
}
body[lang=es] .gameSprite.game_rom .logoText {
  background-position: -6px -262px;
  width: 199px;
  height: 87px;
}
body[lang=fr] .gameSprite.game_rom .logoText {
  background-position: -406px -262px;
  width: 199px;
  height: 87px;
}
body[lang=nl] .gameSprite.game_rom .logoText {
  background-position: -606px -262px;
  width: 199px;
  height: 87px;
}
.gameSprite.game_rom.gv_rom {
  background-position: -47px -354px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_rom.gv_3ro {
  background-position: -6px -354px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_spi,
.gameSprite.game_spi .logoText {
  background-image: url('../images/gameSprites/spi_SPRITE.png');
}
.gameSprite.game_spi .logoText {
  background-position: -5px -259px;
  width: 186px;
  height: 85px;
  top: 10px;
  left: 190px;
}
.gameSprite.game_bub,
.gameSprite.game_bub .logoText {
  background-image: url('../images/gameSprites/bub_SPRITE.png');
}
.gameSprite.game_bub .logoText {
  background-position: -5px -260px;
  width: 178px;
  height: 83px;
  top: 10px;
  left: 192px;
}
body[lang=fr] .gameSprite.game_bub .logoText {
  background-position: -189px -260px;
  width: 178px;
  height: 83px;
}
.gameSprite.game_bux,
.gameSprite.game_bux .logoText {
  background-image: url('../images/gameSprites/bux_SPRITE.png');
}
.gameSprite.game_bux .logoText {
  background-position: -5px -260px;
  width: 178px;
  height: 83px;
  top: 10px;
  left: 217px;
}
body[lang=fr] .gameSprite.game_bux .logoText {
  background-position: -189px -260px;
  width: 178px;
  height: 83px;
}
.gameSprite.game_bel,
.gameSprite.game_bel .logoText {
  background-image: url('../images/gameSprites/bel_SPRITE.png');
}
.gameSprite.game_bel .logoText {
  background-position: -5px -260px;
  width: 170px;
  height: 84px;
  top: 9px;
  left: 215px;
}
.gameSprite.game_bel.gv_bel {
  background-position: -5px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_bel.gv_ann {
  background-position: -87px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_bel.gv_con {
  background-position: -46px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_bel.gv_coi {
  background-position: -128px -349px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_tar,
.gameSprite.game_tar .logoText {
  background-image: url('../images/gameSprites/tar_SPRITE.png');
}
.gameSprite.game_tar .logoText {
  background-position: -5px -259px;
  width: 131px;
  height: 64px;
  top: 23px;
  left: 257px;
}
.gameSprite.game_kla,
.gameSprite.game_kla .logoText {
  background-image: url('../images/gameSprites/kla_SPRITE.png');
}
.gameSprite.game_kla .logoText {
  background-position: -5px -260px;
  width: 176px;
  height: 84px;
  top: 10px;
  left: 217px;
}
.gameSprite.game_kla.gv_ams {
  background-position: -184px -260px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_kla.gv_rot {
  background-position: -223px -260px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_ska,
.gameSprite.game_ska .logoText {
  background-image: url('../images/gameSprites/ska_SPRITE.png');
}
.gameSprite.game_ska .logoText {
  background-position: -33px -275px;
  width: 141px;
  height: 82px;
  top: 10px;
  left: 250px;
}
.gameSprite.game_ska.gv_pub {
  background-position: -2px -398px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_ska.gv_default {
  background-position: -56px -399px;
  width: 36px;
  height: 36px;
}
.gameSprite.game_ruk,
.gameSprite.game_ruk .logoText {
  background-image: url('../images/gameSprites/ruk_SPRITE.png');
}
.gameSprite.game_ruk {
  background-position: -5px -4px;
}
.gameSprite.game_ruk .logoText {
  background-position: -4px -260px;
  width: 192px;
  height: 89px;
  top: 4px;
  left: 162px;
}
body[lang=fr] .gameSprite.game_ruk .logoText {
  background-position: -399px -260px;
}
body[lang=de] .gameSprite.game_ruk .logoText {
  background-position: -201px -260px;
}
.gameSprite.game_mbs,
.gameSprite.game_mbs .logoText {
  background-image: url('../images/gameSprites/mbs_SPRITE.png');
}
.gameSprite.game_mbs {
  background-position: -5px -4px;
}
.gameSprite.game_mbs .logoText {
  background-position: -5px -260px;
  width: 134px;
  height: 61px;
  top: 15px;
  left: 261px;
}
body[lang=fr] .gameSprite.game_mbs .logoText {
  background-position: -144px -260px;
}
.gameSprite.game_rum,
.gameSprite.game_rum .logoText {
  background-image: url('../images/gameSprites/rum_SPRITE.png');
}
.gameSprite.game_rum {
  background-position: -5px -5px;
}
.gameSprite.game_rum .logoText {
  background-position: -5px -260px;
  width: 184px;
  height: 95px;
  top: 0;
  left: 258px;
}
.gameSprite.game_jok {
  background: 0 0 url('../images/gameSprites/jok_banner_700x100.jpg');
}
.gameSprite.game_sss[class*="gv"],
.gameSprite.game_prt[class*="gv"],
.gameSprite.game_sen[class*="gv"] {
  height: 36px;
  width: 36px;
  background: 0 0 url('../images/gameSprites/variants_SPRITE.png');
}
.gameSprite.game_sss.gv_66 {
  background-position: 0 0;
}
.gameSprite.game_sss.gv_schnapsen {
  background-position: -72px -36px;
}
.gameSprite.game_prt.gv_test {
  background-position: 0 -36px;
}
.gameSprite.game_prt.gv_classic {
  background-position: -36px 0;
}
.gameSprite.game_sen.gv_full {
  background-position: -36px -36px;
}
.gameSprite.game_sen.gv_pro {
  background-position: -72px 0;
}
.gameSprite.game_bgm[class*="gv"] {
  height: 36px;
  width: 36px;
  background: 0 0 url('../images/gameSprites/bgm_SPRITE.png');
}
.gameSprite.game_bgm.gv_white {
  background-position: -36px 0;
}
.gameSprite.game_bgm.gv_black {
  background-position: 0 0;
}
.base.gameBanner.gameImage,
.base.gameBanner .bannerOverlay {
  width: 100%;
  max-width: 700px;
}
.base.gameBanner,
.base.gameBanner.max,
.base.gameBanner .bannerOverlay,
.base.gameBanner.max .bannerOverlay {
  height: 250px;
  position: relative;
}
.base.gameBanner.min .overflowWrapper,
.base.gameBanner.min,
.base.gameBanner.min .bannerOverlay {
  height: 100px;
}
.base.gameBanner.min .overflowWrapper {
  overflow: hidden;
}
.base.gameBanner .bannerOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.base.gameBanner .ribbon {
  position: absolute;
  right: -1px;
  top: -1px;
}
.base.gameBanner .coloredBanner {
  position: relative;
  left: 0px;
  top: 0px;
}
/*
 *  Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 *  This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
.gameLogo60x40 {
  width: 60px;
  height: 40px;
  background-repeat: no-repeat;
}
.gamelogo106x74 {
  width: 106px;
  height: 74px;
  background-repeat: no-repeat;
}
[lang=en] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_en_60x40_sprite.png');
}
[lang=en] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_en_106x74_sprite.png');
}
[lang=en][requestCountry=US] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_us_60x40_sprite.png');
}
[lang=en][requestCountry=US] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_us_106x74_sprite.png');
}
[lang=de] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_de_60x40_sprite.png');
}
[lang=de] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_de_106x74_sprite.png');
}
[lang=da] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_da_60x40_sprite.png');
}
[lang=da] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_da_106x74_sprite.png');
}
[lang=es] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_es_60x40_sprite.png');
}
[lang=es] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_es_106x74_sprite.png');
}
[lang=fr] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_fr_60x40_sprite.png');
}
[lang=fr] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_fr_106x74_sprite.png');
}
[lang=nl] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_nl_60x40_sprite.png');
}
[lang=nl] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_nl_106x74_sprite.png');
}
[lang=sv] .gameLogo60x40 {
  background-image: url('../images/gameLogos/lo_games_sv_60x40_sprite.png');
}
[lang=sv] .gamelogo106x74 {
  background-image: url('../images/gameLogos/lo_games_sv_106x74_sprite.png');
}
/** the graphic are loaded in the country_specific.css the coordinates are the same for each country **/
.gameLogo60x40.game_gos {
  background-position: 0 0;
}
.gameLogo60x40.game_tau {
  background-position: 0 -45px;
}
.gameLogo60x40.game_spl {
  background-position: 0 -90px;
}
.gameLogo60x40.game_spp {
  background-position: 0 -135px;
}
.gameLogo60x40.game_spi {
  background-position: 0 -180px;
}
.gameLogo60x40.game_sax,
.gameLogo60x40.game_ska {
  background-position: 0 -225px;
}
.gameLogo60x40.game_sdk {
  background-position: 0 -270px;
}
.gameLogo60x40.game_rom {
  background-position: 0 -315px;
}
.gameLogo60x40.game_zoo {
  background-position: 0 -360px;
}
.gameLogo60x40.game_bgm {
  background-position: 0 -405px;
}
.gameLogo60x40.game_tr2 {
  background-position: 0 -450px;
}
.gameLogo60x40.game_qbu {
  background-position: 0 -495px;
}
.gameLogo60x40.game_flu {
  background-position: 0 -540px;
}
.gameLogo60x40.game_fuq,
.gameLogo60x40.game_2qf {
  background-position: 0 -585px;
}
.gameLogo60x40.game_sss {
  background-position: 0 -630px;
}
.gameLogo60x40.game_kdo {
  background-position: 0 -675px;
}
.gameLogo60x40.game_mag {
  background-position: 0 -720px;
}
.gameLogo60x40.game_maf {
  background-position: 0 -765px;
}
.gameLogo60x40.game_mah {
  background-position: 0 -810px;
}
.gameLogo60x40.game_bil {
  background-position: 0 -855px;
}
.gameLogo60x40.game_mpp {
  background-position: 0 -900px;
}
.gameLogo60x40.game_xwo {
  background-position: 0 -945px;
}
.gameLogo60x40.game_kno {
  background-position: 0 -990px;
}
.gameLogo60x40.game_pol {
  background-position: 0 -1035px;
}
.gameLogo60x40.game_pyr {
  background-position: 0 -1080px;
}
.gameLogo60x40.game_wiz {
  background-position: 0 -1125px;
}
.gameLogo60x40.game_fre {
  background-position: 0 -1170px;
}
.gameLogo60x40.game_spq {
  background-position: 0 -1215px;
}
.gameLogo60x40.game_mau,
.gameLogo60x40.game_1ma {
  background-position: 0 -1260px;
}
.gameLogo60x40.game_dar {
  background-position: 0 -1305px;
}
.gameLogo60x40.game_jet {
  background-position: 0 -1350px;
}
.gameLogo60x40.game_hts {
  background-position: 0 -1395px;
}
.gameLogo60x40.game_bus {
  background-position: 0 -1440px;
}
.gameLogo60x40.game_bub {
  background-position: 0 -1485px;
}
.gameLogo60x40.game_pfm,
.gameLogo60x40.game_1pf,
.gameLogo60x40.game_2pf,
.gameLogo60x40.game_3pf,
.gameLogo60x40.game_4pf {
  background-position: 0 -1530px;
}
.gameLogo60x40.game_wos,
.gameLogo60x40.game_2wo,
.gameLogo60x40.game_3wo {
  background-position: 0 -1575px;
}
.gameLogo60x40.game_qui {
  background-position: 0 -1620px;
}
.gameLogo60x40.game_mpy {
  background-position: 0 -1665px;
}
.gameLogo60x40.game_dko {
  background-position: 0 -1710px;
}
.gameLogo60x40.game_pmq {
  background-position: 0 -1755px;
}
.gameLogo60x40.game_cpt {
  background-position: 0 -1800px;
}
.gameLogo60x40.game_drg {
  background-position: 0 -1845px;
}
.gameLogo60x40.game_sol {
  background-position: 0 -1890px;
}
.gameLogo60x40.game_soh {
  background-position: 0 -1935px;
}
.gameLogo60x40.game_so2 {
  background-position: 0 -1980px;
}
.gameLogo60x40.game_cpy {
  background-position: 0 -2025px;
}
.gameLogo60x40.game_jw2 {
  background-position: 0 -2070px;
}
.gameLogo60x40.game_jwl {
  background-position: 0 -2115px;
}
.gameLogo60x40.game_prt {
  background-position: 0 -2160px;
}
.gameLogo60x40.game_rsq {
  background-position: 0 -2205px;
}
.gameLogo60x40.game_hid {
  background-position: 0 -2250px;
}
.gameLogo60x40.game_mdn {
  background-position: 0 -2295px;
}
.gameLogo60x40.game_ams {
  background-position: 0 -2340px;
}
.gameLogo60x40.game_bel {
  background-position: 0 -2385px;
}
.gameLogo60x40.game_tar {
  background-position: 0 -2430px;
}
.gameLogo60x40.game_mus {
  background-position: 0 -2385px;
}
.gameLogo60x40.game_kla {
  background-position: 0 -2385px;
}
.gameLogo60x40.game_sen {
  background-position: 0 -2475px;
}
.gameLogo60x40.game_mps {
  background-position: 0 -2520px;
}
.gameLogo60x40.game_wob,
.gameLogo60x40.game_1wb,
.gameLogo60x40.game_3wb {
  background-position: 0 -2565px;
}
.gameLogo60x40.game_lab {
  background-position: 0 -2610px;
}
.gameLogo60x40.game_pbx {
  background-position: 0 -2655px;
}
.gameLogo60x40.game_ctc {
  background-position: 0 -2700px;
}
.gameLogo60x40.game_mjj {
  background-position: 0 -2745px;
}
.gameLogo60x40.game_bux {
  background-position: 0 -2790px;
}
.gameLogo60x40.game_ruk {
  background-position: 0 -2835px;
}
.gameLogo60x40.game_beta {
  background-position: 0 -2880px;
}
.gameLogo60x40.game_trv,
.gameLogo60x40.game_swp,
.gameLogo60x40.game_tet,
.gameLogo60x40.game_mat,
.gameLogo60x40.game_jt2,
.gameLogo60x40.game_hyper {
  background-position: 0 -2925px;
}
.gameLogo60x40.game_mbs {
  background-position: 0 -2970px;
}
.gameLogo60x40.game_rum {
  background-position: 0 -3015px;
}
/** Logos for 106x74 **/
.gamelogo106x74.game_bub {
  background-position: -5px -5px;
}
.gamelogo106x74.game_tr2 {
  background-position: -5px -5px;
}
.gamelogo106x74.game_ams {
  background-position: -116px -5px;
}
.gamelogo106x74.game_zoo {
  background-position: -227px -5px;
}
.gamelogo106x74.game_kno {
  background-position: -338px -5px;
}
.gamelogo106x74.game_xwo {
  background-position: -449px -5px;
}
.gamelogo106x74.game_wos,
.gamelogo106x74.game_2wo,
.gamelogo106x74.game_3wo {
  background-position: -5px -84px;
}
.gamelogo106x74.game_wob,
.gamelogo106x74.game_1wb,
.gamelogo106x74.game_3wb {
  background-position: -116px -84px;
}
.gamelogo106x74.game_wiz {
  background-position: -227px -84px;
}
.gamelogo106x74.game_tau {
  background-position: -338px -84px;
}
.gamelogo106x74.game_sss {
  background-position: -449px -84px;
}
.gamelogo106x74.game_spq {
  background-position: -5px -163px;
}
.gamelogo106x74.game_spp {
  background-position: -116px -163px;
}
.gamelogo106x74.game_spl {
  background-position: -227px -163px;
}
.gamelogo106x74.game_spi {
  background-position: -338px -163px;
}
.gamelogo106x74.game_sol {
  background-position: -449px -163px;
}
.gamelogo106x74.game_pmq {
  background-position: -5px -242px;
}
.gamelogo106x74.game_rsq {
  background-position: -116px -242px;
}
.gamelogo106x74.game_sen {
  background-position: -227px -242px;
}
.gamelogo106x74.game_so2 {
  background-position: -338px -242px;
}
.gamelogo106x74.game_soh {
  background-position: -449px -242px;
}
.gamelogo106x74.game_fuq,
.gamelogo106x74.game_2qf {
  background-position: -5px -321px;
}
.gamelogo106x74.game_qui {
  background-position: -116px -321px;
}
.gamelogo106x74.game_qbu {
  background-position: -227px -321px;
}
.gamelogo106x74.game_pyr {
  background-position: -338px -321px;
}
.gamelogo106x74.game_rom {
  background-position: -449px -321px;
}
.gamelogo106x74.game_pol {
  background-position: -5px -400px;
}
.gamelogo106x74.game_mpy {
  background-position: -116px -400px;
}
.gamelogo106x74.game_mps {
  background-position: -227px -400px;
}
.gamelogo106x74.game_bgm {
  background-position: -338px -400px;
}
.gamelogo106x74.game_mdn {
  background-position: -449px -400px;
}
.gamelogo106x74.game_prt {
  background-position: -5px -479px;
}
.gamelogo106x74.game_pfm,
.gamelogo106x74.game_1pf,
.gamelogo106x74.game_2pf,
.gamelogo106x74.game_3pf,
.gamelogo106x74.game_4pf {
  background-position: -116px -479px;
}
.gamelogo106x74.game_mau,
.gamelogo106x74.game_1ma {
  background-position: -227px -479px;
}
.gamelogo106x74.game_mah {
  background-position: -338px -479px;
}
.gamelogo106x74.game_mag {
  background-position: -449px -479px;
}
.gamelogo106x74.game_maf {
  background-position: -5px -558px;
}
.gamelogo106x74.game_kdo {
  background-position: -116px -558px;
}
.gamelogo106x74.game_jwl {
  background-position: -227px -558px;
}
.gamelogo106x74.game_jw2 {
  background-position: -338px -558px;
}
.gamelogo106x74.game_jet {
  background-position: -449px -558px;
}
.gamelogo106x74.game_hts {
  background-position: -5px -637px;
}
.gamelogo106x74.game_hid {
  background-position: -116px -637px;
}
.gamelogo106x74.game_gos {
  background-position: -227px -637px;
}
.gamelogo106x74.game_fre {
  background-position: -338px -637px;
}
.gamelogo106x74.game_flu {
  background-position: -449px -637px;
}
.gamelogo106x74.game_drg {
  background-position: -5px -716px;
}
.gamelogo106x74.game_dko {
  background-position: -116px -716px;
}
.gamelogo106x74.game_dar {
  background-position: -227px -716px;
}
.gamelogo106x74.game_cpy {
  background-position: -338px -716px;
}
.gamelogo106x74.game_cpt {
  background-position: -449px -716px;
}
.gamelogo106x74.game_bus {
  background-position: -5px -795px;
}
.gamelogo106x74.game_bub {
  background-position: -116px -795px;
}
.gamelogo106x74.game_bil {
  background-position: -227px -795px;
}
.gamelogo106x74.game_mpp {
  background-position: -338px -795px;
}
.gamelogo106x74.game_beta {
  background-position: -449px -795px;
}
.gamelogo106x74.game_sdk {
  background-position: -5px -874px;
}
.gamelogo106x74.game_sax,
.gamelogo106x74.game_ska {
  background-position: -116px -874px;
}
.gamelogo106x74.game_tar {
  background-position: -227px -874px;
}
.gamelogo106x74.game_bel {
  background-position: -449px -874px;
}
.gamelogo106x74.game_mus {
  background-position: -5px -953px;
}
.gamelogo106x74.game_kla {
  background-position: -116px -953px;
}
.gamelogo106x74.game_pbx {
  background-position: -227px -953px;
}
.gamelogo106x74.game_ctc {
  background-position: -338px -953px;
}
.gamelogo106x74.game_mjj {
  background-position: -449px -953px;
}
.gamelogo106x74.game_bux {
  background-position: -5px -1032px;
}
.gamelogo106x74.game_lab {
  background-position: -116px -1032px;
}
.gamelogo106x74.game_ruk {
  background-position: -227px -1032px;
}
.gamelogo106x74.game_trv,
.gamelogo106x74.game_swp,
.gamelogo106x74.game_tet,
.gamelogo106x74.game_mat,
.gamelogo106x74.game_jt2,
.gamelogo106x74.game_hyper {
  background-position: -338px -1032px;
}
.gamelogo106x74.game_mbs {
  background-position: -449px -1032px;
}
.gamelogo106x74.game_rum {
  background-position: -5px -1111px;
}
.icon_sprite {
  background: top left no-repeat;
}
.colorScheme.darkGrey .icon_sprite.colorScheme,
.icon_sprite.darkGrey {
  background-image: url('../images/icons/icon_darkGrey_sprite.png');
}
.colorScheme.blueGreen .icon_sprite.colorScheme,
.icon_sprite.blueGreen {
  background-image: url('../images/icons/icon_blueGreen_sprite.png');
}
.colorScheme.lightGreen .icon_sprite.colorScheme,
.icon_sprite.lightGreen {
  background-image: url('../images/icons/icon_lightGreen_sprite.png');
}
.colorScheme.orange .icon_sprite.colorScheme,
.icon_sprite.lightOrange {
  background-image: url('../images/icons/icon_lightOrange_sprite.png');
}
.colorScheme.lightBlue .icon_sprite.colorScheme,
.icon_sprite.lightBlue {
  background-image: url('../images/icons/icon_lightBlue_sprite.png');
}
.colorScheme.midBlue .icon_sprite.colorScheme,
.icon_sprite.midBlue {
  background-image: url('../images/icons/icon_midBlue_sprite.png');
}
.colorScheme.midGreen .icon_sprite.colorScheme,
.icon_sprite.midGreen {
  background-image: url('../images/icons/icon_midGreen_sprite.png');
}
.colorScheme.midGrey .icon_sprite.colorScheme,
.icon_sprite.midGrey {
  background-image: url('../images/icons/icon_midGrey_sprite.png');
}
.icon_sprite.midOrange {
  background-image: url('../images/icons/icon_midOrange_sprite.png');
}
.colorScheme.purple .icon_sprite.colorScheme,
.icon_sprite.purple {
  background-image: url('../images/icons/icon_purple_sprite.png');
}
.colorScheme.red .icon_sprite.colorScheme,
.icon_sprite.red {
  background-image: url('../images/icons/icon_red_sprite.png');
}
.colorScheme.turquoise .icon_sprite.colorScheme,
.icon_sprite.turquoise {
  background-image: url('../images/icons/icon_turqouise_sprite.png');
}
.colorScheme.yellow .icon_sprite.colorScheme,
.icon_sprite.yellow {
  background-image: url('../images/icons/icon_yellow_sprite.png');
}
/** hover effects for icons **/
.hover:hover .icon_sprite.allGames.small.midGrey.hover,
.hover:hover .icon_sprite.allGames_small.midGrey.hover {
  background-image: url('../images/icons/icon_darkGrey_sprite.png');
}
.hover:hover .icon_sprite.favorite.small.midGrey.hover,
.hover:hover .icon_sprite.favorite_small.midGrey.hover {
  background-image: url('../images/icons/icon_darkGrey_sprite.png');
}
.hover:hover .icon_sprite.action.small.midGrey.hover,
.hover:hover .icon_sprite.action_small.midGrey.hover {
  background-image: url('../images/icons/icon_red_sprite.png');
}
.hover:hover .icon_sprite.logic.small.midGrey.hover,
.hover:hover .icon_sprite.logic_small.midGrey.hover {
  background-image: url('../images/icons/icon_midBlue_sprite.png');
}
.hover:hover .icon_sprite.cardsBoard.small.midGrey.hover,
.hover:hover .icon_sprite.cardsBoard_small.midGrey.hover {
  background-image: url('../images/icons/icon_lightOrange_sprite.png');
}
.hover:hover .icon_sprite.mobile.small.midGrey.hover,
.hover:hover .icon_sprite.mobile_small.midGrey.hover {
  background-image: url('../images/icons/icon_turqouise_sprite.png');
}
.hover:hover .icon_sprite.tournaments.small.midGrey.hover,
.hover:hover .icon_sprite.tournaments_small.midGrey.hover {
  background-image: url('../images/icons/icon_yellow_sprite.png');
}
/** hover effects for icons **/
.icon_sprite.mailService.medium,
.icon_sprite.mailService_medium {
  background-position: -3px -5px;
  width: 43px;
  height: 42px;
}
.icon_sprite.mailService.small,
.icon_sprite.mailService_small {
  background-position: -3px -51px;
  width: 34px;
  height: 33px;
}
.icon_sprite.phoneService.medium,
.icon_sprite.phoneService_medium {
  background-position: -3px -89px;
  width: 43px;
  height: 42px;
}
.icon_sprite.phoneService.small,
.icon_sprite.phoneService_small {
  background-position: -3px -135px;
  width: 34px;
  height: 33px;
}
.icon_sprite.question.medium,
.icon_sprite.question_medium {
  background-position: -3px -173px;
  width: 43px;
  height: 42px;
}
.icon_sprite.question.small,
.icon_sprite.question_small {
  background-position: -3px -219px;
  width: 34px;
  height: 33px;
}
.icon_sprite.community.medium,
.icon_sprite.community_medium {
  background-position: -3px -257px;
  width: 43px;
  height: 42px;
}
.icon_sprite.community.small,
.icon_sprite.community_small {
  background-position: -3px -303px;
  width: 34px;
  height: 33px;
}
.icon_sprite.timing.medium {
  background-position: -3px -341px;
  width: 43px;
  height: 42px;
}
.icon_sprite.timing.small {
  background-position: -3px -387px;
  width: 34px;
  height: 33px;
}
.icon_sprite.info.medium,
.icon_sprite.info_medium {
  background-position: -3px -425px;
  width: 43px;
  height: 42px;
}
.icon_sprite.info.small,
.icon_sprite.info_small {
  background-position: -3px -471px;
  width: 34px;
  height: 33px;
}
.icon_sprite.security.medium,
.icon_sprite.security_medium {
  background-position: -3px -509px;
  width: 43px;
  height: 42px;
}
.icon_sprite.security.small,
.icon_sprite.security_small {
  background-position: -3px -555px;
  width: 34px;
  height: 33px;
}
.icon_sprite.tournaments.medium,
.icon_sprite.tournaments_medium {
  background-position: -3px -593px;
  width: 43px;
  height: 42px;
}
.icon_sprite.tournaments.small,
.icon_sprite.tournaments_small {
  background-position: -3px -639px;
  width: 34px;
  height: 33px;
}
.icon_sprite.winnings.medium,
.icon_sprite.winnings_medium {
  background-position: -3px -677px;
  width: 43px;
  height: 42px;
}
.icon_sprite.winnings.small,
.icon_sprite.winnings_small {
  background-position: -3px -723px;
  width: 34px;
  height: 33px;
}
.icon_sprite.mobile.medium,
.icon_sprite.mobile_medium {
  background-position: -3px -761px;
  width: 43px;
  height: 42px;
}
.icon_sprite.mobile.small,
.icon_sprite.mobile_small {
  background-position: -3px -807px;
  width: 34px;
  height: 33px;
}
.icon_sprite.message.medium,
.icon_sprite.message_medium {
  background-position: -3px -845px;
  width: 43px;
  height: 42px;
}
.icon_sprite.message.small,
.icon_sprite.message_small {
  background-position: -3px -891px;
  width: 34px;
  height: 33px;
}
.icon_sprite.special.medium {
  background-position: -3px -929px;
  width: 43px;
  height: 42px;
}
.icon_sprite.special.small {
  background-position: -3px -975px;
  width: 34px;
  height: 33px;
}
.icon_sprite.allGames.medium,
.icon_sprite.allGames_medium {
  background-position: -3px -1013px;
  width: 43px;
  height: 42px;
}
.icon_sprite.allGames.small,
.icon_sprite.allGames_small {
  background-position: -3px -1059px;
  width: 34px;
  height: 33px;
}
.icon_sprite.logic.medium,
.icon_sprite.logic_medium {
  background-position: -3px -1097px;
  width: 43px;
  height: 42px;
}
.icon_sprite.logic.small,
.icon_sprite.logic_small {
  background-position: -3px -1143px;
  width: 34px;
  height: 33px;
}
.icon_sprite.action.medium,
.icon_sprite.action_medium {
  background-position: -3px -1181px;
  width: 43px;
  height: 42px;
}
.icon_sprite.action.small,
.icon_sprite.action_small {
  background-position: -3px -1227px;
  width: 34px;
  height: 33px;
}
.icon_sprite.cardsBoard.medium,
.icon_sprite.cardsBoard_medium {
  background-position: -3px -1265px;
  width: 43px;
  height: 42px;
}
.icon_sprite.cardsBoard.small,
.icon_sprite.cardsBoard_small {
  background-position: -3px -1311px;
  width: 34px;
  height: 33px;
}
.icon_sprite.favorite.medium,
.icon_sprite.favorite_medium {
  background-position: -3px -1349px;
  width: 43px;
  height: 42px;
}
.icon_sprite.favorite.small,
.icon_sprite.favorite_small {
  background-position: -3px -1395px;
  width: 34px;
  height: 33px;
}
.icon_sprite.denied.medium,
.icon_sprite.denied_medium {
  background-position: -3px -1433px;
  width: 43px;
  height: 42px;
}
.icon_sprite.denied.small,
.icon_sprite.denied_small {
  background-position: -3px -1479px;
  width: 34px;
  height: 33px;
}
.icon_sprite.approved.small,
.icon_sprite.approved_small {
  background-position: -3px -1563px;
  width: 34px;
  height: 33px;
}
.icon_sprite.approved.medium,
.icon_sprite.approved_medium {
  background-position: -3px -1517px;
  width: 43px;
  height: 42px;
}
.icon_sprite.warning.medium,
.icon_sprite.warning_medium {
  background-position: -3px -1601px;
  width: 43px;
  height: 42px;
}
.icon_sprite.warning.small,
.icon_sprite.warning_small {
  background-position: -3px -1647px;
  width: 34px;
  height: 33px;
}
.icon_sprite.sameLevel.small {
  background-position: -3px -1731px;
  width: 34px;
  height: 33px;
}
.icon_sprite.friend.medium {
  background-position: -3px -1852px;
  width: 43px;
  height: 42px;
}
.icon_sprite.friend.small {
  background-position: -3px -1899px;
  width: 32px;
  height: 32px;
}
.icon_sprite.challenge.medium {
  background-position: -3px -1939px;
  width: 43px;
  height: 42px;
}
.icon_sprite.challenge.small {
  background-position: -3px -1986px;
  width: 32px;
  height: 32px;
}
/** --- ICON SPRITE COORDINATES --- */
.icon_tiny_sprite {
  background: url('../images/icons/icon_tiny_sprite.png') top left no-repeat;
}
.icon_tiny_sprite.mailService {
  background-position: -2px -4px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.phoneService {
  background-position: -2px -31px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.approved {
  background-position: -2px -58px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.deleteClose {
  background-position: -2px -85px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.question {
  background-position: -2px -112px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.warning {
  background-position: -2px -139px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.timing {
  background-position: -2px -166px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.favorite {
  background-position: -2px -193px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.cardsBoard {
  background-position: -2px -220px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.action {
  background-position: -2px -247px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.logic {
  background-position: -2px -274px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.info {
  background-position: -2px -301px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.security {
  background-position: -2px -328px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.winnings {
  background-position: -2px -355px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.mobile {
  background-position: -2px -382px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.denied {
  background-position: -2px -409px;
  width: 24px;
  height: 24px;
}
.icon_tiny_sprite.allGames {
  background-position: -2px -436px;
  width: 24px;
  height: 24px;
}
/** +++ GENERIC SPRITE COORDINATES +++ */
/** COLOR BOX NEEDS ALSO THE SPRITE **/
.decorate.gdHeader .gdHeaderRightPart,
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxClose,
.generic_sprite {
  background: url('../images/generic_sprite.png') top left no-repeat;
}
.generic_sprite.us_flag {
  background-position: -250px -4px;
  width: 17px;
  height: 13px;
}
.generic_sprite.de_flag {
  background-position: -250px -19px;
  width: 17px;
  height: 13px;
}
.generic_sprite.at_flag {
  background-position: -250px -34px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ch_flag {
  background-position: -250px -50px;
  width: 17px;
  height: 13px;
}
.generic_sprite.dk_flag {
  background-position: -250px -64px;
  width: 17px;
  height: 13px;
}
.generic_sprite.es_flag {
  background-position: -250px -80px;
  width: 17px;
  height: 13px;
}
.generic_sprite.fr_flag {
  background-position: -250px -95px;
  width: 17px;
  height: 13px;
}
.generic_sprite.nl_flag {
  background-position: -250px -110px;
  width: 17px;
  height: 13px;
}
.generic_sprite.se_flag {
  background-position: -250px -125px;
  width: 17px;
  height: 13px;
}
.generic_sprite.gb_flag,
.generic_sprite.uk_flag {
  background-position: -250px -141px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ca_flag {
  background-position: -229px -30px;
  width: 17px;
  height: 13px;
}
.generic_sprite.jc_flag {
  background-position: -229px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.br_flag {
  background-position: -229px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ve_flag {
  background-position: -210px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.uy_flag {
  background-position: -210px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.ar_flag {
  background-position: -191px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.be_flag {
  background-position: -191px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.cl_flag {
  background-position: -172px -45px;
  width: 17px;
  height: 13px;
}
.generic_sprite.mx_flag {
  background-position: -172px -60px;
  width: 17px;
  height: 13px;
}
.generic_sprite.accountBox {
  background-position: -3px -76px;
  width: 240px;
  height: 92px;
}
.generic_sprite.GOLD.accountBox {
  background-position: -3px -172px;
  width: 240px;
  height: 92px;
}
.generic_sprite.SILVER.accountBox {
  background-position: -3px -268px;
  width: 240px;
  height: 92px;
}
.colorScheme.orange .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.lightGreen .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.midGreen .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.blueGreen .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.purple .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.red .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.lightBlue .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.colorScheme.midBlue .decorate.gdHeader.colorScheme .gdHeaderRightPart,
.gameDesign.game_mau .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bux .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_kno .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bub .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bus .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_lab .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_flu .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_kla .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_bel .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_spi .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_rom .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_mjj .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_tar .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_sax .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_ska .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_mpy .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_mau .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_kno .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.gameDesign.game_jwl .decorate.gdHeader.gameDesign .gdHeaderRightPart,
.decorate.gdHeader.action .gdHeaderRightPart,
.decorate.gdHeader.cards .gdHeaderRightPart,
.decorate.gdHeader.knowledge .gdHeaderRightPart,
.decorate.gdHeader.base .gdHeaderRightPart,
.generic_sprite.light_swoosh {
  background-position: -105px -504px;
  width: 95px;
  height: 23px;
}
.decorate.gdHeader .gdHeaderRightPart,
.generic_sprite.dark_swoosh {
  background-position: -3px -504px;
  width: 95px;
  height: 23px;
}
.generic_sprite.big_swoosh {
  background-position: -3px -433px;
  width: 173px;
  height: 68px;
}
.generic_sprite.header_swoosh {
  background-position: -9px -438px;
  width: 50px;
  height: 27px;
}
.generic_sprite.subHeader_swoosh {
  background-position: -6px -460px;
  width: 50px;
  height: 19px;
}
.generic_sprite.category_swoosh {
  background-position: -181px -433px;
  width: 86px;
  height: 54px;
}
.generic_sprite.loyaltyLogo.ic_SILVER {
  background-position: -209px -362px;
  width: 34px;
  height: 43px;
}
.generic_sprite.loyaltyLogo.ic_GOLD {
  background-position: -172px -362px;
  width: 34px;
  height: 43px;
}
.generic_sprite.ic_facebook {
  background-position: -246px -228px;
  width: 32px;
  height: 32px;
}
.generic_sprite.ic_special {
  background-position: -249px -587px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_gameduell {
  background-position: -246px -262px;
  width: 32px;
  height: 34px;
}
.generic_sprite.ic_message {
  background-position: -249px -606px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_community {
  background-position: -249px -625px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_winnings {
  background-position: -249px -891px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_winning {
  background-position: -249px -568px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_question {
  background-position: -249px -720px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_challenge {
  background-position: -249px -1442px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_diamond {
  background-position: -249px -1535px;
  width: 17px;
  height: 14px;
}
.generic_sprite.ic_winning_GOLD {
  background-position: -249px -492px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_special.loyalty {
  background-position: -249px -511px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_community.loyalty {
  background-position: -249px -530px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_message.loyalty {
  background-position: -249px -549px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_challenge.loyalty {
  background-position: -249px -1461px;
  width: 18px;
  height: 18px;
}
.loyalty.GOLD .generic_sprite.ic_diamond.loyalty {
  background-position: -249px -1554px;
  width: 17px;
  height: 14px;
}
.generic_sprite.arrow_grey.left {
  background-position: -249px -1342px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_grey.right {
  background-position: -257px -1342px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_grey.left.right {
  background-position: -249px -1342px;
  width: 15px;
  height: 16px;
}
.generic_sprite.arrow_white.left {
  background-position: -249px -1480px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_white.right {
  background-position: -257px -1480px;
  width: 6px;
  height: 16px;
}
.generic_sprite.arrow_white.left.right {
  background-position: -249px -1480px;
  width: 15px;
  height: 16px;
}
.generic_sprite.arrow_orange.up {
  background-position: -249px -1214px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_orange.down {
  background-position: -249px -1232px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_blue.up {
  background-position: -249px -1246px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_blue.down {
  background-position: -249px -1264px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_red.up {
  background-position: -249px -1278px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_red.down {
  background-position: -249px -1296px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_grey.up {
  background-position: -249px -1310px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_grey.down {
  background-position: -249px -1326px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_white.up {
  background-position: -249px -1359px;
  width: 11px;
  height: 15px;
}
.comp.gdTable .gdTableData.sortButton.arrowState.up {
  background-position: -244px -1359px;
}
.comp.gdTable .main.header .gdTableData.sortButton.arrowState.up {
  background-position: -244px -1356px;
}
.generic_sprite.arrow_white.down {
  background-position: -249px -1375px;
  width: 11px;
  height: 15px;
}
.comp.gdTable .gdTableData.sortButton.arrowState.down {
  background-position: -244px -1375px;
}
.comp.gdTable .main.header .gdTableData.sortButton.arrowState.down {
  background-position: -244px -1372px;
}
.generic_sprite.arrow_darkGrey.up {
  background-position: -249px -1391px;
  width: 11px;
  height: 15px;
}
.generic_sprite.arrow_darkGrey.down {
  background-position: -249px -1407px;
  width: 11px;
  height: 15px;
}
.generic_sprite.ic_searchfield {
  background-position: -3px -530px;
  width: 18px;
  height: 25px;
}
.generic_sprite.ic_searchfield.white {
  background-position: -249px -1609px;
  width: 18px;
  height: 18px;
}
.base.conditions thead th {
  background-position: -257px -758px;
}
/*Needs also the separator with small positions changes*/
.generic_sprite.table_separator {
  background-position: -250px -300px;
  width: 2px;
  height: 15px;
}
.generic_sprite.ic_money {
  background-position: -246px -191px;
  width: 32px;
  height: 35px;
}
.generic_sprite.ic_alert {
  background-position: -246px -156px;
  width: 32px;
  height: 33px;
}
.generic_sprite.ic_mailService {
  background-position: -249px -644px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_phoneService {
  background-position: -249px -663px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_approved {
  background-position: -249px -682px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_approved.white {
  background-position: -249px -1497px;
  width: 17px;
  height: 16px;
}
.generic_sprite.ic_delete {
  background-position: -249px -701px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_warning {
  background-position: -249px -739px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_timing {
  background-position: -249px -758px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_favorite {
  background-position: -249px -777px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_cardsBoard {
  background-position: -249px -796px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_action {
  background-position: -249px -815px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_logic {
  background-position: -249px -834px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_info {
  background-position: -249px -853px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_security {
  background-position: -249px -872px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_mobile {
  background-position: -249px -910px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_denied {
  background-position: -249px -929px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_allGames {
  background-position: -249px -948px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_arrow_right {
  background-position: -249px -1054px;
  width: 19px;
  height: 14px;
}
.generic_sprite.ic_arrow_left {
  background-position: -249px -1069px;
  width: 19px;
  height: 14px;
}
.generic_sprite.ic_visiCard {
  background-position: -249px -1002px;
  width: 15px;
  height: 15px;
}
.generic_sprite.ic_table {
  background-position: -249px -986px;
  width: 15px;
  height: 15px;
}
.generic_sprite.ic_message2 {
  background-position: -249px -1084px;
  width: 20px;
  height: 17px;
}
.generic_sprite.ic_delete2 {
  background-position: -249px -1102px;
  width: 19px;
  height: 17px;
}
.generic_sprite.ic_denied2 {
  background-position: -249px -1120px;
  width: 19px;
  height: 17px;
}
.generic_sprite.ic_sameLevel {
  background-position: -249px -968px;
  width: 18px;
  height: 18px;
}
.base.ui.active .generic_sprite.ic_sameLevel,
.generic_sprite.ic_sameLevel_white {
  background-position: -249px -1139px;
  width: 18px;
  height: 18px;
}
.base.ui.active .generic_sprite.ic_community,
.generic_sprite.ic_community_white {
  background-position: -249px -1158px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_clock_white {
  background-position: -249px -1176px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_warning_white {
  background-position: -249px -1195px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_challenge_white {
  background-position: -249px -1424px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_cdiamond_white {
  background-position: -249px -1516px;
  width: 18px;
  height: 15px;
}
.generic_sprite.ic_male {
  background-position: -249px -1018px;
  width: 18px;
  height: 17px;
}
.generic_sprite.ic_female {
  background-position: -249px -1036px;
  width: 18px;
  height: 17px;
}
.generic_sprite.ic_friend_add {
  background-position: -249px -318px;
  width: 18px;
  height: 18px;
}
.generic_sprite.close_popUp {
  background-position: -172px 0px;
  width: 42px;
  height: 40px;
}
#cboxClose,
.generic_sprite.close_popUpBIG {
  background-position: -3px -635px;
  width: 50px;
  height: 50px;
}
#cboxTopLeft,
.generic_sprite.popUp_corner_topLeft {
  background-position: -217px -6px;
  width: 10px;
  height: 10px;
}
#cboxTopRight,
.generic_sprite.popUp_corner_topRight {
  background-position: -229px -6px;
  width: 10px;
  height: 10px;
}
#cboxBottomRight,
.generic_sprite.popUp_corner_downRight {
  background-position: -229px -18px;
  width: 10px;
  height: 10px;
}
#cboxBottomLeft,
.generic_sprite.popUp_corner_downLeft {
  background-position: -217px -18px;
  width: 10px;
  height: 10px;
}
.base.colorButton.tiny.fixed.invisible:hover .generic_sprite.ic_friend_add,
.invisible.fixedTiny.colorButtonContainer:hover .generic_sprite.ic_friend_add,
.invisible.fixed.tiny.colorButtonContainer:hover .generic_sprite.ic_friend_add,
.invisible.fixedTiny.colorButtonContainer:active .generic_sprite.ic_friend_add,
.invisible.fixed.tiny.colorButtonContainer:active .generic_sprite.ic_friend_add,
.generic_sprite.ic_friend_add_over {
  background-position: -249px -337px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_friend_online {
  background-position: -249px -357px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_friend_offline {
  background-position: -249px -375px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_friend_grey {
  background-position: -249px -394px;
  width: 18px;
  height: 18px;
}
.base.ui.active .generic_sprite.ic_friend_grey,
.generic_sprite.ic_friend_white {
  background-position: -249px -413px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_smallRibbon {
  background-position: -175px -560px;
  width: 30px;
  height: 29px;
}
.generic_sprite.ic_plus {
  background-position: -249px -1571px;
  width: 18px;
  height: 18px;
}
.generic_sprite.ic_minus {
  background-position: -249px -1590px;
  width: 18px;
  height: 18px;
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/*also check copartner.css for partner styles frotnend-copartner*/
#gdLogos {
  text-align: left;
}
#gdLogos #partnerLogo {
  float: left;
  height: 43px;
  width: 230px;
  margin-top: 17px;
  margin-bottom: -17px;
}
#gdLogos #poweredByLogo {
  text-align: center;
  float: left;
  height: 70px;
  width: 250px;
  margin-left: 20px;
  display: none;
}
#gdLogos #poweredByLogo span {
  display: block;
  margin-top: -7px;
}
body.partner_skt,
body.partner_bec,
body.partner_dsk {
  /*disable celebration FLAG animation when there is a partner cookie*/
}
body.partner_skt #gdLogos #poweredByLogo,
body.partner_bec #gdLogos #poweredByLogo,
body.partner_dsk #gdLogos #poweredByLogo {
  display: block;
}
body.partner_skt .animCont,
body.partner_bec .animCont,
body.partner_dsk .animCont {
  left: 224px;
}
body.partner_skt .animCont .flagsAnim,
body.partner_bec .animCont .flagsAnim,
body.partner_dsk .animCont .flagsAnim {
  display: none;
}
body.partner_skt .animCont .balloonAnim,
body.partner_bec .animCont .balloonAnim,
body.partner_dsk .animCont .balloonAnim {
  right: 22px;
}
#navigation_top #gdLogos {
  height: 72px;
  padding-top: 10px;
}
#gdLogos .generic_country_sprite.celebrationLogo {
  background: url('../images/gdLogo15/celebration_sprite.png') top left no-repeat;
  margin-top: 6px !important;
  width: 222px !important;
  height: 62px !important;
}
#gdLogos #poweredByLogo {
  background: url('../images/gdLogo15/celebration_sprite.png') top left no-repeat;
  margin-top: 6px !important;
  width: 176px !important;
  height: 62px !important;
  padding-left: 46px;
}
body[lang=de] #gdLogos #poweredByLogo,
body[lang=de] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: 0px 0px;
}
body[lang=da] #gdLogos #poweredByLogo,
body[lang=da] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: 0px -62px;
}
body[lang=en] #gdLogos #poweredByLogo,
body[lang=en] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: 0px -124px;
}
body[lang=es] #gdLogos #poweredByLogo,
body[lang=es] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: -222px 0px;
}
body[lang=fr] #gdLogos #poweredByLogo,
body[lang=fr] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: -222px -62px;
}
body[lang=nl] #gdLogos #poweredByLogo,
body[lang=nl] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: -222px -124px;
}
body[lang=sv] #gdLogos #poweredByLogo,
body[lang=sv] #gdLogos .generic_country_sprite.celebrationLogo {
  background-position: 0px -186px;
}
.animCont {
  position: absolute;
  top: 0;
  left: -40px;
  height: 82px;
  width: 320px;
  pointer-events: none;
}
body.tpl-minimal .animCont {
  display: none;
}
.animCont .balloonAnim {
  content: ' ';
  position: absolute;
  animation: balloonPlay steps(90) 12s infinite;
  -webkit-animation: balloonPlay steps(90) 12s infinite;
  -moz-animation: balloonPlay steps(90) 12s infinite;
  background: url('../images/gdLogo15/GD_15_balloon_anim.png') left center;
  width: 57px;
  height: 84px;
  right: 0;
  bottom: -6px;
}
/*flags*/
.animCont .flagsAnim {
  content: ' ';
  position: absolute;
  background: url('../images/gdLogo15/GD_15_flag_anim.png') left center;
  animation: flagsPlay steps(90) 12s infinite;
  -webkit-animation: flagsPlay steps(90) 12s infinite;
  -moz-animation: flagsPlay steps(90) 12s infinite;
  width: 250px;
  height: 84px;
  top: 0;
  left: 0;
}
@keyframes flagsPlay {
  0% {
    background-position: 0px 0px;
  }
  50% {
    background-position: 0px -7560px;
  }
  100% {
    background-position: 0px -7560px;
  }
}
@-webkit-keyframes flagsPlay {
  0% {
    background-position: 0px 0px;
  }
  50% {
    background-position: 0px -7560px;
  }
  100% {
    background-position: 0px -7560px;
  }
}
@-moz-keyframes flagsPlay {
  0% {
    background-position: 0px 0px;
  }
  50% {
    background-position: 0px -7560px;
  }
  100% {
    background-position: 0px -7560px;
  }
}
@keyframes balloonPlay {
  0% {
    background-position: 0px;
  }
  50% {
    background-position: -5130px;
  }
  100% {
    background-position: -5130px;
  }
}
@-webkit-keyframes balloonPlay {
  0% {
    background-position: 0px;
  }
  50% {
    background-position: -5130px;
  }
  100% {
    background-position: -5130px;
  }
}
@-moz-keyframes balloonPlay {
  0% {
    background-position: 0px;
  }
  50% {
    background-position: -5130px;
  }
  100% {
    background-position: -5130px;
  }
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/*also check copartner.css for partner styles frotnend-copartner*/
#gdLogos {
  text-align: left;
}
#gdLogos #partnerLogo.winterLogo {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('../images/winterLogo/logo.png') left center no-repeat;
  width: 242px;
  height: 57px;
}
#gdLogos #poweredByLogo {
  text-align: center;
  float: left;
  height: 70px;
  width: 250px;
  margin-left: 20px;
  display: none;
}
#gdLogos #poweredByLogo span {
  display: block;
  margin-top: -7px;
}
body.partner_skt,
body.partner_bec,
body.partner_dsk {
  /*no winterlogo for people with partner cookie*/
}
body.partner_skt #gdLogos #poweredByLogo.winterLogo,
body.partner_bec #gdLogos #poweredByLogo.winterLogo,
body.partner_dsk #gdLogos #poweredByLogo.winterLogo {
  display: block;
  position: absolute;
  left: 242px;
}
body.partner_skt .snowAnimCont,
body.partner_bec .snowAnimCont,
body.partner_dsk .snowAnimCont {
  display: none;
}
#navigation_top #gdLogos {
  height: 72px;
  padding-top: 10px;
}
body.tpl-minimal .snowAnimCont .flake,
body.tpl-minimal .snowAnimCont .chainAnim {
  animation: none;
}
.snowAnimCont {
  width: 320px;
  height: 82px;
  top: 0;
  left: -40px;
  position: relative;
  margin-top: -10px;
}
.snowAnimCont .glow {
  width: 320px;
  height: 82px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/winterLogo/glow.png') left center no-repeat;
}
.snowAnimCont .flake {
  position: absolute;
  width: 26px;
  height: 24px;
  background-size: contain;
  background: url('../images/winterLogo/flakes_sprite.png') no-repeat;
  animation: snowFlakePlay 4s infinite;
}
.snowAnimCont .flake.flake1 {
  top: 0;
  left: 43px;
  background-position: -43px -4px;
}
.snowAnimCont .flake.flake2 {
  top: 0;
  left: 73px;
  background-position: -73px 0px;
  animation-delay: 2s;
}
.snowAnimCont .flake.flake3 {
  top: 8px;
  left: 158px;
  background-position: -158px -8px;
  animation-delay: 1s;
}
.snowAnimCont .flake.flake4 {
  top: 17px;
  left: 230px;
  background-position: -230px -17px;
}
.snowAnimCont .flake.flake5 {
  top: 0;
  left: 258px;
  background-position: -258px 0px;
  animation-delay: 3s;
}
.snowAnimCont .chainAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 82px;
  animation: chainPlay steps(45) 6s infinite;
  background: url('../images/winterLogo/chain_sprite.png') left top;
}
@keyframes chainPlay {
  50% {
    background-position-y: -3690px;
  }
  100% {
    background-position-y: -3690px;
  }
}
@-webkit-keyframes chainPlay {
  50% {
    background-position-y: -3690px;
  }
  100% {
    background-position-y: -3690px;
  }
}
@-moz-keyframes chainPlay {
  50% {
    background-position-y: -3690px;
  }
  100% {
    background-position-y: -3690px;
  }
}
@keyframes snowFlakePlay {
  10% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes snowFlakePlay {
  10% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes snowFlakePlay {
  10% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/** +++ GENERIC COUNTRY SPRITE +++ */
.generic_country_sprite.ribbon.new.top {
  background-position: -100px -3px;
  width: 70px;
  height: 54px;
}
.generic_country_sprite.ribbon.new.bottom {
  background-position: -4px -4px;
  width: 81px;
  height: 60px;
}
.generic_country_sprite.ribbon.beta.top {
  background-position: -273px -3px;
  width: 71px;
  height: 56px;
}
.generic_country_sprite.ribbon.beta.bottom {
  background-position: -175px -5px;
  width: 82px;
  height: 59px;
}
.generic_country_sprite.ribbon.basic {
  background-position: -354px -76px;
  width: 91px;
  height: 67px;
}
.generic_country_sprite.ribbon.premium {
  background-position: -354px -3px;
  width: 91px;
  height: 67px;
}
.generic_country_sprite {
  background: url('../images/country_sprite/generic_sprite_en.png') top left no-repeat;
}
[lang=de] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_de.png');
}
[lang=da] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_da.png');
}
[lang=es] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_es.png');
}
[lang=fr] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_fr.png');
}
[lang=nl] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_nl.png');
}
[lang=sv] .generic_country_sprite {
  background-image: url('../images/country_sprite/generic_sprite_sv.png');
}
body[lang=fr] .generic_country_sprite.ribbon.new.top {
  background-position: -86px -3px;
  width: 85px;
  height: 62px;
}
/** ++ gdLogo ++ **/
.generic_country_sprite.partnerLogo,
.generic_country_sprite#partnerLogo {
  background-position: -4px -107px;
  height: 62px;
  width: 230px;
  background-repeat: no-repeat;
}
/** -- gdLogo -- **/
/** +++ COLOR BOX STYLE +++ **/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
/* **************************************************************************************************** */
#cboxWrapper {
  background: none !important;
}
#cboxOverlay {
  background: #000 ;
}
#cboxLoadedContent {
  margin-bottom: 0 !important;
}
#colorbox,
#cboxWrapper,
#cboxContent {
  overflow: visible !important;
}
#cboxMiddleLeft {
  width: 10px !important;
  background: #fff !important;
}
#cboxMiddleRight {
  width: 10px !important;
  background: #fff !important;
}
#cboxTopCenter {
  height: 10px !important;
  background: #fff !important;
  background-image: none !important;
}
#cboxBottomCenter {
  height: 10px !important;
  background: #fff !important;
}
#cboxClose {
  position: absolute;
  top: -20px;
  right: -29px !important;
  z-index: 10000;
}
#cboxLoadedContent {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
/** +++ COLOR BOX STYLE +++ **/
#cboxLoadedContent .lightbox {
  box-sizing: border-box;
  max-height: 600px;
}
#cboxLoadedContent .lightbox.lb-small {
  width: 390px;
  padding: 26px;
}
#cboxLoadedContent .lightbox.lb-small .lb-head {
  margin-bottom: 15px;
}
#cboxLoadedContent .lightbox.lb-medium {
  width: 520px;
  padding: 34px;
}
#cboxLoadedContent .lightbox.lb-big {
  width: 640px;
  padding: 34px 52px;
}
#cboxLoadedContent .lightbox .lb-head {
  margin-bottom: 30px;
}
#cboxLoadedContent .lightbox .buttonWrapper {
  text-align: center;
  margin: 30px auto 0;
}
#cboxLoadedContent .lightbox .buttonWrapper :nth-child(2) {
  margin-left: 40px;
}
.bounceElement {
  position: relative;
  -webkit-animation: bounce 0.7s ease-out;
  -moz-animation: bounce 0.7s ease-out;
  -o-animation: bounce 0.7s ease-out;
  animation: bounce 0.7s ease-out;
}
/* Webkit, Chrome and Safari */
@-webkit-keyframes bounce {
  5% {
    -webkit-transform: translateY(-4px);
  }
  20% {
    -webkit-transform: translateY(3px);
  }
  35% {
    -webkit-transform: translateY(-4px);
  }
  50% {
    -webkit-transform: translateY(3px);
  }
  65% {
    -webkit-transform: translateY(-4px);
  }
  80% {
    -webkit-transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(0px);
  }
}
/* Opera 12.0 */
@-o-keyframes bounce {
  5% {
    -o-transform: translateY(-4px);
  }
  20% {
    -o-transform: translateY(3px);
  }
  35% {
    -o-transform: translateY(-4px);
  }
  50% {
    -o-transform: translateY(3px);
  }
  65% {
    -o-transform: translateY(-4px);
  }
  80% {
    -o-transform: translateY(3px);
  }
  90% {
    -o-transform: translateY(0px);
  }
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  5% {
    -moz-transform: translateY(-4px);
  }
  20% {
    -moz-transform: translateY(3px);
  }
  35% {
    -moz-transform: translateY(-4px);
  }
  50% {
    -moz-transform: translateY(3px);
  }
  65% {
    -moz-transform: translateY(-4px);
  }
  80% {
    -moz-transform: translateY(3px);
  }
  90% {
    -moz-transform: translateY(0px);
  }
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  5% {
    transform: translateY(-4px);
  }
  20% {
    transform: translateY(3px);
  }
  35% {
    transform: translateY(-4px);
  }
  50% {
    transform: translateY(3px);
  }
  65% {
    transform: translateY(-4px);
  }
  80% {
    transform: translateY(3px);
  }
  90% {
    transform: translateY(0px);
  }
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
#headHints .headerHint {
  margin: 0 auto;
  padding: 12px 30px 12px 0;
  max-width: 940px;
  -webkit-box-sizing: border-box;
  -webkit-user-select: text;
  -moz-box-sizing: border-box;
  -moz-user-select: text;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
#headHints .headerHint .hintText {
  padding-left: 50px;
  text-align: left;
}
#headHints .headerHint .hintDelete span {
  position: absolute;
  right: 10px;
}
#headHints .headerHint .mole {
  display: inline-block;
  width: 65px;
  height: 38px;
  background: url('../images/modules/im_65x38_mole.png') bottom left no-repeat;
  position: relative;
  top: 3px;
  float: left;
  margin-bottom: -37px;
}
#headHints .headerHint > span {
  padding-left: 50px;
  width: auto;
  display: inline-block;
}
#headHints .headerHint > span span {
  padding-top: 12px;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  font-weight: bold;
}
#headHints .headerHint.hidden {
  display: none;
}
#headHints .headerHint.leftAlign {
  text-align: left;
  padding-left: 30px;
}
#headHints .headerHint.asMiddleText > span span {
  padding-top: 3px;
}
#headHints .headerHint#ie_deprecation_banner .hintText,
#headHints .headerHint#cookieBanner .hintText {
  padding-left: 0;
}
#headHints .headerHint#ie_deprecation_banner .bannerText,
#headHints .headerHint#cookieBanner .bannerText {
  padding-left: 35px;
  float: left;
  width: 530px;
}
#headHints .headerHint#ie_deprecation_banner .bannerButtons,
#headHints .headerHint#cookieBanner .bannerButtons {
  display: inline-block;
  margin-top: 3px;
  padding-left: 75px;
}
#headHints .softshadow {
  -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2) inset;
  border-top: 1px solid #B9C0C6;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 4px;
}
#headHints .softshadow.hidden {
  visibility: hidden;
}
@media (max-width: 1280px) {
  #headHints .headerHint {
    font-size: 12px;
  }
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/* CSS for navi_right/charityBox.xhtml
*/
#rightContent #charityBox {
  color: #434343;
  font-size: 11px;
  line-height: 14px;
}
#rightContent #charityBox .boldText {
  font-weight: bold;
  padding-right: 4px;
}
#rightContent #charityBox .charityLink {
  font-size: 9px;
  text-align: center;
  display: block;
}
/* css for the navi_right/customerService.xhtml:
*  different for the languages
*/
#rightContent #customerServiceBox a {
  font-size: 9px;
}
#rightContent #customerServiceBox .emailLink {
  font-size: 9px;
  text-align: center;
  display: block;
}
#rightContent #customerServiceBox .firstTextPosition {
  padding: 5px 5px 0;
  line-height: 12px;
}
body[lang=fr] #rightContent #customerServiceBox .firstTextPosition {
  padding: 5px 0 0 0;
}
#rightContent #customerServiceBox .arrowImg {
  padding: 5px 0 0 5px;
  position: relative;
  top: 1px;
}
#rightContent #customerServiceBox .arrowTeaserText {
  font-size: 12px;
  font-weight: bold;
  padding-left: 3px;
  white-space: nowrap;
}
#rightContent #customerServiceBox .teaserSubText {
  font-size: 9px;
  padding-left: 3px;
}
#rightContent #customerServiceBox .customerServiceImg {
  padding-top: 5px;
}
/* CSS for emailValidationBox.xhtml
*/
#rightContent #emailValidationBox {
  background: url('../images/teaser/im_138x154_mail.jpg') no-repeat;
}
#rightContent #emailValidationBox div.emailValidationLinkContent {
  padding: 82px 6px 24px 11px;
}
#rightContent #emailValidationBox div.emailValidationLinkContent span {
  font-size: 11px;
  color: #333;
  letter-spacing: -0.01em;
}
/* CSS for navi_right/fairnessGurantee.xhtml
*/
#rightContent #fairnessGuaranteeBox ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 12px !important;
}
#rightContent #fairnessGuaranteeBox li {
  color: #434343;
  font-size: 9px;
  padding-left: 4px;
}
#rightContent #fairnessGuaranteeBox a {
  font-size: 9px;
}
/* CSS for newsletterPromoBox.xhtml
*/
#rightContent #newsletterPromoBox {
  background: url('../images/teaser/im_138x154_newsletter.jpg') no-repeat;
}
#rightContent #newsletterPromoBox ul {
  padding: 78px 9px 10px;
  margin: 0;
}
#rightContent #newsletterPromoBox ul li {
  list-style-position: inside;
  color: #fd850f;
}
#rightContent #newsletterPromoBox ul li .elementText {
  color: #333;
  margin-left: -5px;
}
#rightContent #newsletterPromoBox a {
  padding-left: 9px;
}
#rightContent .box {
  margin-bottom: 10px;
  overflow: hidden;
}
/* height of boxes*/
#rightContent .one_box {
  /* reference size */
  height: 85px;
}
#rightContent.two_box {
  /* 2*one + 1*gutter */
  height: 180px;
}
#rightContent.four_box {
  /* 4*one + 3*gutter */
  height: 370px;
}
/* gutter between boxes */
#rightContent .one_box,
#rightContent .two_box,
#rightContent .four_box {
  margin-bottom: 10px;
  overflow: hidden;
}
/*some generic style classes*/
.block {
  display: block;
}
.rightAlign {
  text-align: right;
}
.leftAlign {
  text-align: left;
}
.centerAlign {
  text-align: center;
}
.clear {
  clear: both;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.pointer {
  cursor: pointer;
}
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
object {
  display: block;
}
/* --------------------- header, navi, footer und stuff ------------------------- */
/* >>>>>>>>>>>>> header >>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<< header <<<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> menu_left >>>>>>>>>>>>>> */
#leftContent {
  float: left;
  margin-right: 20px;
  width: 220px;
}
#leftContent #topGameImageContainer {
  display: block;
  height: 84px;
  padding: 0;
  position: relative;
  border-bottom: none;
  border-top: 1px solid white;
}
#leftContent #topGameImageContainer .ribbonTop {
  position: absolute;
  top: 0;
  right: 0;
}
#leftContent #topGameImageContainer .newGameLogo {
  display: block;
  position: relative;
  top: 5px;
  left: 50px;
}
/* <<<<<<<<<<<<< menu_left <<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> menu_right >>>>>>>>>>>>> */
#rightContentSmall,
#rightContent {
  float: left;
  margin-left: 20px;
}
#rightContent {
  width: 220px;
}
#rightContentSmall {
  width: 160px;
}
/* <<<<<<<<<<<<< menu_right <<<<<<<<<<<<< */
/* >>>>>>>>>>>>> content >>>>>>>>>>>>>>>> */
#centerContentSmall {
  width: 520px;
  float: left;
}
#content {
  width: 940px;
  margin: auto;
  position: relative;
}
/*has to be the maximum game width*/
#content #game {
  width: 800px;
}
#centerContent {
  width: 700px;
  float: left;
}
/* <<<<<<<<<<<<< content <<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> popup_template >>>>>>>>>>>>>>>>> */
#popup_template,
#popup_template_footer {
  width: 620px;
}
#popup_template_footer {
  text-align: center;
}
#popup_template_footer div.closeButton {
  display: inline-block;
  padding-top: 5px;
  text-align: center;
}
/* >>>>>>>>>>>>> gameContent >>>>>>>>>>>>>>>>> */
#gameContent {
  width: 800px;
  margin: auto auto 10px;
  position: relative;
}
#gameContent.scaleToFull {
  width: 100%;
  height: 100%;
}
#gameContent #playGame {
  position: relative;
  margin: auto;
}
/*Overwrite the default height*/
#emptyHeader #navi_top {
  height: 103px !important;
}
/* <<<<<<<<<<<<< gameContent <<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>> noNavContent >>>>>>>>>>>>>>>>> */
#noNav #content {
  width: auto;
  margin: auto auto 10px;
  position: relative;
}
/*Overwrite the default height*/
#noNav #emptyHeader #navi_top {
  height: 90px !important;
}
#noNav #emptyHeader #navi_top #gdLogos {
  margin-left: 10px;
}
/* <<<<<<<<<<<<< noNav <<<<<<<<<<<<<<<< */
div #moreContent {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
/*
* All CSS definition must be available under the id rightContent.
* Be sure that we have no conflicts with other CSS styles definitions.
* Keep in mind: when we create maybe one css for all pages we have some trouble when we have no unique styles.
* This #rightContent styles are not used anymore on the homepage - I don't now who uses this
*/
#rightContent .imageContentContainer {
  border-top: none;
  margin-bottom: 10px;
  height: 154px;
}
#rightContent .contentContainer {
  border-top: none;
  height: 155px;
  width: 138px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
#rightContent .smallContentContainer {
  border-top: none;
  height: 52px;
  width: 130px;
  background-color: #ffffff;
  padding: 4px;
  margin-bottom: 10px;
}
/* For the first box add a rounded border on right side */
#rightContent > div:first-child {
  -webkit-border-top-right-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
#rightContent .dottedList {
  margin: 0;
  padding: 0;
  /* TODO color */
  color: #b3b5b4;
  list-style-type: disc;
  list-style-position: inside;
}
#rightContent .dottedList li {
  margin: 0;
  padding: 0;
  /* TODO color */
  color: #B3B5B4;
  line-height: 15px;
  list-style-type: disc;
  list-style-position: inside;
}
#rightContent .dottedList li a {
  margin-left: -4px;
}
/*condolence ribbon will replace any poweredByLogo */
body.blackRibbon .animCont {
  display: none;
}
body.blackRibbon #gdLogos #poweredByLogo {
  background: 0px 20px url('../images/generic/blackRibbon.png') no-repeat;
  display: block;
}
body.blackRibbon #gdLogos #poweredByLogo span {
  display: none;
}
/*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
/*
 * styling for the navi_top
 */
@keyframes animIn {
  100% {
    width: 100%;
  }
}
/* #################### GENERIC STYLE #######################*/
#navigation_top {
  background: none #FFF;
  width: 100%;
  margin-bottom: 10px;
  height: auto !important;
  border-bottom: 1px solid #BEC7CC;
}
/* #################### NEW STYLE #######################*/
#navigation_top #navigationTabs {
  display: flex;
  align-items: flex-end;
}
#navigation_top #navigationTabs > * {
  background: #F5FAFC;
  border-left: 1px solid #CBD4D9;
  border-top: 1px solid #CBD4D9;
  border-bottom: 1px solid #CBD4D9;
  font-size: 14px;
  padding: 0.7em 1.5em;
  color: #313A3F;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.1s;
  box-sizing: border-box;
  margin-top: 0.4em;
  text-align: center;
  cursor: pointer;
}
#navigation_top #navigationTabs > * * {
  -moz-user-select: none;
  user-select: none;
}
#navigation_top #navigationTabs > *:before {
  content: attr(alt);
  font-weight: bold;
  display: block;
  height: 1px;
  visibility: hidden;
}
#navigation_top #navigationTabs > *:first-child {
  border-top-left-radius: 3px;
}
#navigation_top #navigationTabs > *:last-child {
  border-top-right-radius: 3px;
  border-right: 1px solid #CBD4D9;
}
#navigation_top #navigationTabs > *:after {
  transition: all 0.1s;
  content: " ";
  position: absolute;
  width: 0;
  height: 1px;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -1px;
  background: #CE2830;
  z-index: 1;
}
#navigation_top #navigationTabs > *:hover,
#navigation_top #navigationTabs > *.active:hover {
  color: #CE2830;
}
#navigation_top #navigationTabs > *:hover:after,
#navigation_top #navigationTabs > *.active:hover:after {
  width: 100%;
}
#navigation_top #navigationTabs > *.active,
#navigation_top #navigationTabs > *.active:active,
#navigation_top #navigationTabs > *.active:hover {
  margin-top: 0;
  background: #F5FAFC;
  border-top-left-radius: 3px;
  border-right: 1px solid #CBD4D9;
  box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.2);
  border-top-right-radius: 3px;
  padding: 0.7em 1.5em 1.1em 1.5em;
  z-index: 1;
  font-weight: bold;
  border-bottom: none;
  position: relative;
  color: #313A3F;
}
#navigation_top #navigationTabs > *.active + *,
#navigation_top #navigationTabs > *.active:active + *,
#navigation_top #navigationTabs > *.active:hover + * {
  border-left: none;
}
#navigation_top #navigationTabs > *.active:after,
#navigation_top #navigationTabs > *.active:active:after,
#navigation_top #navigationTabs > *.active:hover:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.4em;
  left: 0;
  transform: translate(0, 0);
  bottom: 0px;
  background: #CE2830;
  z-index: 1;
}
#navigation_top #navigationTabs > *:active {
  box-shadow: none;
  background: #ecf2f5;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.3) inset;
  position: relative;
}
#navigation_top #navigationTabs > *:active:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.1em;
  left: 50%;
  bottom: -1px;
  background: #CE2830;
}
#navigation_top #navigationTabs > *[disabled],
#navigation_top #navigationTabs > *.disabled,
#navigation_top #navigationTabs > *[disabled]:hover,
#navigation_top #navigationTabs > *.disabled:hover,
#navigation_top #navigationTabs > *[disabled].hover,
#navigation_top #navigationTabs > *.disabled.hover,
#navigation_top #navigationTabs > *[disabled].pressed,
#navigation_top #navigationTabs > *.disabled.pressed,
#navigation_top #navigationTabs > *[disabled]:active,
#navigation_top #navigationTabs > *.disabled:active {
  box-shadow: none;
  opacity: 0.5;
  background: #F5FAFC;
  cursor: not-allowed;
}
#navigation_top #navigationTabs > *[disabled]:hover,
#navigation_top #navigationTabs > *.disabled:hover,
#navigation_top #navigationTabs > *[disabled]:hover:hover,
#navigation_top #navigationTabs > *.disabled:hover:hover,
#navigation_top #navigationTabs > *[disabled].hover:hover,
#navigation_top #navigationTabs > *.disabled.hover:hover,
#navigation_top #navigationTabs > *[disabled].pressed:hover,
#navigation_top #navigationTabs > *.disabled.pressed:hover,
#navigation_top #navigationTabs > *[disabled]:active:hover,
#navigation_top #navigationTabs > *.disabled:active:hover {
  color: #313A3F;
}
#navigation_top #navigationTabs > *[disabled]:after,
#navigation_top #navigationTabs > *.disabled:after,
#navigation_top #navigationTabs > *[disabled]:hover:after,
#navigation_top #navigationTabs > *.disabled:hover:after,
#navigation_top #navigationTabs > *[disabled].hover:after,
#navigation_top #navigationTabs > *.disabled.hover:after,
#navigation_top #navigationTabs > *[disabled].pressed:after,
#navigation_top #navigationTabs > *.disabled.pressed:after,
#navigation_top #navigationTabs > *[disabled]:active:after,
#navigation_top #navigationTabs > *.disabled:active:after {
  width: 0;
}
#navigation_top #navigationTabs > * span {
  position: relative;
  z-index: 1;
}
body.loyalty.SILVER #navigation_top #navigationTabs,
#navigation_top #navigationTabs.loyalty-silver {
  display: flex;
  align-items: flex-end;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *,
#navigation_top #navigationTabs.loyalty-silver > * {
  background: #F5FAFC;
  border-left: 1px solid #CBD4D9;
  border-top: 1px solid #CBD4D9;
  border-bottom: 1px solid #CBD4D9;
  font-size: 14px;
  padding: 0.7em 1.5em;
  color: #313A3F;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.1s;
  box-sizing: border-box;
  margin-top: 0.4em;
  text-align: center;
  border-top: 1px solid #7f9aba;
  cursor: pointer;
}
body.loyalty.SILVER #navigation_top #navigationTabs > * *,
#navigation_top #navigationTabs.loyalty-silver > * * {
  -moz-user-select: none;
  user-select: none;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:before,
#navigation_top #navigationTabs.loyalty-silver > *:before {
  content: attr(alt);
  font-weight: bold;
  display: block;
  height: 1px;
  visibility: hidden;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:first-child,
#navigation_top #navigationTabs.loyalty-silver > *:first-child {
  border-top-left-radius: 3px;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:last-child,
#navigation_top #navigationTabs.loyalty-silver > *:last-child {
  border-top-right-radius: 3px;
  border-right: 1px solid #CBD4D9;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:after,
#navigation_top #navigationTabs.loyalty-silver > *:after {
  transition: all 0.1s;
  content: " ";
  position: absolute;
  width: 0;
  height: 1px;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -1px;
  background: #CE2830;
  z-index: 1;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:hover,
#navigation_top #navigationTabs.loyalty-silver > *:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover {
  color: #CE2830;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:hover:after,
#navigation_top #navigationTabs.loyalty-silver > *:hover:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover:after {
  width: 100%;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *.active,
#navigation_top #navigationTabs.loyalty-silver > *.active,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:active,
#navigation_top #navigationTabs.loyalty-silver > *.active:active,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover {
  margin-top: 0;
  background: #F5FAFC;
  border-top-left-radius: 3px;
  border-right: 1px solid #CBD4D9;
  box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.2);
  border-top-right-radius: 3px;
  padding: 0.7em 1.5em 1.1em 1.5em;
  z-index: 1;
  font-weight: bold;
  border-bottom: none;
  position: relative;
  color: #313A3F;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *.active + *,
#navigation_top #navigationTabs.loyalty-silver > *.active + *,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:active + *,
#navigation_top #navigationTabs.loyalty-silver > *.active:active + *,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover + *,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover + * {
  border-left: none;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:active:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:active:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.4em;
  left: 0;
  transform: translate(0, 0);
  bottom: 0px;
  background: #CE2830;
  z-index: 1;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:active,
#navigation_top #navigationTabs.loyalty-silver > *:active {
  box-shadow: none;
  background: #ecf2f5;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.3) inset;
  position: relative;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:active:after,
#navigation_top #navigationTabs.loyalty-silver > *:active:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.1em;
  left: 50%;
  bottom: -1px;
  background: #CE2830;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled],
#navigation_top #navigationTabs.loyalty-silver > *[disabled],
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled,
#navigation_top #navigationTabs.loyalty-silver > *.disabled,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled].hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled].hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled.hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled.hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled].pressed,
#navigation_top #navigationTabs.loyalty-silver > *[disabled].pressed,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled.pressed,
#navigation_top #navigationTabs.loyalty-silver > *.disabled.pressed,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:active,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:active,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:active,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:active {
  box-shadow: none;
  opacity: 0.5;
  background: #F5FAFC;
  cursor: not-allowed;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:hover:hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:hover:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:hover:hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:hover:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled].hover:hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled].hover:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled.hover:hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled.hover:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled].pressed:hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled].pressed:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled.pressed:hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled.pressed:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:active:hover,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:active:hover,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:active:hover,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:active:hover {
  color: #313A3F;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:after,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:after,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:hover:after,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:hover:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:hover:after,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:hover:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled].hover:after,
#navigation_top #navigationTabs.loyalty-silver > *[disabled].hover:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled.hover:after,
#navigation_top #navigationTabs.loyalty-silver > *.disabled.hover:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled].pressed:after,
#navigation_top #navigationTabs.loyalty-silver > *[disabled].pressed:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled.pressed:after,
#navigation_top #navigationTabs.loyalty-silver > *.disabled.pressed:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *[disabled]:active:after,
#navigation_top #navigationTabs.loyalty-silver > *[disabled]:active:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.disabled:active:after,
#navigation_top #navigationTabs.loyalty-silver > *.disabled:active:after {
  width: 0;
}
body.loyalty.SILVER #navigation_top #navigationTabs > * span,
#navigation_top #navigationTabs.loyalty-silver > * span {
  position: relative;
  z-index: 1;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:first-child,
#navigation_top #navigationTabs.loyalty-silver > *:first-child {
  border-left: 1px solid #7f9aba;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:last-child,
#navigation_top #navigationTabs.loyalty-silver > *:last-child {
  border-right: 1px solid #7f9aba;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:after,
#navigation_top #navigationTabs.loyalty-silver > *:after {
  background: #7f9aba;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:hover,
#navigation_top #navigationTabs.loyalty-silver > *:hover {
  color: #246DB5;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *.active,
#navigation_top #navigationTabs.loyalty-silver > *.active,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:active,
#navigation_top #navigationTabs.loyalty-silver > *.active:active,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover {
  border-right: 1px solid #7f9aba;
  border-left: 1px solid #7f9aba;
  box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(#ebf5ff 50%, #a8cdff 100%);
  color: #314e6b;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:active:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:active:after,
body.loyalty.SILVER #navigation_top #navigationTabs > *.active:hover:after,
#navigation_top #navigationTabs.loyalty-silver > *.active:hover:after {
  background: #7f9aba;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:active,
#navigation_top #navigationTabs.loyalty-silver > *:active {
  position: relative;
}
body.loyalty.SILVER #navigation_top #navigationTabs > *:active:after,
#navigation_top #navigationTabs.loyalty-silver > *:active:after {
  box-shadow: none;
  background: #7f9aba;
}
body.loyalty.GOLD #navigation_top #navigationTabs,
#navigation_top #navigationTabs.loyalty-gold {
  display: flex;
  align-items: flex-end;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *,
#navigation_top #navigationTabs.loyalty-gold > * {
  background: #F5FAFC;
  border-left: 1px solid #CBD4D9;
  border-top: 1px solid #CBD4D9;
  border-bottom: 1px solid #CBD4D9;
  font-size: 14px;
  padding: 0.7em 1.5em;
  color: #313A3F;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.1s;
  box-sizing: border-box;
  margin-top: 0.4em;
  text-align: center;
  border-top: 1px solid #bb9a00;
  cursor: pointer;
}
body.loyalty.GOLD #navigation_top #navigationTabs > * *,
#navigation_top #navigationTabs.loyalty-gold > * * {
  -moz-user-select: none;
  user-select: none;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:before,
#navigation_top #navigationTabs.loyalty-gold > *:before {
  content: attr(alt);
  font-weight: bold;
  display: block;
  height: 1px;
  visibility: hidden;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:first-child,
#navigation_top #navigationTabs.loyalty-gold > *:first-child {
  border-top-left-radius: 3px;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:last-child,
#navigation_top #navigationTabs.loyalty-gold > *:last-child {
  border-top-right-radius: 3px;
  border-right: 1px solid #CBD4D9;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:after,
#navigation_top #navigationTabs.loyalty-gold > *:after {
  transition: all 0.1s;
  content: " ";
  position: absolute;
  width: 0;
  height: 1px;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -1px;
  background: #CE2830;
  z-index: 1;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:hover,
#navigation_top #navigationTabs.loyalty-gold > *:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover {
  color: #CE2830;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:hover:after,
#navigation_top #navigationTabs.loyalty-gold > *:hover:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover:after {
  width: 100%;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *.active,
#navigation_top #navigationTabs.loyalty-gold > *.active,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:active,
#navigation_top #navigationTabs.loyalty-gold > *.active:active,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover {
  margin-top: 0;
  background: #F5FAFC;
  border-top-left-radius: 3px;
  border-right: 1px solid #CBD4D9;
  box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.2);
  border-top-right-radius: 3px;
  padding: 0.7em 1.5em 1.1em 1.5em;
  z-index: 1;
  font-weight: bold;
  border-bottom: none;
  position: relative;
  color: #313A3F;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *.active + *,
#navigation_top #navigationTabs.loyalty-gold > *.active + *,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:active + *,
#navigation_top #navigationTabs.loyalty-gold > *.active:active + *,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover + *,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover + * {
  border-left: none;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:active:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:active:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.4em;
  left: 0;
  transform: translate(0, 0);
  bottom: 0px;
  background: #CE2830;
  z-index: 1;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:active,
#navigation_top #navigationTabs.loyalty-gold > *:active {
  box-shadow: none;
  background: #ecf2f5;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.3) inset;
  position: relative;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:active:after,
#navigation_top #navigationTabs.loyalty-gold > *:active:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.1em;
  left: 50%;
  bottom: -1px;
  background: #CE2830;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled],
#navigation_top #navigationTabs.loyalty-gold > *[disabled],
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled,
#navigation_top #navigationTabs.loyalty-gold > *.disabled,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled].hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled].hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled.hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled.hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled].pressed,
#navigation_top #navigationTabs.loyalty-gold > *[disabled].pressed,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled.pressed,
#navigation_top #navigationTabs.loyalty-gold > *.disabled.pressed,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:active,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:active,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:active,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:active {
  box-shadow: none;
  opacity: 0.5;
  background: #F5FAFC;
  cursor: not-allowed;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:hover:hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:hover:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:hover:hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:hover:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled].hover:hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled].hover:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled.hover:hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled.hover:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled].pressed:hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled].pressed:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled.pressed:hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled.pressed:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:active:hover,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:active:hover,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:active:hover,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:active:hover {
  color: #313A3F;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:after,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:after,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:hover:after,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:hover:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:hover:after,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:hover:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled].hover:after,
#navigation_top #navigationTabs.loyalty-gold > *[disabled].hover:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled.hover:after,
#navigation_top #navigationTabs.loyalty-gold > *.disabled.hover:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled].pressed:after,
#navigation_top #navigationTabs.loyalty-gold > *[disabled].pressed:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled.pressed:after,
#navigation_top #navigationTabs.loyalty-gold > *.disabled.pressed:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *[disabled]:active:after,
#navigation_top #navigationTabs.loyalty-gold > *[disabled]:active:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.disabled:active:after,
#navigation_top #navigationTabs.loyalty-gold > *.disabled:active:after {
  width: 0;
}
body.loyalty.GOLD #navigation_top #navigationTabs > * span,
#navigation_top #navigationTabs.loyalty-gold > * span {
  position: relative;
  z-index: 1;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:first-child,
#navigation_top #navigationTabs.loyalty-gold > *:first-child {
  border-left: 1px solid #bb9a00;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:last-child,
#navigation_top #navigationTabs.loyalty-gold > *:last-child {
  border-right: 1px solid #bb9a00;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:after,
#navigation_top #navigationTabs.loyalty-gold > *:after {
  background: #bb9a00;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:hover,
#navigation_top #navigationTabs.loyalty-gold > *:hover {
  color: #A85414;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *.active,
#navigation_top #navigationTabs.loyalty-gold > *.active,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:active,
#navigation_top #navigationTabs.loyalty-gold > *.active:active,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover {
  border-right: 1px solid #bb9a00;
  border-left: 1px solid #bb9a00;
  box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(#f2e7bf 50%, #eccc71 100%);
  color: #705725;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:active:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:active:after,
body.loyalty.GOLD #navigation_top #navigationTabs > *.active:hover:after,
#navigation_top #navigationTabs.loyalty-gold > *.active:hover:after {
  background: #bb9a00;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:active,
#navigation_top #navigationTabs.loyalty-gold > *:active {
  position: relative;
}
body.loyalty.GOLD #navigation_top #navigationTabs > *:active:after,
#navigation_top #navigationTabs.loyalty-gold > *:active:after {
  box-shadow: none;
  background: #bb9a00;
}
#navigation_top #fixedWidthCenterContainer,
#navigation_top .fixedWidthCenterContainer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
  margin-bottom: -1px;
}
#navigation_top #fixedWidthCenterContainer.noTabs {
  height: 80px;
}
#gdfooter {
  background: #F5FAFC;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2em;
  border-top: 1px solid #BEC7CC;
  font-size: 12px;
  margin-top: 40px;
  text-align: center;
  transition: all 600ms;
  transition: background-color 300ms;
}
#gdfooter * {
  transition: background-color 300ms, height 300ms;
}
.tpl-minimal#gdfooter,
.tpl-minimal #gdfooter {
  border-color: transparent;
  background-color: transparent;
}
.tpl-minimal#gdfooter .mobile-link,
.tpl-minimal #gdfooter .mobile-link {
  visibility: hidden;
}
#gdfooter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
#gdfooter a {
  text-decoration: none;
  cursor: pointer;
}
#gdfooter a:hover {
  text-decoration: underline;
}
#gdfooter .copyright {
  margin: 1em 0;
}
#gdfooter .mobile-link {
  text-align: center;
  margin: 1.6em 0 1em 0;
}
#gdfooter .mobile-link a {
  position: relative;
}
#gdfooter .mobile-link a:after {
  position: absolute;
}
#gdfooter .bbbLogo {
  float: left;
  margin-top: 3px;
  height: 40px;
  position: absolute;
}
#sectionFooterNavigation a {
  color: #313A3F;
}
#sectionFooterNavigation a:hover {
  text-decoration: none;
}
#sectionFooterNavigation li {
  margin: 1em 0;
  padding: 0 .8em;
  border-right: 1px solid #313A3F;
  border-left: 0;
}
#sectionFooterNavigation li:last-child {
  border-right: none;
}
.tpl-minimal #sectionFooterNavigation {
  height: 0;
  overflow: hidden;
}
#sectionFooterNavigation #bottomnav {
  border-bottom: 1px solid #BEC7CC;
}
#locales {
  margin: 0.8em;
}
.tpl-minimal #locales {
  height: 0;
  overflow: hidden;
}
#locales li {
  border: 0;
  line-height: 20px;
  margin: 1em .8em;
}
#locales a {
  padding-left: 1.7em;
}
#locales .us_flag,
#locales .uk_flag,
#locales .fr_flag,
#locales .nl_flag,
#locales .se_flag,
#locales .dk_flag,
#locales .de_flag,
#locales .at_flag {
  width: 17px;
  height: 13px;
  background: top left no-repeat;
}
#locales .us_flag {
  background-image: url(../assets/flags/us.png);
}
#locales .uk_flag {
  background-image: url(../assets/flags/uk.png);
}
#locales .fr_flag {
  background-image: url(../assets/flags/fr.png);
}
#locales .nl_flag {
  background-image: url(../assets/flags/nl.png);
}
#locales .se_flag {
  background-image: url(../assets/flags/se.png);
}
#locales .dk_flag {
  background-image: url(../assets/flags/dk.png);
}
#locales .de_flag {
  background-image: url(../assets/flags/de.png);
}
#locales .at_flag {
  background-image: url(../assets/flags/at.png);
}
/********* navi left community styles */
#leftContent #inputWrapper.base.input {
  position: relative;
}
#leftContent input.generic_sprite.ic_searchfield {
  background-position: 190px -525px;
  width: 198px;
  height: 17px;
}
#leftContent #navi_left_community .gameMenuList {
  margin-bottom: 0;
}
#leftContent #navi_left_community .magnifierimage {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 6px;
}
#leftContent #navi_left_community .displayNone {
  display: none;
}