/*form*/
.form {
    border: 1px solid #cccccc;
    padding: 20px;
    border-bottom-left-radius:11px;
    -webkit-border-bottom-left-radius:11px;
    -moz-border-bottom-left-radius:11px;
    border-bottom-right-radius:11px;
    -webkit-border-bottom-right-radius:11px;
    -moz-border-bottom-right-radius:11px;
    background-color: #F2F2F2;
    position:relative;
}
.form:before, .form:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.form:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}



/* CSS reset */
html
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/*body, html {*/
    /*font-family:Arial, Helvetica, sans-serif;*/
    /*-webkit-text-size-adjust:none;*/
/*}*/
ol, ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:''
}
:focus {
    outline:0
}
ins {
    text-decoration:none
}
del {
    text-decoration:line-through
}
table {
    border-collapse:collapse;
    border-spacing:0
}
*:focus {
    outline:none;
}

/* widget registration */

#widget-registration #registration-button, #widget-registration #login-button {
	/*border:none !important;*/
	border-bottom:3px solid #9f5400 !important;
/*	padding:8px 20px !important;
	text-align:center !important;*/
	color:#fff !important;
	text-decoration:none !important;
	/*font-size:14px !important;*/
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.5) !important;
/*	border-radius:5px !important;
	-webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;*/
	background:#c86b01 !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#c86b01), to(#feb401)) !important;
	background:-webkit-linear-gradient(top, #c86b01, #feb401) !important;
	background:-moz-linear-gradient(top, #c86b01, #feb401) !important; 
	background:-o-linear-gradient(top, #c86b01, #feb401) !important; 
	background:linear-gradient(to bottom, #c86b01, #feb401) !important;
        
        width: 100%;
}
#widget-registration #registration-button:hover,
#widget-registration #registration-button:active,
#widget-registration #login-button:hover,
#widget-registration #login-button:active,
#widget-registration .button:hover {
	background:#fcb101 !important;
}

#widget-registration .accept-terms {
	color: #999999;
	font-size:10px;
	text-transform:none !important;
}
#widget-registration .accept-terms a {
	text-decoration: underline;
	color: #86b136;
	font-size:10px;
}

/* 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 .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;
	width:74px !important;
	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:#fff !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 .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 #closing-progress-bar-container .x-progress-text {
	color:#333;
}

#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;
}

/* quick-login widget */

#widget-quick-login .button {
    border: none !important;
    border-bottom: 3px solid #9f5400 !important;
    padding: 8px 20px !important;
    text-align: center !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    background: #c86b01 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#c86b01), to(#feb401)) !important;
    background: -webkit-linear-gradient(top, #c86b01, #feb401) !important;
    background: -moz-linear-gradient(top, #c86b01, #feb401) !important;
    background: -o-linear-gradient(top, #c86b01, #feb401) !important;
    background: linear-gradient(to bottom, #c86b01, #feb401) !important;
}

#widget-quick-login #quick-login-button:hover {
    background:#fcb101 !important;
}

#widget-quick-login #quick-login-forgot-password {
    background: #F2F2F2 !important;
    color: #89B91A !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    text-decoration: underline;
}

/* Asset-index widget */

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

#widget-asset-index #asset-index-filter .active {
	color:#fff;
	border-left:0;
	border-right:0;
}

#widget-asset-index #asset-index-filter a {
	font-size:12px;
	text-decoration:none;
	float:left;
	color:#fff !important;
	padding:5px 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:#86b136 !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: #fff;
	background: #333;
	padding:10px 15px !important;
	text-shadow:none;
}
#widget-expiry-prices #pagination .button:hover {
	background:#628029;
	border:1px solid #a6a6a6;
	color:#fff;
}
#widget-expiry-prices #pagination .button.pressed {
	color:#979797;
	background:#adadad !important;
	border:1px solid #a6a6a6;
}

/* Volatility */


#widget-sentiment #sentiment-table {
    width: 698px;
}

#widget-sentiment .sentiment-data {
    border-bottom: 1px solid #dddada !important;
}

#widget-sentiment .sentiment-table, #widget-sentiment .sentiment-table .sentiment-data {
    background: none;
}

#widget-sentiment .sentiment-table .header > div {
    border: 0;
    height: 30px;
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
}

#widget-sentiment .sentiment-table .sentiment-data > div {
    font-size: 11px;
}

#widget-sentiment .sentiment-table .category {
    background: #ddd;
    color: #f15a24;
    padding: 4px 10px;
    width: 658px;
    cursor: pointer;
}


#widget-sentiment .sentiment-table .instrument {
    width: 140px;
    text-align: left !important;
    text-indent: 10px;
}

#widget-sentiment .sentiment-table .last-price {
    width: 110px;
    text-align: left !important;
}

#widget-sentiment .sentiment-table .payout {
    width: 110px;
}

#widget-sentiment .sentiment-data .payout {
    color: #f15a24;
    font-weight: bold;
}

#widget-sentiment .sentiment-table .sentiment {
width: 190px;
}

#widget-sentiment .sentiment-table .volatility {
    width: 108px;
    padding: 0 5px 0 10px;
}

#widget-sentiment .volatility-level {
    width: 10px;
    height: 10px;
    border: 0;
    background: #dddada;
    border-radius: 10px;
    display: block;
    float: left;
    margin: 10px 5px 0 0;
}

#widget-sentiment .volatility-level.on {
    background: #f15a24;
}

#widget-sentiment .sentiment-bar {
    width: 160px;
    color: #fff;
    font-weight: bold;
    opacity: 1;
    margin: 8px 0 0 20px;
    font-size: 10px;
}

#widget-sentiment .sentiment-bar-above {
    background: #8bc507;
    background: -moz-linear-gradient(top,  #8bc507 0%, #4f8509 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bc507), color-stop(100%,#4f8509));
    background: -webkit-linear-gradient(top,  #8bc507 0%,#4f8509 100%);
    background: -o-linear-gradient(top,  #8bc507 0%,#4f8509 100%);
    background: -ms-linear-gradient(top,  #8bc507 0%,#4f8509 100%);
    background: linear-gradient(to bottom,  #8bc507 0%,#4f8509 100%);
    border: 0;
    display: inline-block;
    padding: 0;
    border-radius: 2px 0 0 2px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    float: left;
    height: 15px;
}

#widget-sentiment .sentiment-bar-below {
    background: #e53232;
    background: -moz-linear-gradient(top,  #e53232 0%, #a21c1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e53232), color-stop(100%,#a21c1c));
    background: -webkit-linear-gradient(top,  #e53232 0%,#a21c1c 100%);
    background: -o-linear-gradient(top,  #e53232 0%,#a21c1c 100%);
    background: -ms-linear-gradient(top,  #e53232 0%,#a21c1c 100%);
    background: linear-gradient(to bottom,  #e53232 0%,#a21c1c 100%);
    border: 0;
    display: inline-block;
    padding: 0;
    border-radius: 0 2px 2px 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
    float: left;
    height: 15px;
}

#widget-gamebox .game-short-expiry-options {
    border: 1px solid #D0D0D0;
}

#widget-gamebox .game-short-expiry-options li:not(:last-child) {
    border-right: 1px solid #CCCCCC;
}

#widget-gamebox .game-short-expiry-options li.active .short-expiry-text {
    color: #FFF;
}

#widget-gamebox .game-short-expiry-options li .short-expiry-text {
    color: #333333;
}

#widget-gamebox #instrument-box {
    margin-top: 0px;
}

#widget-gamebox #game-expiry-box {
    margin-top: 0px;
}

#widget-gamebox .game-expiry-label {
    margin: 10px 4px 0;
}

#widget-gamebox .game-form-buttons-wrapper {
    padding: 16px 0 2px 38px;
}