@CHARSET "UTF-8";
/* gamble card mode: background images for buttons */

.gambleBox.gambleCard.webGamble {
    background-image: url('../../picts/game/1280/gamble/background-32.jpg');
}

.gambleBox.gambleCard.mobileGamble {
    background-image: url('../../picts/game/1280/gamble/background-169.jpg');
}

.gambleBox.gambleCard .gambleWinSign {
    background-image: url('../../picts/game/1280/gamble/card/win_active.png');
}

.gambleBox.gambleCard .gambleWinSignBig {
    background-image: url('../../picts/game/1280/gamble/card/win_big.png');
}

.gambleBox.gambleCard .gambleCardBack {
    background-image: url('../../picts/game/1280/gamble/card/card_back_black.png');
}

.gambleBox.gambleCard .gambleCardBack.backBlack {
    background-image: url('../../picts/game/1280/gamble/card/card_back_black.png');
}

.gambleBox.gambleCard .gambleCardBack.backRed {
    background-image: url('../../picts/game/1280/gamble/card/card_back_red.png');
}

.gambleBox.gambleCard .gambleCardFront.heart {
    background-image: url('../../picts/game/1280/gamble/card/card_heart.png');
}

.gambleBox.gambleCard .gambleCardFront.club {
    background-image: url('../../picts/game/1280/gamble/card/card_club.png');
}

.gambleBox.gambleCard .historyCard.heart {
    background-image: url('../../picts/game/1280/gamble/card/card_heart_small.png');
}

.gambleBox.gambleCard .historyCard.club {
    background-image: url('../../picts/game/1280/gamble/card/card_club_small.png');
}

/* gamble ladder mode: background images for buttons */

.gambleBox.gambleLadder.webGamble {
    background-image: url('../../picts/game/1280/gamble/ladder/risk_background-web.jpg');
}

.gambleBox.gambleLadder.mobileGamble {
    background-image: url('../../picts/game/1280/gamble/ladder/risk_background-mobile.jpg');
}

.gambleBox.gambleLadder #ladderStep-0 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_0.png');
}

.gambleBox.gambleLadder #ladderStep-1 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_1.png');
}

.gambleBox.gambleLadder #ladderStep-2 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_2.png');
}

.gambleBox.gambleLadder #ladderStep-3 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_3.png');
}

.gambleBox.gambleLadder #ladderStep-4 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_4.png');
}

.gambleBox.gambleLadder #ladderStep-5 {
    background-image: url('../../picts/game/1280/gamble/ladder/drawOut/drawOut_lvl_0.png');
}

.gambleBox.gambleLadder #ladderStep-5.party {
    background-image: url('../../picts/game/1280/gamble/ladder/drawOut/drawOut_lvl_0_yellow_white.png');
}

.gambleBox.gambleLadder #ladderStep-6 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_5.png');
}

.gambleBox.gambleLadder #ladderStep-7 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_6.png');
}

.gambleBox.gambleLadder #ladderStep-8 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_7.png');
}

.gambleBox.gambleLadder #ladderStep-9 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_8.png');
}

.gambleBox.gambleLadder #ladderStep-10 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_9.png');
}

.gambleBox.gambleLadder #ladderStep-11 {
    background-image: url('../../picts/game/1280/gamble/ladder/drawOut/drawOut_lvl_1.png');
}

.gambleBox.gambleLadder #ladderStep-11.party {
    background-image: url('../../picts/game/1280/gamble/ladder/drawOut/drawOut_lvl_1_yellow_white.png');
}

.gambleBox.gambleLadder #ladderStep-12 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_10.png');
}

.gambleBox.gambleLadder #ladderStep-13 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_11.png');
}

.gambleBox.gambleLadder #ladderStep-14 {
    background-image: url('../../picts/game/1280/gamble/ladder/steps/risk_lvl_12.png');
}

.gambleBox.gambleLadder .drawOutSign {
    background-image: url('../../picts/game/1280/gamble/ladder/drawOut/arrows_white.png');
}

.gambleBox {
    position: absolute;
    top: 0px;
    height: 604px;
    z-index: 100;
    color: white;
    font-family: 'Roboto Condensed', Arial;
    font-weight: bold;
}

.gambleBox.webGamble {
    left: 40px;
    width: 1200px;
}

.gambleBox.mobileGamble {
    left: 0px;
    width: 1280px;
}

.gambleBox .resultsBox {
    position: absolute;
    left: 0px;
    width: 1200px;
    height: 604px;
}

.gambleBox.mobileGamble .resultsBox {
    left: 40px;
}

.gambleBox .moneyContainer {
    position: absolute;
    top: 93px;
    width: 310px;
    height: 430px;
}

.gambleBox.webGamble .moneyContainer,
.gambleBox.mobileGamble.rightHandMode .moneyContainer {
    left: 66px;
}

.gambleBox.mobileGamble.leftHandMode .moneyContainer {
    right: 66px;
}

.gambleBox .moneyBox,
.gambleBox .gambleHistoryBox {
    position: relative;
    width: 174px;
    padding: 0px 8px;
    margin: 0px auto 32px;
    border: 2px solid #8689CC;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: bold;
}

.gambleBox .gambleWinBox {
    height: 84px;
    position: relative;
}

.gambleBox .gambleHistoryBox {
    height: 84px;
}

.gambleBox .gambleStatusBox {
    height: 150px;
}

.gambleBox .gambleBetBox {
    height: 76px;
    position: relative;
}

.gambleBox .gambleCollectBox {
    height: 60px;
    position: relative;
}

.gambleBox .gambleWinBox .label,
.gambleBox .gambleHistoryBox .label,
.gambleBox .gambleBetBox .label {
    font-size: 19px;
    padding-top: 5px;
}

.gambleBox .gambleCollectBox .label {
    font-size: 16px;
    margin-top: 8px;
}

.gambleBox .moneyBoxValue {
    position: absolute;
    left: 0px;
    bottom: 0px;
    min-width: 174px;
    max-width: 290px;
    overflow: hidden;
    color: #fff600;
}

.gambleBox .moneyBoxValue .moneyText .value .currLeft {
    padding-right: 10px;
}

.gambleBox .moneyBoxValue .moneyText .value .currRight {
    padding-left: 10px;
}

.gambleBox .gambleWinBox .moneyBoxValue {
    font-size: 40px;
    bottom: 8px;
}

.gambleBox .gambleBetBox .moneyBoxValue {
    font-size: 40px;
}

.gambleBox .gambleCollectBox .moneyBoxValue {
    font-size: 32px;
}

.gambleBox .gambleWinBox .moneyBoxValue.smallFont,
.gambleBox .gambleBetBox .moneyBoxValue.smallFont {
    font-size: 36px;
}

.gambleBox .gambleCollectBox .moneyBoxValue.smallFont {
    font-size: 29px;
}

.gambleBox .moneyBoxValue.smallFont .moneyText .value .currLeft {
    padding-right: 6px;
}

.gambleBox .moneyBoxValue.smallFont .moneyText .value .currRight {
    padding-left: 6px;
}

/* gamble card mode */

.gambleBox.gambleCard .gambleCardBox {
    position: absolute;
    left: 462px;
    top: 84px;
    width: 283px;
    height: 436px;
}

.gambleBox.gambleCard .gambleCardBox .gambleCardBack,
.gambleBox.gambleCard .gambleCardBox .gambleCardFront {
    width: 283px;
    height: 436px;
}

.gambleBox.gambleCard .gambleCardBox .gambleCardBack.backRed {
    position: absolute;
    top: 0px;
    z-index: 5;
}

.gambleBox.gambleCard .gambleCardBox .gambleCardFront {
    position: absolute;
    top: 0px;
    z-index: 10;
}

.gambleBox.gambleCard .gambleCardBox .gambleWinSign {
    position: absolute;
    top: 115px;
    z-index: 20;
    left: -72px;
    width: 420px;
    height: 200px;
}

.gambleBox.gambleCard .gambleCardBox .gambleWinSignBig {
    position: absolute;
    top: 115px;
    z-index: 21;
    left: -71px;
    width: 420px;
    height: 200px;
}

.gambleBox.gambleCard .gambleHistoryBox .historyCardBox {
    width: 156px;
    margin: 6px auto 0px;
}

.gambleBox.gambleCard .gambleHistoryBox .historyCard {
    width: 28px;
    height: 44px;
}

.gambleBox.gambleCard .gambleHistoryBox .historyCard+.historyCard {
    margin-left: 4px;
}

.gambleBox.gambleCard .gambleInfo {
    position: absolute;
    left: 462px;
    top: 534px;
    width: 283px;
    height: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #1e51f7;
}

.gambleBox.gambleCard .gambleInfo .value .currLeft {
    padding-right: 2px;
}

.gambleBox.gambleCard .gambleInfo .value .currRight {
    padding-left: 2px;
}

/* gamble ladder mode */

.gambleBox.gambleLadder .gambleWinBox .drawOutSign {
    position: absolute;
    height: 22px;
    top: 42px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center;
}

.gambleBox.gambleLadder .ladderStepsBox {
    position: absolute;
    top: 20px;
    left: 425px;
    width: 349px;
    height: 568px;
}

.gambleBox.gambleLadder .ladderStepsBox .darkText {
    color: black;
}

.gambleBox.gambleLadder .ladderStepsBox>div {
    text-align: center;
    font-size: 34px;
    background-position: bottom;
}

.gambleBox.gambleLadder .ladderStepsBox>div+div {
    margin: -1px auto 0;
}

.gambleBox.gambleLadder .ladderStepsBox>div.flashing {
    background-position: top;
}

.gambleBox.gambleLadder .ladderStepsBox>div.shining {
    background-position: center;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-0 {
    width: 155px;
    height: 37px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-1 {
    width: 158px;
    height: 38px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-2 {
    width: 161px;
    height: 39px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-3 {
    width: 167px;
    height: 36px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-4 {
    width: 173px;
    height: 38px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-5 {
    width: 239px;
    height: 38px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-6 {
    width: 190px;
    height: 37px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-7 {
    width: 199px;
    height: 39px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-8 {
    width: 209px;
    height: 38px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-9 {
    width: 221px;
    height: 37px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-10 {
    width: 235px;
    height: 38px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-11 {
    width: 299px;
    height: 37px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-12 {
    width: 265px;
    height: 38px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-13 {
    width: 285px;
    height: 38px;
    padding-top: 2px;
}

.gambleBox.gambleLadder .ladderStepsBox #ladderStep-14 {
    width: 349px;
    height: 43px;
    padding-top: 10px;
}

/* layout depending on the laguage */

.gambleBox.fi .moneyContainer .gambleBetBox .label {
    font-size: 16px;
}

.gambleBox.hu .moneyContainer .label {
    font-size: 16px;
}

.gambleBox.jp .gambleWinBox .label,
.gambleBox.jp .gambleHistoryBox .label,
.gambleBox.jp .gambleBetBox .label {
    font-size: 18px;
    padding-top: 4px;
}

.gambleBox.pl .gambleWinBox .label,
.gambleBox.pl .gambleHistoryBox .label,
.gambleBox.pl .gambleBetBox .label {
    font-size: 18px;
}

.gambleBox.ru .gambleWinBox .label,
.gambleBox.ru .gambleHistoryBox .label,
.gambleBox.ru .gambleBetBox .label {
    font-size: 17px;
}

.gambleBox.sr .moneyContainer .label {
    font-size: 14px;
}

.gambleBox.th .gambleWinBox .label,
.gambleBox.th .gambleHistoryBox .label,
.gambleBox.th .gambleBetBox .label {
    font-size: 18px;
    padding-top: 4px;
}

.gambleBox.zh .gambleWinBox .label,
.gambleBox.zh .gambleHistoryBox .label,
.gambleBox.zh .gambleBetBox .label {
    font-size: 18px;
    padding-top: 4px;
}