/* Gamebox widget */

#widget-gamebox {
    background: white;
}

#widget-gamebox .direction-button {
    width:53px;
    height:53px;
    text-decoration:none;
    margin:0 10px 5px;
    display:block;
    overflow:hidden;
    text-indent:-5555px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#widget-gamebox .direction-button.call, #widget-gamebox .direction-button.call:active {
    background:url(../images/call_put_btn_sprite.png) no-repeat top left !important;
    border:none !important;
}

#widget-gamebox .direction-button.call:hover {
    background:url(../images/call_put_btn_sprite.png) no-repeat top right !important;
    border:none !important;
}

#widget-gamebox .direction-button.put, #widget-gamebox .direction-button.put:active {
    background:url(../images/call_put_btn_sprite.png) no-repeat bottom left !important;
    border:none !important;
}

#widget-gamebox .direction-button.put:hover {
    background:url(../images/call_put_btn_sprite.png) no-repeat bottom right !important;
    border:none !important;
}

#widget-gamebox #payout-wrapper {
    font-size:60px;
    color:#333;
    float:left;
    text-decoration:none;
    margin:-20px 20px 0;
    width:150px;
}

#widget-gamebox .spot {
    float:left;
    padding: 7px 10px;
    background:#fff;
    border:1px solid #cbcbcb;
    font-size:11px;
    width:40px;
    text-align:center;
    display:block;
    width: 72px;
    margin: 7px 0 10px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

#widget-gamebox .trend-up {
    color: #4F900F;
}

#widget-gamebox .trend-down {
    color: #EB4823;
}

#widget-gamebox #game-expiry-box, #widget-gamebox #instrument-box {
    padding:2px 15px;
    background:#fff;
    border:1px solid #cbcbcb;
    font-size:11px;
    width:150px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

#widget-gamebox .x-progress-default {
    background:#dadada !important;
    border:none !important;
    width:150px !important;
    height:24px !important;
    float:left !important;
    -webkit-box-shadow:inset 0px 0px 15px 0px #ccc !important;
    -moz-box-shadow:inset 0px 0px 15px 0px #ccc !important;
    box-shadow:inset 0px 0px 15px 0px #ccc !important;
    border-radius:20px !important;
    -webkit-border-radius:20px !important;
    -moz-border-radius:20px !important;
}

#widget-gamebox #closing-progress-bar-container .x-progress-text {
    color:#333;
}

#widget-gamebox .x-progress-bar {
    background-image:url(../images/time_bar_bg.jpg) !important;
    height:16px !important;
    margin:0 !important;

    display:block !important;
    float:left !important;
    border:none !important;
    -webkit-box-shadow:inset 0px 0px 2px 0px #999;
    -moz-box-shadow:inset 0px 0px 2px 0px #999;
    box-shadow:inset 0px 0px 2px 0px #999;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

#widget-gamebox .call-small-icon {
    display:inline-block;
    background:url(../images/buttons_small.png) no-repeat top center;
    width:16px;
    height:16px;
}

#widget-gamebox .put-small-icon {
    display:inline-block;
    background:url(../images/buttons_small.png) no-repeat bottom center;
    width:16px;
    height:16px;
}

/* Asset-index widget */

#widget-asset-index #asset-index-filter {
    background:#29ba3c !important;
    border:none !important;
    padding:5px;
}

#widget-asset-index #asset-index-filter .active {
    color:#fff;
    background:#49c459;
    background:-moz-linear-gradient(top, #54e066, #49c459) no-repeat #49c459;
    background:-webkit-gradient(linear, left top, left bottom, from(#54e066), to(#49c459)) no-repeat #49c459;
    border-left:0;
    border-right:0;
    text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
}

#widget-asset-index #asset-index-filter a {
    font-size:12px;
    text-decoration:none;
    float:left;
    color:#fff !important;
    padding:12px 15px 12px !important;
    text-shadow: none;
    margin-left:0;
}

#widget-asset-index .game, #widget-asset-index .instrument {
    padding: 10px;
    border-bottom: 1px solid #E8E8E8;
}

/* Expiry-prices widget */

#widget-expiry-prices #date-picker {
    background:#29ba3c !important;
    border:none !important;
    padding:5px;
}

#widget-expiry-prices #date-picker label {
    color:#fff;
    font-weight:bold;
}

#widget-expiry-prices .odd {
    background: #e6e6e6;
}

#widget-expiry-prices .even {
    background: #fefefe;
}

#widget-expiry-prices #pagination .button {
    margin-right: 5px;
    color: #333;
    background: #dddddd;
    background: -moz-linear-gradient(center top, #f8f8f8, #c6cbce);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c6cbce));
    text-decoration:none !important;
}
#widget-expiry-prices #pagination .button:hover {
    background:#49c459;
    background:-moz-linear-gradient(top, #54e066, #49c459) no-repeat #49c459;
    background:-webkit-gradient(linear, left top, left bottom, from(#54e066), to(#49c459)) no-repeat #49c459;
    border:1px solid #29BA3C;
    color:#fff;
    text-shadow:none;
}
#widget-expiry-prices #pagination .button.pressed {
    color: #c2c2c2;
    background:#cbd0d0;
    border:1px solid #cbd0d0;
}