/* Gamebox widget */

#widget-gamebox {
    background: #fff;
}

#widget-gamebox .direction-button {
	width:72px;
	height:50px;
	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 .payout-text {
    font-size:14px;
    color:#666;
    float:left;
    width:150px;
    text-align:center;
}

#widget-gamebox .spot {
    float:left;
    padding: 7px 10px;
    background:#fff;
    border:1px solid #cbcbcb;
    font-size:11px;
    text-align:center;
    display:block;
    width: 72px;
    margin: 7px 0 10px 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:#f8f8f8 !important;
    border:none !important;
    width:150px !important;
    height:24px !important;
    float:left !important;
    -webkit-box-shadow:inset 0px 0px 8px 0px #c2d9e3 !important;
    -moz-box-shadow:inset 0px 0px 8px 0px #c2d9e3 !important;
    box-shadow:inset 0px 0px 8px 0px #c2d9e3 !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 !important;
}

#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:24px;
    height:16px;
}

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

/* Asset-index widget */

#widget-asset-index #asset-index-filter {
	background:#909090 !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#909090), to(#575757)) !important;
	background:-webkit-linear-gradient(top, #909090, #575757) !important;
	background:-moz-linear-gradient(top, #909090, #575757) !important;
	background:-o-linear-gradient(top, #909090, #575757) !important;
	background:linear-gradient(to bottom, #909090, #575757) !important;
	border:none !important;
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#widget-asset-index #asset-index-filter .active {
	color:#fff;
	border-left:0;
	border-right:0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#383838;
}
#widget-asset-index #asset-index-filter a {
	font-size:12px;
	text-decoration:none;
	float:left;
	color:#fff !important;
	padding:8px 15px !important;
	text-shadow: none;
	margin-left:0;
}

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

/* Expiry-prices widget */

#widget-expiry-prices #date-picker {
	background:#909090 !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#909090), to(#575757)) !important;
	background:-webkit-linear-gradient(top, #909090, #575757) !important;
	background:-moz-linear-gradient(top, #909090, #575757) !important;
	background:-o-linear-gradient(top, #909090, #575757) !important;
	background:linear-gradient(to bottom, #909090, #575757) !important;
	border:none !important;
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 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: #fff;
	background: #333;
	text-shadow:none;
}
#widget-expiry-prices #pagination .button:hover {
	background:#49b4fe !important;
	border:1px solid #269cd7;
	color:#fff;
}
#widget-expiry-prices #pagination .button.pressed {
	color: #fff;
	background:#b1b3b5 !important;
	border:1px solid #9b9da0 !important;
}