
.ui-effects-transfer { border: 2px dotted gray; }

.widget-rush {

    display: block;

    width: auto;
    height: auto;

    margin: 10px 0 0 0;
    padding: 0 0 0 0;

    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #fff;
    line-height: 15px;

}

.widget-rush .widget-rush-overlay {

    display: none;

    width: 1137px;
    height: 358px;

    position: absolute;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    background-color: #fff;
    border-radius: 5px;

    opacity: 0.7;

    z-index: 3;
}

.widget-rush-overlay .overlay-loading {

    display: inline-block;

    width: 34px;
    height: 34px;

    padding: 0 0 0 0;
    margin: 162px 0 0 552px;

    background: transparent url(/Content/Themes/LotteryWorld/images/load-big.gif) center center no-repeat;
}


.widget-rush .game-container {

    display: inline-block;

    width: auto; /* 778px = 220px + 556px + 2px (border) */
    height: auto; /* 358px = 356px + 2px (border) */

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    border: 1px solid #c7c7c7;
    border-radius: 5px;

    text-align: left;
    vertical-align: top;

}

/* Game Info Area - START */

.widget-rush .game-container .game-info {

    display: inline-block;
    float: left;

    width: 220px;
    height: 356px;

    margin: 0 0 0 0;
    padding: 15px 10px 10px 10px;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

    background: -moz-linear-gradient(331deg, rgba(0, 152, 98, 1) 0%,rgba(28, 181, 127, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 152, 98, 1)), color-stop(100%, rgba(28, 181, 127, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(331deg, rgba(0, 152, 98, 1) 0%, rgba(28, 181, 127, 1)100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(331deg, rgba(0, 152, 98, 1) 0%, rgba(28, 181, 127, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(331deg, rgba(0, 152, 98, 1) 0%, rgba(28, 181, 127, 1)100%); /* ie10+ */
    background: linear-gradient(119deg, rgba(0, 152, 98, 1) 0%, rgba(28, 181, 127, 1)100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009862', endColorstr='#1CB57F',GradientType=1 ); /* ie6-9 */ 

}

.widget-rush .game-container .game-info .game-logo {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: center;

}

.widget-rush .game-container .game-info .game-prize {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: center;
    
    font-size: 16px;
    font-weight: 600;

    text-transform: uppercase;
    line-height: 18px;

}

.game-prize .prize-title { }
.game-prize .prize-value { font-size: 30px; line-height: 32px; font-weight: 700; text-transform: uppercase; }


.widget-rush .game-container .game-info .game-timer {

    display: block;

    width: auto;
    height: auto;

    margin: 20px 0 0 0;
    padding: 0 0 0 0;

    text-align: center;
    
    font-size: 15px;
    font-weight: 500;

    line-height: 17px;

}

.game-timer .timer-title {}
.game-timer .timer-value { font-size: 26px; line-height: 30px; }
.game-timer .timer-footer { margin-top: 30px; font-size: 14px; text-transform: uppercase; }

.game-timer .timer-message { font-size: 16px; font-weight: 600; line-height: 30px; text-transform: uppercase; }

.widget-rush .game-container .game-info .line {

    display: block;

    width: auto;
    height: 1px;

    margin: 10px 0 10px 0;
    padding: 0 0 0 0;

    border-bottom: 1px solid #66ba9a;
}

/* Game Info Area - END */





/* Play Area - START */

.game-container .game-play {

    display: inline-block;
    float: right;

    width: 556px;
    height: 356px;

    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;

    background: #ffffff;

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #000;

}

.game-play .game-title {

    display: block;

    width: auto;
    height: auto;

    margin: 7px 0 30px 0;
    padding: 0 0 0 0;

    text-align: center;

    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #000;
}


.game-play .game-title .title-text { font-size: 20px; font-weight: 600; line-height: 27px; text-transform: uppercase; }
.game-play .game-title .subtitle-text { font-size: 14px; color: #888888; font-weight: 500; line-height: 16px; }


.game-play .game-command {

    display: inline-block;
    position: absolute;

    width: auto;
    height: auto;

    margin: -40px 0 0 194px;
    padding: 0 0 0 0;
        
}

.game-command a.command-magic {

    display: inline-block;

    width: 36px;
    height: 36px;

    border: 1px solid #009862;
    border-radius: 5px;

    background: transparent url(/Media/widgets/widget-rush/TYPE-A/img/command-magic.png) center center no-repeat;
    z-index: 2;

}
.game-command a.command-magic:hover { background-color: #d5fcee; }
.game-command a.command-magic.disabled { background-color: #f7f7f7; cursor: not-allowed; }

/* Play Area - END */





/* Price Area - START */

.widget-rush .price-container {

    display: inline-block;

    width: auto; /* 345px = 343px + 2px (border) */
    height: auto; /* 358px = 356px + 2px (border) */

    margin: 0 0 0 11px;
    padding: 10px 10px 10px 10px;

    border: 1px solid #c7c7c7;
    border-radius: 5px;

    text-align: left;
    vertical-align: top;

}

.widget-rush .price-container .game-price {

    display: inline-block;

    width: 323px;
    height: 338px;

    margin: 0 0 -2px 0;
    padding: 0 0 0 0;

    border-radius: 5px;

    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #000;

}

.game-price .price-title {

    display: block;

    width: auto;
    height: auto;

    margin: 7px 0 30px 0;
    padding: 0 0 0 0;

    text-align: center;

}


.price-title .title-text { font-size: 20px; font-weight: 600; line-height: 27px; text-transform: uppercase; }
.price-title .subtitle-text { font-size: 14px; color: #888888; font-weight: 500; line-height: 16px; }


.game-price .prize-list {

    display: block;

    width: auto;
    height: auto;

    margin: 15px 0 0 0;
    padding: 0 0 0 0;

}

.prize-list .prize-list-item {

    display: block;

    width: auto;
    height: 27px;

    margin: 0px -10px 0 -10px;
    padding: 0 0 0 0;

    background-color: #fff;
        
    font-size: 12px;
    font-weight: 500;
    color: #333;

}
.prize-list .prize-list-item.item-odd { background-color: #f1f1f1; }

.prize-list .prize-list-item div:first-child { display: inline-block; width: 50%; height: 27px; float: left; padding: 5px 40px 0 0; text-align: right; border-right: 1px solid #c7c7c7; }
.prize-list .prize-list-item div:last-child { display: inline-block; width: 50%; height: 27px; float: right; padding: 5px 0 0 40px; text-align: left; }


.game-price .game-command {

    display: block;

    width: auto;
    height: auto;

    margin: 15px 20px 0 20px;
    padding: 0 0 0 0;

    text-align: center;

}

.game-command button {
    width: 100%;
    
    margin: 0 0 0 0;
    padding: 10px 40px;
    
    line-height: 22px;

    cursor: pointer;
}
.game-command button.disabled { cursor: not-allowed !important; }
.game-command button:disabled { background: #c4c0be !important;  cursor: not-allowed !important; }

.game-command .command-info {

    display: block;

    width: auto;
    height: auto;

    margin: 5px 0 0 0;
    padding: 0 0 0 0;

    font-size: 13px;
    color: red;

}

/* Price Area - END */





/* Play & Price Table - START */

.game-play .game-table,
.game-price .price-table {

    display: table;

    width: auto;
    height: auto;

    margin: 0 auto;
    padding: 0 0 0 0;

}

.game-table .game-row,
.price-table .price-row {

    display: table-row;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

}

.game-table .game-row .game-cell,
.price-table .price-row .price-cell {

    display: table-cell;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 9px 12px 0;

    vertical-align: top;
    text-align: left;

    *border: 1px solid gray;

}
.game-table .game-row .game-cell:first-child { padding-right: 27px; }

.game-table .game-row .game-cell div.cell-symbol {

    display: inline-block;

    width: 43px;
    height: 42px;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    background-repeat: no-repeat;
    background-color: none;

}
.game-table .game-row .game-cell div.cell-symbol.spade { background-image: url(/Media/widgets/widget-rush/TYPE-A/img/card-spade.png); }
.game-table .game-row .game-cell div.cell-symbol.heart { background-image: url(/Media/widgets/widget-rush/TYPE-A/img/card-heart.png); }
.game-table .game-row .game-cell div.cell-symbol.club { background-image: url(/Media/widgets/widget-rush/TYPE-A/img/card-club.png); }
.game-table .game-row .game-cell div.cell-symbol.diamond { background-image: url(/Media/widgets/widget-rush/TYPE-A/img/card-diamond.png); }


.game-table .game-row .game-cell a.cell-field,
.price-table .price-row .price-cell a.cell-field {

    display: inline-block;

    width: 43px;
    height: 42px;

    padding: 12px 0 0 0;
    margin: 0 0 0 0;

    border: 1px solid red;

    border-top: none;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #d0d0d0;

    border-radius: 5px;

    background-color: #fff;
    box-shadow: 1px 2px 2px #e9e9e9;

    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #888888;
    font-weight: 600;

    text-align: center;
    vertical-align: middle;

}

.price-table .price-row.cell-bigger-4 .price-cell a.cell-field { width: 50px; }
.price-table .price-row.cell-bigger-5 .price-cell a.cell-field { width: 57px; }

.game-table .game-row .game-cell .cell-field.on,
.price-table .price-row .price-cell .cell-field.on {
    background-color: #009862;
    color: #fff;
}

.game-table .game-row .game-cell a.cell-field:hover,
.price-table .price-row .price-cell a.cell-field:hover { background-color: #d5fcee;}

.game-table .game-row .game-cell .cell-field.on:hover,
.price-table .price-row .price-cell .cell-field.on:hover { background-color: #009862; }

.game-table .game-row .game-cell a.cell-field.disabled,
.price-table .price-row .price-cell a.cell-field.disabled {

    background-color: #f7f7f7;
    cursor: not-allowed;

}

/* Play & Price Table - END */