/* CSS FULL RESET DONT REMOVE */
html{border:0;margin:0;padding:0}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,nav,section{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.5;background:#FFF}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;float:none!important}
table,th,td{vertical-align:middle}
blockquote:before,blockquote:after,q:before,q:after{content:''}
a img{border:none}
:focus{outline:0}
/* CSS FULL RESET DONT REMOVE */

/* sticky footer */

* {
    margin: 0;
}

* { outline: 0 !important; border:none;}

html, body {
    height: 100%;
    width: 100%;
}

.bottom-bar-layout #wrapper {
    margin: 0 auto -100px;
}

.bottom-bar-layout #push {
    height: 0; /*100px;*/
}

#main {
    padding-bottom: 150px;
}

/* clearfix */

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

/* basic elements */

.x-body {
    color: #666666;
}

.body-registration {
    background: rgba(0,0,0,0) !important;
}
    
.center {
    margin: 0 auto;
    width: 980px;
}

a {
    text-decoration: none;
    color: #666666;
}

a:hover {
    text-decoration: underline;
}

.button {
    background: #d9dcde;
    background: -moz-linear-gradient(center top , #f2f2f2, #bac0c3);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bac0c3));

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    border: 1px solid #bac0c3;
    display: inline-block;
    font-weight: bold;
    padding: 5px 10px;
    text-shadow: 0 1px 1px white;
    cursor: pointer;
}

.button:hover {
    background: #e0e3e5;
    background: -moz-linear-gradient(center top , #f8f8f8, #c6cbce);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c6cbce));

    text-decoration: none;
}

.button:active, .button.pressed {
    background: #dedede !important;
    background: -moz-linear-gradient(center top , #d0d0d0, #ebebeb) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#ebebeb)) !important;

    cursor: default;
}

.button-medium {
    font-size: 17px;
}

.horizontal-list > li {
    float: left;
}

.horizontal-list > li > a {
    display: inline-block;
}

::-webkit-input-placeholder  {
    color:#999999;
}

input:-moz-placeholder {
    color:#999999;
}

h3 {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 10px;
}

.transparent {
    background: none !important;
}

input, textarea, select {
    padding: 10px !important;
    color: #393C3D;
    border: 1px solid #D2D2D2 !important;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    font-size: 15px;
    width: 318px;
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
}

input.active, textarea.active, select.active {
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px #CCCCCC;
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px #CCCCCC;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px #CCCCCC;
}

input.error, textarea.error, select.error,
#birthday-input.error {
    border-color: #ec2d34 !important;
}

select {
    background-color: #fff;
    padding: 9px !important;
}

label {
    cursor: default;
    display: inline-block;
    float: left;
    position: relative;
    top: 12px;
    width: 140px;
    font-size: 15px;
}

form label {
    padding-right: 5px;
}

#content-container {
    width: 100%;
}

.form {
    border: 1px solid #cccccc;
    padding: 20px;
    /*border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    background-color: #F2F2F2
}

.form-row {
    margin-top: 10px;
    position: relative;
}

.form-first-row {
    margin-top: 0 !important;
}


/* flags */
.flag{width:16px;height:11px;background:url(../images/flags.png) no-repeat}.flag.flag-ad{background-position:-16px 0}.flag.flag-ae{background-position:-32px 0}.flag.flag-af{background-position:-48px 0}.flag.flag-ag{background-position:-64px 0}.flag.flag-ai{background-position:-80px 0}.flag.flag-al{background-position:-96px 0}.flag.flag-am{background-position:-112px 0}.flag.flag-an{background-position:-128px 0}.flag.flag-ao{background-position:-144px 0}.flag.flag-ar{background-position:-160px 0}.flag.flag-as{background-position:-176px 0}.flag.flag-at{background-position:-192px 0}.flag.flag-au{background-position:-208px 0}.flag.flag-aw{background-position:-224px 0}.flag.flag-az{background-position:-240px 0}.flag.flag-ba{background-position:0 -11px}.flag.flag-bb{background-position:-16px -11px}.flag.flag-bd{background-position:-32px -11px}.flag.flag-be{background-position:-48px -11px}.flag.flag-bf{background-position:-64px -11px}.flag.flag-bg{background-position:-80px -11px}.flag.flag-bh{background-position:-96px -11px}.flag.flag-bi{background-position:-112px -11px}.flag.flag-bj{background-position:-128px -11px}.flag.flag-bm{background-position:-144px -11px}.flag.flag-bn{background-position:-160px -11px}.flag.flag-bo{background-position:-176px -11px}.flag.flag-br{background-position:-192px -11px}.flag.flag-bs{background-position:-208px -11px}.flag.flag-bt{background-position:-224px -11px}.flag.flag-bv{background-position:-240px -11px}.flag.flag-bw{background-position:0 -22px}.flag.flag-by{background-position:-16px -22px}.flag.flag-bz{background-position:-32px -22px}.flag.flag-ca{background-position:-48px -22px}.flag.flag-catalonia{background-position:-64px -22px}.flag.flag-cd{background-position:-80px -22px}.flag.flag-cf{background-position:-96px -22px}.flag.flag-cg{background-position:-112px -22px}.flag.flag-ch{background-position:-128px -22px}.flag.flag-ci{background-position:-144px -22px}.flag.flag-ck{background-position:-160px -22px}.flag.flag-cl{background-position:-176px -22px}.flag.flag-cm{background-position:-192px -22px}.flag.flag-cn{background-position:-208px -22px}.flag.flag-co{background-position:-224px -22px}.flag.flag-cr{background-position:-240px -22px}.flag.flag-cu{background-position:0 -33px}.flag.flag-cv{background-position:-16px -33px}.flag.flag-cy{background-position:-32px -33px}.flag.flag-cz{background-position:-48px -33px}.flag.flag-de{background-position:-64px -33px}.flag.flag-dj{background-position:-80px -33px}.flag.flag-dk{background-position:-96px -33px}.flag.flag-dm{background-position:-112px -33px}.flag.flag-do{background-position:-128px -33px}.flag.flag-dz{background-position:-144px -33px}.flag.flag-ec{background-position:-160px -33px}.flag.flag-ee{background-position:-176px -33px}.flag.flag-eg{background-position:-192px -33px}.flag.flag-eh{background-position:-208px -33px}.flag.flag-england{background-position:-224px -33px}.flag.flag-er{background-position:-240px -33px}.flag.flag-es{background-position:0 -44px}.flag.flag-et{background-position:-16px -44px}.flag.flag-eu{background-position:-32px -44px}.flag.flag-fi{background-position:-48px -44px}.flag.flag-fj{background-position:-64px -44px}.flag.flag-fk{background-position:-80px -44px}.flag.flag-fm{background-position:-96px -44px}.flag.flag-fo{background-position:-112px -44px}.flag.flag-fr{background-position:-128px -44px}.flag.flag-ga{background-position:-144px -44px}.flag.flag-gb{background-position:-160px -44px}.flag.flag-gd{background-position:-176px -44px}.flag.flag-ge{background-position:-192px -44px}.flag.flag-gf{background-position:-208px -44px}.flag.flag-gg{background-position:-224px -44px}.flag.flag-gh{background-position:-240px -44px}.flag.flag-gi{background-position:0 -55px}.flag.flag-gl{background-position:-16px -55px}.flag.flag-gm{background-position:-32px -55px}.flag.flag-gn{background-position:-48px -55px}.flag.flag-gp{background-position:-64px -55px}.flag.flag-gq{background-position:-80px -55px}.flag.flag-gr{background-position:-96px -55px}.flag.flag-gs{background-position:-112px -55px}.flag.flag-gt{background-position:-128px -55px}.flag.flag-gu{background-position:-144px -55px}.flag.flag-gw{background-position:-160px -55px}.flag.flag-gy{background-position:-176px -55px}.flag.flag-hk{background-position:-192px -55px}.flag.flag-hm{background-position:-208px -55px}.flag.flag-hn{background-position:-224px -55px}.flag.flag-hr{background-position:-240px -55px}.flag.flag-ht{background-position:0 -66px}.flag.flag-hu{background-position:-16px -66px}.flag.flag-id{background-position:-32px -66px}.flag.flag-ie{background-position:-48px -66px}.flag.flag-il{background-position:-64px -66px}.flag.flag-im{background-position:-80px -66px}.flag.flag-in{background-position:-96px -66px}.flag.flag-io{background-position:-112px -66px}.flag.flag-iq{background-position:-128px -66px}.flag.flag-ir{background-position:-144px -66px}.flag.flag-is{background-position:-160px -66px}.flag.flag-it{background-position:-176px -66px}.flag.flag-je{background-position:-192px -66px}.flag.flag-jm{background-position:-208px -66px}.flag.flag-jo{background-position:-224px -66px}.flag.flag-jp{background-position:-240px -66px}.flag.flag-ke{background-position:0 -77px}.flag.flag-kg{background-position:-16px -77px}.flag.flag-kh{background-position:-32px -77px}.flag.flag-ki{background-position:-48px -77px}.flag.flag-km{background-position:-64px -77px}.flag.flag-kn{background-position:-80px -77px}.flag.flag-kp{background-position:-96px -77px}.flag.flag-kr{background-position:-112px -77px}.flag.flag-kw{background-position:-128px -77px}.flag.flag-ky{background-position:-144px -77px}.flag.flag-kz{background-position:-160px -77px}.flag.flag-la{background-position:-176px -77px}.flag.flag-lb{background-position:-192px -77px}.flag.flag-lc{background-position:-208px -77px}.flag.flag-li{background-position:-224px -77px}.flag.flag-lk{background-position:-240px -77px}.flag.flag-lr{background-position:0 -88px}.flag.flag-ls{background-position:-16px -88px}.flag.flag-lt{background-position:-32px -88px}.flag.flag-lu{background-position:-48px -88px}.flag.flag-lv{background-position:-64px -88px}.flag.flag-ly{background-position:-80px -88px}.flag.flag-ma{background-position:-96px -88px}.flag.flag-mc{background-position:-112px -88px}.flag.flag-md{background-position:-128px -88px}.flag.flag-me{background-position:-144px -88px}.flag.flag-mg{background-position:-160px -88px}.flag.flag-mh{background-position:-176px -88px}.flag.flag-mk{background-position:-192px -88px}.flag.flag-ml{background-position:-208px -88px}.flag.flag-mm{background-position:-224px -88px}.flag.flag-mn{background-position:-240px -88px}.flag.flag-mo{background-position:0 -99px}.flag.flag-mp{background-position:-16px -99px}.flag.flag-mq{background-position:-32px -99px}.flag.flag-mr{background-position:-48px -99px}.flag.flag-ms{background-position:-64px -99px}.flag.flag-mt{background-position:-80px -99px}.flag.flag-mu{background-position:-96px -99px}.flag.flag-mv{background-position:-112px -99px}.flag.flag-mw{background-position:-128px -99px}.flag.flag-mx{background-position:-144px -99px}.flag.flag-my{background-position:-160px -99px}.flag.flag-mz{background-position:-176px -99px}.flag.flag-na{background-position:-192px -99px}.flag.flag-nc{background-position:-208px -99px}.flag.flag-ne{background-position:-224px -99px}.flag.flag-nf{background-position:-240px -99px}.flag.flag-ng{background-position:0 -110px}.flag.flag-ni{background-position:-16px -110px}.flag.flag-nl{background-position:-32px -110px}.flag.flag-no{background-position:-48px -110px}.flag.flag-np{background-position:-64px -110px}.flag.flag-nr{background-position:-80px -110px}.flag.flag-nu{background-position:-96px -110px}.flag.flag-nz{background-position:-112px -110px}.flag.flag-om{background-position:-128px -110px}.flag.flag-pa{background-position:-144px -110px}.flag.flag-pe{background-position:-160px -110px}.flag.flag-pf{background-position:-176px -110px}.flag.flag-pg{background-position:-192px -110px}.flag.flag-ph{background-position:-208px -110px}.flag.flag-pk{background-position:-224px -110px}.flag.flag-pl{background-position:-240px -110px}.flag.flag-pm{background-position:0 -121px}.flag.flag-pn{background-position:-16px -121px}.flag.flag-pr{background-position:-32px -121px}.flag.flag-ps{background-position:-48px -121px}.flag.flag-pt{background-position:-64px -121px}.flag.flag-pw{background-position:-80px -121px}.flag.flag-py{background-position:-96px -121px}.flag.flag-qa{background-position:-112px -121px}.flag.flag-re{background-position:-128px -121px}.flag.flag-ro{background-position:-144px -121px}.flag.flag-rs{background-position:-160px -121px}.flag.flag-ru{background-position:-176px -121px}.flag.flag-rw{background-position:-192px -121px}.flag.flag-sa{background-position:-208px -121px}.flag.flag-sb{background-position:-224px -121px}.flag.flag-sc{background-position:-240px -121px}.flag.flag-scotland{background-position:0 -132px}.flag.flag-sd{background-position:-16px -132px}.flag.flag-se{background-position:-32px -132px}.flag.flag-sg{background-position:-48px -132px}.flag.flag-sh{background-position:-64px -132px}.flag.flag-si{background-position:-80px -132px}.flag.flag-sk{background-position:-96px -132px}.flag.flag-sl{background-position:-112px -132px}.flag.flag-sm{background-position:-128px -132px}.flag.flag-sn{background-position:-144px -132px}.flag.flag-so{background-position:-160px -132px}.flag.flag-sr{background-position:-176px -132px}.flag.flag-ss{background-position:-192px -132px}.flag.flag-st{background-position:-208px -132px}.flag.flag-sv{background-position:-224px -132px}.flag.flag-sy{background-position:-240px -132px}.flag.flag-sz{background-position:0 -143px}.flag.flag-tc{background-position:-16px -143px}.flag.flag-td{background-position:-32px -143px}.flag.flag-tf{background-position:-48px -143px}.flag.flag-tg{background-position:-64px -143px}.flag.flag-th{background-position:-80px -143px}.flag.flag-tj{background-position:-96px -143px}.flag.flag-tk{background-position:-112px -143px}.flag.flag-tl{background-position:-128px -143px}.flag.flag-tm{background-position:-144px -143px}.flag.flag-tn{background-position:-160px -143px}.flag.flag-to{background-position:-176px -143px}.flag.flag-tr{background-position:-192px -143px}.flag.flag-tt{background-position:-208px -143px}.flag.flag-tv{background-position:-224px -143px}.flag.flag-tw{background-position:-240px -143px}.flag.flag-tz{background-position:0 -154px}.flag.flag-ua{background-position:-16px -154px}.flag.flag-ug{background-position:-32px -154px}.flag.flag-um{background-position:-48px -154px}.flag.flag-us{background-position:-64px -154px}.flag.flag-uy{background-position:-80px -154px}.flag.flag-uz{background-position:-96px -154px}.flag.flag-va{background-position:-112px -154px}.flag.flag-vc{background-position:-128px -154px}.flag.flag-ve{background-position:-144px -154px}.flag.flag-vg{background-position:-160px -154px}.flag.flag-vi{background-position:-176px -154px}.flag.flag-vn{background-position:-192px -154px}.flag.flag-vu{background-position:-208px -154px}.flag.flag-wales{background-position:-224px -154px}.flag.flag-wf{background-position:-240px -154px}.flag.flag-ws{background-position:0 -165px}.flag.flag-ye{background-position:-16px -165px}.flag.flag-yt{background-position:-32px -165px}.flag.flag-za{background-position:-48px -165px}.flag.flag-zm{background-position:-64px -165px}.flag.flag-zw{background-position:-80px -165px}


/* registration widget */

body {
    overflow: hidden;
}

#widget-registration {
    background: #f8f8f8;
    background: -moz-linear-gradient(center top , #f8f8f8, #eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
    /*border-radius: 10px;*/
}

#widget-registration.small-style .form-row {
    margin-top: 0px !important;
}

#widget-registration.one-row .form-row {
    margin-top: 0px !important;
    float: left;
}

#widget-registration.one-row #country-combo-wrapper {
    width: 150px;
}

#widget-registration.one-row #country {
    width: 130px;
}

#widget-registration.one-row #currency-combo-wrapper {
    width: 110px;
}

#widget-registration.one-row #currency {
    width: 99px;
}

#widget-registration.one-row #country-tip {
    width: 135px;
}

#widget-registration.one-row #rows-container {
    padding: 0 1% 0 1%;
}

#widget-registration.one-row #registration-button-row {
    left: 0%;
    width: 10%;
}

#widget-registration.one-row #registration-button {
    padding: 5px !important;
}

#widget-registration.one-row .sign-up-with-facebook-button #facebook-link {
    width: 120px;
}

#widget-registration.one-row .form-row#birthday-row {
    width: 225px;
}

#widget-registration.one-row .form-row.checkbox #registration-disclaimer-wrapper {
    width: 290px;
}

#widget-registration .small-form #registration-disclaimer-checkbox-tip.field-tip {
    top: 0px;
}

#widget-registration #practice-registration-container {
    border: 1px solid lightgrey;
    border-top: none;
    padding: 0 4% 0 4%;
    text-align: center;
}

#widget-registration .practice-registration {
    padding: 16px 0 10px;
    display: inline-block;
}

 
#widget-registration .radio-inline {
    width: auto;
    height: 18px;
    top: 0;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    line-height: 18px;
    font-size: 13px;
}

#widget-registration .radio-inline input[type="radio"] {
    width: 17px;
    height: 17px;
    position: absolute;
    margin-left: -20px;
    box-shadow: none;
}

#widget-registration .radio-inline + .radio-inline {
    margin-left: 10px;
}

#widget-registration.facebook {
    
}

.form-row #country-combo-wrapper {
    width: 65%;
    float: left;
}

.form-row #currency-combo-wrapper {
    width: 35%;
    float: left;
}

#widget-registration .form-row #country-combo-wrapper #country {
    width: 93%;
}

#widget-registration .form-row #currency-combo-wrapper #currency {
    width: 71.428%;
}

#widget-registration.facebook #registration-form, #widget-registration.facebook #login-form,
#widget-registration.login #registration-form, #widget-registration.login #login-form
{
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#widget-registration.facebook .facebook-text{
    text-align: center;
}


#widget-registration #registration-form {
    position: relative;
}

#widget-registration #login-form {
    position: relative;
}

#widget-registration #read-only-dial-code {
    display: inline-block;
    color: #666;
    text-shadow: 0 1px 0 #FEFEFE;
}

#widget-registration #read-only-country-flag {
    display: inline-block;
    margin-top: 3px;
}

#widget-registration #rows-container {
    padding: 0 4% 0 4%;
}

#widget-registration .small-form, #widget-registration .form {
    background: #f8f8f8;
    background: -moz-linear-gradient(center top , #f8f8f8, #eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
    padding: 20px 0 20px 0;
}

#widget-registration .small-form input, 
.small-form select, 
#phone-container,
#widget-registration #birthday-input{
    width: 55%;
    font-size: 13px;
    height: 30px;
    padding: 5px !important;
    display: inline-block;
}

#widget-registration .small-form label {
    width: 45%;
    font-size: 13px;
    top: 0;
    padding-top: 6px;
    height: 30px;
}

#widget-registration .small-form .form-row {
    margin-top: 8px;
    height: 35px;
}

#widget-registration .small-form .field-tip {
    display: block;
    position: static;
    font-size: 10px;
    width: auto;
    margin: 2px 5px 0 46%;
    color:#f26a6a;
    line-height: 10px;
}

#widget-registration .small-form #registration-disclaimer-checkbox-tip.field-tip {
    margin: 2px 5px 0 0;
    clear: both;
}

#widget-registration .small-form label {
    padding-right: 3px;
}

#widget-registration .accept-terms {
    color: #999999;
    margin-top: 15px !important;
    font-size: 10px;
}

#widget-registration.small-style .accept-terms {
    color: #999999;
    margin-top: 0px !important;
}

#widget-registration .accept-terms a {
    text-decoration: underline;
    color: #999999;
}

#widget-registration .accept-terms.checkbox input {
    width: 12px !important;
    height: 12px !important;
    position: relative;
    top: 3px;
    padding: 0 !important;
}

#widget-registration .form-row.checkbox #registration-disclaimer-checkbox-wrapper {
    float: left;
    margin-right: 5px;
}

#widget-registration .form-row.checkbox #registration-disclaimer-wrapper {
    float: left;
    width: 85%;
}

#widget-registration #registration-button-row {
    left: 5%;
    width: 90%;
}

#widget-registration #login-button-row {
    width: 90%;
    left: 5%;
    margin-top: 50px;
}

#widget-registration .title {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    height: 30px;
    text-align: center;
    font-size: 18px;
}

#widget-registration #facebook-sign-up,
#widget-registration #vk-sign-up {
    /*margin-bottom: 20px;*/
    position: relative;
    width: 100%;
    border-bottom: 1px solid lightgray;
    padding: 20px 0 20px 0;
    font-size: 10px;

    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

#widget-registration #connect-with-facebook-button-container.sign-up-with-facebook-button {
    width: 100%;
    /*
    width: 245px;
    */
    height: 70px;
    margin: 0 auto 5px auto;
}

#widget-registration .sign-up-with-facebook-button #facebook-button {
    /*
    width: 100%;
    height: 100%;
    */
    background: url(../images/sign-up-with-facebook-button.png) no-repeat;
    width: 246px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
}

#widget-registration .sign-up-with-facebook-button #facebook-link {
    padding: 0 4%;
    line-height: 34px;
    height: 34px;
    text-align: center;
}

#widget-registration .sign-up-with-facebook-button .fb-link-wrap-small:hover { text-decoration: none; }

#widget-registration .sign-up-with-facebook-button #facebook-small-icon {
    display: inline-block;
    vertical-align: top;
    margin-top:9px;
    width: 16px;
    height: 18px;
    margin-left: 7px;
    background: url(../images/sign-up-with-facebook-button_small.png) no-repeat;
}

#widget-registration #connect-with-vk-button-container.sign-up-with-vk-button {
    width: 130px;
    height: 39px;
    margin: 0 auto 5px auto;
}

#widget-registration .sign-up-with-vk-button #vk-button {
    width: 100%;
    height: 100%;
    background: url(../images/vkontakte_button.png);
}

#widget-registration #connect-with-facebook-button-container.log-in-with-facebook-button {
    width: 100%;
    height: 70px;
    margin: 0 auto 5px auto;
    padding-top: 0;
}

#widget-registration .log-in-with-facebook-button #facebook-button {
    width: 246px;
    height: 100%;
    background: url(../images/FacebookLoginButton245.png) no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#widget-registration #facebook-sign-up #or-label,
#widget-registration #vk-sign-up #or-label {
    position: absolute;
    font-size: 12px;
    color: #a9a9a9;
    border: none;
    padding: 0 4px 0 4px;
    bottom: -10px;
    margin-left: -16px;
    left: 50%;
    background: #f6f6f6;
    text-align: center;
    z-index: 1;
}

#widget-registration #rows-container .placeholder {
    position: relative;
    width: 100%;
}

#widget-registration .placeholder .placeholder-text {
    position: absolute;
    margin-left:6px;
    color: silver;
    cursor: text;
    width: 85%;
}

#widget-registration .tool-tip-bubbles input, #widget-registration .tool-tip-bubbles select, #widget-registration .tool-tip-bubbles #phone-container {
    width: 45%;
    padding-left:5px;
    display: inline-block;
}

#widget-registration .placeholder input, 
#widget-registration .placeholder select, 
#widget-registration .placeholder #phone-container,
#widget-registration .placeholder #birthday-input {
    width: 90%;
    padding-left:5px;
    display: inline-block;
}

#widget-registration #birthday-input {
    background: #fff;
    padding: 0px !important;
    color: #393C3D;
    border: 1px solid #D2D2D2;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    font-size: 15px;
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
}

#widget-registration #birthday-input select {
    border: none !important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    float: left;
    height: 28px;
    box-shadow: none;
    background: transparent;
    width: 33.33%;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(219,219,219,1);
    -moz-box-shadow: inset 0px 0px 2px 0px rgba(219,219,219,1);
    box-shadow: inset 0px 0px 2px 0px rgba(219,219,219,1);
}

#widget-registration .placeholder #country {
    padding-left: 22px !important
}

#widget-registration .placeholder #read-only-country-flag {
    position: absolute;
    left: 6px;
    top: 6px;
}

#widget-registration #phone-container {
    padding: 0 !important;
    float: left;
}

#widget-registration #phone-container > *{
    display: inline-block;
}

#widget-registration #phone-container input{
    width: 100%;
}
#widget-registration #area-code-container {
    float: left;
    width: 35%;
    position: relative;
}

#widget-registration #phone-number-container {
    float: left;
    margin-left: 2%;
    width: 63%;
    position: relative;
}

#widget-registration #phone-number-container.long-field {
    margin-left: 0;
    width: 100%;
}

#widget-registration .placeholder #phone-number-container.long-field {
    float: right;
    margin-left: 0;
    width: 75%;
}

#widget-registration #read-only-dial-code {
    float: left;
    height: 100%;
    color: #666;
    text-shadow: 0 1px 0 #FEFEFE;
    margin-top: 8px;
}

#phone-row #area-code-non-placeholder, #phone-row label.placeholder-text {
    display: none;
}

#rows-container:not(.placeholder) #phone-row label:not(.placeholder-text) {
    display: inline-block;
}

#rows-container.placeholder #phone-row label.placeholder-text {
    display: inline-block;
}

#widget-registration .tool-tip-bubbles .field-tip {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-left: 0;
    position: absolute;
    top: 8px;
    left: 90%;
}

#widget-registration .tool-tip-bubbles .form-row #country-combo-wrapper .field-tip,
#widget-registration .tool-tip-bubbles .form-row #country-combo-wrapper .field-tip,
#widget-registration .tool-tip-bubbles .name-one-row .field-tip {
    position: static;
}

#widget-registration .tool-tip-bubbles .field-tip.alert {
    background:url(../images/small-red-x-14x14.png) no-repeat;
    cursor: pointer;
}

#widget-registration .tool-tip-bubbles .field-tip.accept {
    background:url(../images/small-green-checkmark-14x14.png) no-repeat;
}

#widget-registration .tool-tip-bubbles .tool-tip-bubble-label {
    position: absolute;
    background: white;
    color: #000000;
    border: 1px solid black;
    height: 30px;
    top: -100%;
    border-radius: 5px;
    width: auto;
    padding-left: 5px;
    right: 10%;
    margin-right: -30px;
    overflow: hidden;
    z-index: 2;
}


#widget-registration .tool-tip-bubbles .tool-tip-bubble-arrow {
    border-color: white transparent transparent transparent;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    position: absolute;
    top: -7px;
    left: 90%;
    z-index: 3;
}

#widget-registration .tool-tip-bubbles .tool-tip-bubble-arrow-border {
    border-color: black transparent transparent transparent;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    position: absolute;
    top: -6px;
    left: 90%;
}

#widget-registration #rows-container:not(.placeholder) #read-only-country-flag,
#widget-registration #rows-container:not(.placeholder) #read-only-dial-code {
    position: absolute;
    right: 56%;
    top: 8px;
    margin-top: 0;
}

#widget-registration #register-login {
    height: 40px;
    width: 100%;
    background: #808080;
}

#widget-registration #register-login li {
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    margin: 0;
    border-radius: 5px;
    position: relative;
    width: 50%;
    height: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 12px;
}

#widget-registration #register-login li.active {
    background: #f8f8f8;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    /*font-size: 10px;*/
}

#widget-registration #register-login li:not(.active) {
    border-bottom: 1px solid #CCC;
    font-size: 10px;
    text-decoration:underline;
    color: #CCC;
}

#widget-registration #register-login a {
    width: 100%;
    height: 100%;
    color: inherit;
}

#widget-registration #register-login #register {
    float: left;
}

#widget-registration #register-login #login {
    float: right;
}

#widget-registration #registration-button, #widget-registration #login-button {
    text-align:center !important;
    width: 100%;
}

#widget-registration .name-one-row {
    float: left;
    width: 50%;
}

#widget-registration .placeholder .name-one-row input {
    width: 80%;
}

#widget-registration #registration-captcha-container {
    display: none;
}

#registration-error-mask-container {
   display: none;
}

#widget-registration #registration-error-mask {
    position: absolute;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 108%;
    top: -33px;
    left: 0px;
    z-index: 2002;
}

#widget-registration #registration-error-mask-message {
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2003;
    width: 200px;
    margin-left: -100px;
    margin-top: -74px;
    padding: 10px;
}

#widget-registration  .small-form .promo-code {
    padding-bottom: 5px;
    height: 15px;
    -webkit-transition: .4s;
    transition: .4s;
}

#widget-registration .promo-code.expanded {
    height: 45px;
}

#registration-show-promo-wrapper {
    font-size: 10px;
    color: #999;    
    padding-left: 2px;
    padding-bottom: 5px;
}

#show-promo-toggle {
    cursor: pointer;
    text-decoration: underline;
}

#registration-promo-code-field {
    position: relative;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}

.expanded #registration-promo-code-field {
    visibility: visible;
}
/* sms verification */

#verification-container {
    background: #F5F5F5;
    padding: 10px;
    width: 250px;
}

#verification-container.loader-overlay{
    display: block;
    background: url('../images/loading-spinner.gif') rgba(245, 245, 245, 0.85);
    background-repeat: no-repeat;
    background-position: 50%;
}

#mask-container #mask-item-container #mask-item #verification-container.failed {
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(255,0,0,1);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(255,0,0,1);
    box-shadow: inset 0px 0px 7px 0px rgba(255,0,0,1);
}

#verification-container .field-tip {
    display: block;
    position: static;
    font-size: 10px;
    width: auto;
    color:#f26a6a;
}

#verification-container label {
    line-height: 28px;
    top: 0px;
}

#verification-text {
    position: relative;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.failed #verification-text {
    border-bottom-color: #ff0000;
}


#verification-code {
    font-size: 13px;
    height: 30px;
    padding: 5px !important;
    width: 45px;
}

#get-sms-button {
    font-weight: bold;
    cursor: pointer; 
    width: 100% !important;
    min-width: 215px;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%, #fefefe 100%)
}

#verify-code-btn:hover,
#verify-code-btn[disabled],
#get-sms-button:hover, 
#get-sms-button[disabled] {
    background: #D2D2D2;
}

#get-sms-button[disabled] {
    cursor: no-drop;
}

#get-sms-button[disabled].loader-overlay {
    color: transparent;
    position: relative;
    background: url('../images/loading-spinner.gif') rgba(214, 214, 214, 0.5);
    z-index: 999;    
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.placeholder #get-sms-button {
    width: 90% !important;
    min-width: 215px;
}

.tool-tip-bubbles #get-sms-button {
    width: 90% !important;
}
/* Gamebox widget */

#widget-gamebox {
    height: 290px;
    border-radius: 11px!important;
    -webkit-border-radius: 11px!important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)!important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)!important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)!important;
}

#widget-gamebox #inner-box {
    padding: 10px;
    position: relative;
    top: 0px;
}

#widget-gamebox .popup-title {
    margin-left: 20px;
    position: absolute;
    left: 240px;
}

#widget-gamebox .clear {
    clear: both;
}

#widget-gamebox #chart-wrapper {
    width: 50%;
    float: left;
    height: 180px;
}

/********************** chart indicator **********************/

#widget-gamebox .chart-indicator {
    position: absolute;
    left: 50%;
    margin-top: -22px;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 3px 3px 2px 3px;
    display: none;
    border-radius: 3px;
}

#widget-gamebox .chart-indicator:after {
    position: absolute;
    top: 50%;
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    border-right-color: #333;
    border-width: 5px;
    margin-top: -5px;
    left: -10px;
}

/********************** chart indicator **********************/

#widget-gamebox .game-info {
    margin-top: 10px;
}


#widget-gamebox .instrument-icon {
    float: left;
    display: block;
    margin-top: -7px;
    margin-right: -2px;
    margin-left: 10px;
    
    background: url(../images/Instruments_Sprite.png);
    background-position: -34px -610px;
    width: 30px;
    height: 30px;
}

#widget-gamebox .instrument-icon-1 {background-position: -2px -2px;}
#widget-gamebox .instrument-icon-2 {background-position: -2px -34px;}
#widget-gamebox .instrument-icon-3 {background-position: -2px -66px;}
#widget-gamebox .instrument-icon-4 {background-position: -2px -99px;}
#widget-gamebox .instrument-icon-5 {background-position: -2px -131px;}
#widget-gamebox .instrument-icon-6 {background-position: -2px -163px;}
#widget-gamebox .instrument-icon-7 {background-position: -2px -194px;}
#widget-gamebox .instrument-icon-8 {background-position: -2px -226px;}

#widget-gamebox .instrument-icon-14 {background-position: -2px -258px;}
#widget-gamebox .instrument-icon-15 {background-position: -2px -290px;}

#widget-gamebox .instrument-icon-18 {background-position: -2px -322px;}

#widget-gamebox .instrument-icon-25 {background-position: -2px -354px;}
#widget-gamebox .instrument-icon-26 {background-position: -2px -386px;}

#widget-gamebox .instrument-icon-31 {background-position: -2px -418px;}

#widget-gamebox .instrument-icon-33 {background-position: -2px -450px;}
#widget-gamebox .instrument-icon-34 {background-position: -2px -482px;}

#widget-gamebox .instrument-icon-36 {background-position: -2px -514px;}

#widget-gamebox .instrument-icon-57 {background-position: -2px -546px;}

#widget-gamebox .instrument-icon-61 {background-position: -2px -578px;}
#widget-gamebox .instrument-icon-62 {background-position: -2px -611px;}
#widget-gamebox .instrument-icon-63 {background-position: -2px -642px;}

#widget-gamebox .instrument-icon-81 {background-position: -2px -674px;}

#widget-gamebox .instrument-icon-89 {background-position: -2px -706px;}
#widget-gamebox .instrument-icon-95 {background-position: -2px -738px;}
#widget-gamebox .instrument-icon-96 {background-position: -2px -770px;}
#widget-gamebox .instrument-icon-97 {background-position: -2px -802px;}
#widget-gamebox .instrument-icon-98 {background-position: -2px -834px;}
#widget-gamebox .instrument-icon-99 {background-position: -2px -866px;}

#widget-gamebox .instrument-icon-103 {background-position: -2px -898px;}
#widget-gamebox .instrument-icon-104 {background-position: -2px -929px;}

#widget-gamebox .instrument-icon-107 {background-position: -2px -962px;}

#widget-gamebox .instrument-icon-111 {background-position: -2px -994px;}

#widget-gamebox .instrument-icon-112 {background-position: -34px -2px;}
#widget-gamebox .instrument-icon-113 {background-position: -34px -34px;}
#widget-gamebox .instrument-icon-114 {background-position: -34px -66px;}
#widget-gamebox .instrument-icon-115 {background-position: -34px -99px;}
#widget-gamebox .instrument-icon-116 {background-position: -34px -130px;}
#widget-gamebox .instrument-icon-117 {background-position: -34px -162px;}
#widget-gamebox .instrument-icon-118 {background-position: -34px -194px;}
#widget-gamebox .instrument-icon-119 {background-position: -34px -226px;}
#widget-gamebox .instrument-icon-120 {background-position: -34px -258px;}
#widget-gamebox .instrument-icon-121 {background-position: -34px -290px;}
#widget-gamebox .instrument-icon-122 {background-position: -34px -321px;}

#widget-gamebox .instrument-icon-126 {background-position: -34px -354px;}
#widget-gamebox .instrument-icon-127 {background-position: -34px -386px;}
#widget-gamebox .instrument-icon-128 {background-position: -34px -418px;}
#widget-gamebox .instrument-icon-129 {background-position: -34px -450px;}

#widget-gamebox .instrument-icon-131 {background-position: -34px -482px;}
#widget-gamebox .instrument-icon-132 {background-position: -34px -514px;}
#widget-gamebox .instrument-icon-133 {background-position: -34px -546px;}
#widget-gamebox .instrument-icon-134 {background-position: -34px -578px;}


#widget-gamebox #game-description {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    width: 50%;
    line-height: 15px;
    float: left;
}

#widget-gamebox .game-form-wrapper {
    width: 50%;
    float: right;
}

#widget-gamebox .game-form-buttons-wrapper {
    float: left;
    width: 87px;
    text-align: center;
    padding: 16px 0px 2px 45px;
}

#widget-gamebox .game-form-invoice-wrapper {
    float: right;
    width: 200px;
    padding-top: 10px;
}

#widget-gamebox #payout-wrapper {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    padding-top: 55px;
}

#widget-gamebox .payout-text {
    font-size: 16px;
}

#widget-gamebox .button {
    background: #d9dcde;
    background: -moz-linear-gradient(center top , #f2f2f2, #bac0c3);
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bac0c3));

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    border: 1px solid #bac0c3;
    display: inline-block;
    font-weight: bold;
    padding: 5px 10px;
    text-shadow: 0 1px 1px white;
    cursor: pointer;
}

#widget-gamebox .button:hover {
    background: #e0e3e5;
    background: -moz-linear-gradient(center top , #f8f8f8, #c6cbce);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c6cbce));

    text-decoration: none;
}

#widget-gamebox .button:active:not(.disabled), #widget-gamebox .button.pressed:not(.disabled) {
    background: #dedede !important;
    background: -moz-linear-gradient(center top , #d0d0d0, #ebebeb) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#ebebeb)) !important;

    cursor: default;
}

#widget-gamebox .button-medium {
    font-size: 17px;
}

#widget-gamebox .direction-button {
    background:#4F900F;
    background: -moz-linear-gradient(center top , #A7D354, #4F900F);
    background: -webkit-gradient(linear, left top, left bottom, from(#A7D354), to(#4F900F));
    border: 1px solid #4F900F;
    color: #FFF;
    text-shadow: none;
    border-radius: 16px;
    display: block;
}

#widget-gamebox .direction-button:hover {
    background: -moz-linear-gradient(center top , #b0dd5a, #4F900F);
    background: -webkit-gradient(linear, left top, left bottom, from(#b0dd5a), to(#4F900F));
    background:#4F900F;
    border: 1px solid #4F900F;
}

#widget-gamebox .direction-button:active {
    background: -moz-linear-gradient(center top, #5da515, #b0dd5a) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#5da515), to(#b0dd5a)) !important;
}

#widget-gamebox .direction-button.put {
    background:#FEC500;
    background: -moz-linear-gradient(center top, #FEC500, #F27700);
    background: -webkit-gradient(linear, left top, left bottom, from(#FEC500), to(#F27700));
    border: 1px solid #F27700;
}

#widget-gamebox .direction-button.put:hover {
    background: -moz-linear-gradient(center top , #ffd852, #f48400);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd852), to(#f48400));

    border: 1px solid #F27700;
}

#widget-gamebox .direction-button.put:active {
    background: -moz-linear-gradient(center top, #f48400, #ffd852) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f48400), to(#ffd852)) !important;
}

#widget-gamebox .spot {
    display: block;
    margin: 10px 0;
    border: 1px solid #D2D2D2;
    padding: 5px 0 0 0;
    font-size: 13px;
    height: 28px;
}

#widget-gamebox .trend-up, #widget-gamebox .in-the-money {
    color: #4F900F;
}

#widget-gamebox .trend-down, #widget-gamebox .out-the-money {
    color: #EB4823;
}

#widget-gamebox #game-expiry-box {
    float: right;
    margin-top: 8px;
}

#widget-gamebox .game-expiry-label {
    margin: 8px 4px 0;
    float: right;
    font-size: 13px;
}

#widget-gamebox .game-short-expiry-options {
    float: right;
    background: #eeeeee;
    border-left: 0px solid rgba(0,0,0,0);
    border-top: 0px solid rgba(0,0,0,0);
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border: 1px solid #767676;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    height: 22px;
    margin: 14px 0 0 0;
}

#widget-gamebox .game-short-expiry-options li {
    float: left;
}

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

#widget-gamebox .game-short-expiry-options li .short-expiry-text {
    color: #666;
    float: left;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 2px 3px 6px;
    cursor: pointer;
}

#widget-gamebox .game-short-expiry-options li.active .short-expiry-text {
    background: #86b136;
}

#widget-gamebox .game-short-expiry-options li:first-child div {
    -webkit-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
}

#widget-gamebox .game-short-expiry-options li:last-child div {
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
}

#widget-gamebox .game-short-expiry-tooltip {
    float: right;
    position: absolute;
    left: 100%;
    top: -2px;
    text-align: center;
    background: #333;
    color: #fff;
    padding: 2px;
    font-size: 10px;
}

#widget-gamebox .game-short-expiry-tooltip-arrow {
    border: solid;
    border-width: 6px 6px 0 6px;
    border-color: #333 transparent transparent transparent;
    float: right;
    position: absolute;
    left: 100%;
    top: 17px;
}

#widget-gamebox #time-to-trade-label {
    margin-right: 4px;
    font-size: 13px;
    padding-top: 2px;
    float: right;
}

#widget-gamebox #closing-progress-bar-container {
    display: inline-block;
    float: right;
}

#widget-gamebox #closing-progress-bar-container .x-progress {
    width: 154px !important;
    border: 4px solid #333 !important;
}

#widget-gamebox #closing-progress-bar-container .x-progress-text {
    width: 148px !important;
}

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

#widget-gamebox #closing-progress-bar-container .x-progress-text-back {
    padding-top: 0px;
}

#widget-gamebox .close-button {
    float: right;
    width: 15px;
    height: 15px;
    background-image: url(../images/tool-sprites.gif);
}

#widget-gamebox .close-button:hover {
    background-position: -15px 0;
}

#widget-gamebox .invoice .message-container {
    padding: 5px;
    margin: 0;
}

#widget-gamebox .invoice table {
    width: 100%;
}

#widget-gamebox .invoice table td {
    padding-top: 4px;
    font-size: 10px;
}

#widget-gamebox .invoice table td tr {
    width: 50%;
}

#widget-gamebox .invoice-in-the-money {
    font-weight: bold;
}

#widget-gamebox .invoice table td.close-button-wrapper {
    padding-top: 0;
}

#widget-gamebox .invoice div.put-small-icon {
    vertical-align: middle;
}

#widget-gamebox .invoice div.call-small-icon {
    vertical-align: middle;
}

#widget-gamebox .message-container {
    margin-bottom: 20px;
    background: -moz-linear-gradient(center top , #FFF9E5, #FFF3CE) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF9E5), to(#FFF3CE));

    border: 1px solid #ECD89B;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    padding: 20px 64px;

    position: relative;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#widget-gamebox #trade-details-wrapper {
    padding: 10px;
    margin: 0;
    font-size: 10px;
}

#widget-gamebox .trade-details-row {
    margin-top: 5px;
    color: black;
}

#widget-gamebox .trade-details-bold {
    font-weight: bold;
}

#widget-gamebox .trade-details-bottom-border {
    padding-bottom: 10px;
    border-bottom: 1px #999 solid;
    margin-bottom: 10px;
}

#widget-gamebox .trade-details-expiry-time-left {
    margin-top: 5px;
    font-size: 16px;
    text-align: center;
}

#widget-gamebox .confirmation-message {
    margin-top: 45px;
}

#widget-gamebox .message-icon {
    width: 32px;
    height: 32px;
    background: url(../images/accept-32x32.png) no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 20px;
    top: 15px;
}

#widget-gamebox .message-title {
    font-weight: bold;
    font-size: 14px;
}

#widget-gamebox .trade-entry-expiry-counter {
    padding-left: 20px;
    background: url(../images/alarm-clock-16x16.png) no-repeat scroll left top transparent;
    display: inline-block;
    padding-bottom: 3px;
}

#widget-gamebox .investment-amount-wrapper {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    padding: 5px;
    font-size: 13px;
    width: 90px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
}

#widget-gamebox input.investment-amount {
    padding: 0 !important;
    width: 70px;
    font-size: 13px;
    margin: 0;
    border: none !important;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#widget-gamebox select.investment-amount {
    padding: 0 !important;
    width: 70px !important;
    font-size: 13px;
    margin: 0;
    border: none !important;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#widget-gamebox .button-trade {
    display: block;
    text-align: center;

    color: #ffffff !important;
    background: #3F7215;
    background: -moz-linear-gradient(center top , #6FC926, #3F7215);
    background: -webkit-gradient(linear, left top, left bottom, from(#6FC926), to(#3F7215));

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    border: 1px solid #3F7215;
    font-weight: bold;
    font-size: 17px;
    padding: 5px 10px;
    text-shadow: 1px 1px 1px #406315;
    cursor: pointer;

}

#widget-gamebox .invoice .apply-wrapper a.button-trade:hover:not(.disabled) {
    color: #ffffff !important;

    background: #4F8E1B !important;
    background: -moz-linear-gradient(center top , #7BDD2A, #4F8E1B) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#7BDD2A), to(#4F8E1B)) !important;

    border: 1px solid #4F8E1B;
}

.button-trade.disabled,
.invoice .apply-wrapper a.button-trade.disabled:hover {
    background: #aaa !important;
    border: 1px solid #aaa !important;
    cursor: default !important;
}

#widget-gamebox .apply-wrapper {
    padding-top: 4px !important;
}

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

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

#widget-gamebox .not-active-game {
    padding: 10px;
    border-bottom: 1px solid #cbcbcb;
    margin:0 0 15px;
    float:left;
    width:660px;
    height:290px;
    background:#fff url(../images/not-active-bg.png) no-repeat top left;
}

#widget-gamebox #instrument-box {
    margin-left: 10px;
    margin-top: 8px;
    float:left;
}

#widget-gamebox .not-active-game .time-text {
    float:left;
}

#widget-gamebox .not-active-game .time-con {
    float:left;
    width:230px;
    margin:110px 0 0 395px;
}

#widget-gamebox .not-active-game .time-con p,
#widget-gamebox .not-active-game .time-con strong {
    color:#7e7e7e;
    font-size:14px;
    line-height:15px;
}

#widget-gamebox .hidden {
    visibility: hidden;
}

#trade-complete-message-container {
    background: white;
    width: 70%;
}

#trade-complete-message {
    margin: 20px;
    color: black;
    font-weight: bold;
    text-align: center;
}

#trade-complete-open-account-button,
#trade-complete-try-again-button {
    background: #86b136;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

#trade-complete-open-account-button {
    margin: 0 auto 20px;
}

#trade-complete-try-again-button {
    margin: 20px auto;
}

#trade-complete-try-again-container {
    background: white;
    width: 200px; 
}

/* GAME-TYPES */

#widget-gamebox .game-types-menu {
    background:#ffffff;
    background:-moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background:-webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background:-o-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background:-ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background:linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);

    -webkit-border-radius:50px;
    border-radius:50px;
    border:1px solid #d0d0d0;

    float:left;
    height: 29px;
    position: relative;
    left: 50%;
    margin-left: -270px;
    margin-top: 7px;
}

#widget-gamebox .game-types-menu li {
    float:left;
    border-right:1px solid #d0d0d0;
}

#widget-gamebox .game-types-menu li.active a,
#widget-gamebox .game-types-menu li.active {
    background:#86b136;
    color:#fff;
    cursor: default;
}

#widget-gamebox .game-types-menu li a {
    float:left;
    color:#333;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    padding:5px;
}

#widget-gamebox .game-types-menu li a span {
    display:block;
    width:16px;
    height:16px;
    float:left;
    margin:0 4px 0 0;
}

#widget-gamebox .game-types-menu a strong {
    float:left;
    margin: 0;
    font-weight: bold;
}

#widget-gamebox .game-types-menu li.first,
#widget-gamebox .game-types-menu li.first a {
    -webkit-border-radius:50px 0 0 50px;
    border-radius:50px 0 0 50px;
}

#widget-gamebox .game-types-menu li.last,
#widget-gamebox .game-types-menu li.last a {
    border:none;
    -webkit-border-radius:0 50px 50px 0;
    border-radius:0 50px 50px 0;
}

#widget-gamebox .game-types-menu li.first.last,
#widget-gamebox .game-types-menu li.first.last a {
    border:none;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
}

#widget-gamebox .game-types-menu li.last a {
    padding:5px 10px 5px 5px;
}

#widget-gamebox #game-type-icon-1 {
    background:url(../images/sprite-icons.png) no-repeat 0 -32px;
}

#widget-gamebox #game-type-icon-2 {
    background:url(../images/sprite-icons.png) no-repeat -16px -32px;
}

#widget-gamebox #game-type-icon-1.active {
    background:url(../images/sprite-icons.png) no-repeat 0 -48px;
}

#widget-gamebox #game-type-icon-2.active {
    background:url(../images/sprite-icons.png) no-repeat -16px -48px;
}

#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:#0e4c63;
    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;
    margin-top: -20px;
}

#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: #8ab237; /*#02b0f1;*/
    text-shadow: none;
}

#widget-gamebox .trend-down {
    color: #06b5f6; /*#e17800;*/
    text-shadow: none;
}

#widget-gamebox #game-expiry-box, #widget-gamebox #instrument-box  {
    padding:2px 15px;
    background:#fff;
    border:1px solid #cbcbcb;
    font-size:11px;
    width:125px;
    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 !important;
}

#widget-gamebox .x-progress-bar {
    background-image:url(../images/time_bar_bg.jpg) !important;
    height:16px !important;
    margin:0px !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 .game-indicators-menu {
    margin-top: 16px;
}

#widget-gamebox .game-indicators-menu > li {
    display: inline-block;
    /*margin-right: 10px;*/
    cursor: default;
    margin-left: 5px;
    margin-right: 5px;
}

#widget-gamebox .game-indicators-menu > li.first {
    margin-left: 0;
}

#widget-gamebox .game-indicators-menu > li.last {
    margin-right: 0;
}

#widget-gamebox .game-indicators-menu > li > span {
    display: block;
    font-size: 10px !important;
    color: gray;
}

#widget-gamebox .game-indicator-icon {
    width: 16px;
    height: 16px;
    margin: 0 auto;
}

#widget-gamebox .game-indicator-icon.social-ind {
    background: url(../images/sprite-icons.png) no-repeat -32px 0;
}

#widget-gamebox .game-indicator-icon.social-ind.active {
    background: url(../images/sprite-icons.png) no-repeat -32px -16px;
}

#widget-gamebox .game-indicator-icon.roll-over-ind {
    background: url(../images/sprite-icons.png) no-repeat -16px 0;
}

#widget-gamebox .game-indicator-icon.roll-over-ind.active {
    background: url(../images/sprite-icons.png) no-repeat -16px -16px;
}

#widget-gamebox .game-indicator-icon.sell-back-ind {
    background: url(../images/sprite-icons.png) no-repeat 0 0;
}

#widget-gamebox .game-indicator-icon.sell-back-ind.active {
    background: url(../images/sprite-icons.png) no-repeat 0 -16px;
}

#widget-gamebox .statement {
    margin: -10px 0 0 65px;
    font-size: 10px;
}

#widget-gamebox #data-delayed-statement {
    margin: -6px 0 0 10px;
    font-size: 7px;
    float: left;
}


/* Quick Login Widget */

#widget-quick-login .message-email-icon {
    width: 40px;
    height: 47px;
    background: url(../images/email.png) no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 20px;
    top: 15px;
}

#widget-quick-login .registration-successful-title {
    padding: 15px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

#widget-quick-login .registration-successful-instructions {
    padding: 15px 50px 20px;
}

#widget-quick-login #quick-login-form {
    background: #F2F2F2;
    padding: 20px;
}

#widget-quick-login #rows-container input {
    width: 100%;
}

#widget-quick-login .placeholder-text {
    position: absolute;
    left: 11px;
    color: #999ca5;
    cursor: text;
    font-size: 15px;
    top: 9px;
}

#widget-quick-login #rows-container #quick-login-button-row {
    padding-top: 10px;
}

#widget-quick-login #quick-login-button-row #quick-login-button {
    float: left;
}

#widget-quick-login #quick-login-button-row #quick-login-forgot-password {
    float: right;
    margin-top: 9px;
}

#widget-quick-login.facebook .facebook-text{
    text-align: center;
}

#widget-quick-login #facebook-sign-up,
#widget-quick-login #vk-sign-up {
    /*margin-bottom: 20px;*/
    position: relative;
    width: 100%;
    border-bottom: 1px solid lightgray;
    padding: 0px 0 20px 0;
    font-size: 10px;

    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

#widget-quick-login #connect-with-facebook-button-container.log-in-with-facebook-button {
    width: 210px;
    height: 41px;
    margin: 0 auto 5px auto;
    padding-top: 10px;
}

#widget-quick-login .log-in-with-facebook-button #facebook-button {
    width: 100%;
    height: 100%;
    background: url(../images/facebook_login_button.png) no-repeat;
    border-radius: 5px;
}

#widget-quick-login #connect-with-vk-button-container.log-in-with-vk-button {
    width: 130px;
    height: 50px;
    margin: 0 auto 5px auto;
    padding-top: 10px;
}

#widget-quick-login .log-in-with-vk-button #vk-button {
    width: 100%;
    height: 100%;
    background: url(../images/vkontakte_button.png);
}

#widget-quick-login #facebook-sign-up #or-label,
#widget-quick-login #vk-sign-up #or-label{
    position: absolute;
    font-size: 12px;
    color: #a9a9a9;
    border: none;
    padding: 0 4px 0 4px;
    bottom: -10px;
    margin-left: -16px;
    left: 50%;
    background: #f6f6f6;
    text-align: center;
    z-index: 1;
}

.horizontal {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 0;
    padding: 0 !important;
}

.horizontal-forgot-password {
    margin-left: 10px;
}

.facebook-icon {
    width: 31px;
    height: 31px;
    background: url(../images/facebook_icon.png);
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 2px 0 0 10px;
}

/* Asset-index widget */

#widget-asset-index #asset-index-filter .active {
    font-weight: bold;
}

#widget-asset-index .horizontal-list > li {
    float: left;
}

#widget-asset-index #asset-index-wrapper #instruments {
    margin-top: 20px;
    background: #FEFEFE;
    border: 1px solid #DFDFDF;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-color: #CCC #EEE #EEE #CCC;
}

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

#widget-asset-index #instruments .instrument-name {
    width: 200px;
}

#widget-asset-index .instrument-name {
    float: left;
    padding-left: 26px;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    height: 21px;
}

#widget-asset-index .instrument-description {
    padding-top: 10px;
}

#widget-asset-index .instrument-attribute-value {
    display: inline;
}

#widget-asset-index .instrument-attribute-label {
    width: 200px;
    height: 21px;
    display: inline-block;
    padding-left: 26px;
    vertical-align: top;
    float: left;
}

/* Expiry-prices widget */

#widget-expiry-prices {
    line-height: 1;
}

#widget-expiry-prices #date-picker {
    position: relative;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    border-color: #CCCCCC #E8E8E8;
    font-size: 14px;
}

#widget-expiry-prices #date-picker label {
    width: auto;
    padding-right: 10px;
    font-size: 13px;
    top: 7px;
}

#widget-expiry-prices label {
    cursor: default;
    display: inline-block;
    float: left;
    position: relative;
    top: 12px;
    width: 140px;
    font-size: 15px;
}

#widget-expiry-prices #date-picker > div {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

#widget-expiry-prices #date-picker-widget-container .x-form-item, #widget-expiry-prices #time-picker-widget-container .x-form-item {
    margin-bottom: 0 !important;
}

#widget-expiry-prices #date-picker-widget input, #time-picker-widget input {
    color: #393C3D;
    border: inherit;
    font-size: inherit;
    width: auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 30px;
    font-size: 13px;
    padding: 5px !important;
}

#widget-expiry-prices #date-picker-widget-container .x-form-date-trigger,
#widget-expiry-prices #time-picker-widget-container .x-form-time-trigger {
    margin-top: 4px;
}

#widget-expiry-prices #date-picker select {
    width: 111px;
    margin-right: 29px;
    font-size: 13px;
    padding: 5px !important;
}

#widget-expiry-prices .loadable {
    display: inline-block;
}

#widget-expiry-prices .report-wrapper {
    margin-top: 20px;
}

#widget-expiry-prices .report-body {
    float: left;
    font-size: 13px;
}

#widget-expiry-prices .report-body th {
    border: 1px solid #cccccc;
    border-right: none;
    border-left: none;
    background: #F2F2F2;
    padding: 10px 5px;
    font-weight: bold;
    text-align: center;
}

#widget-expiry-prices .report-body td {
    text-align: center;
    padding: 10px 5px;
}

#widget-expiry-prices .horizontal-list > li {
    float: left;
}

#widget-expiry-prices .horizontal-list > li > a {
    display: inline-block;
}

#widget-expiry-prices #pagination .button.pressed {
    color: inherit;
}

#widget-expiry-prices #pagination .button {
    margin-right: 5px;
    color: #5A8EC4;
    background: #dddddd;
    background: -moz-linear-gradient(center top , #f8f8f8, #c6cbce);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c6cbce));
    padding: 10px 15px;
}

#widget-expiry-prices .button:active, #widget-expiry-prices .button.pressed {
    background: #dedede !important;
    background: -moz-linear-gradient(center top , #d0d0d0, #ebebeb) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#ebebeb)) !important;
    cursor: default;
}

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

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

#widget-expiry-prices #pagination .button.last {
    margin-right: 10px;
}

/* Activity widget */

#widget-activity .activity-entry {
    width: 100%;
    height: 60px;
    opacity: 0;
    filter: alpha(opacity = 0);
    border-bottom: 1px solid #CCC;
    padding: 5px;
    color: #000000;
}

#widget-activity .activity-entry:first-child {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#widget-activity .activity-entry:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#widget-activity .activity-entry-info-container {
    display: inline-block;
    height: 100%;
    width: 80%;
    vertical-align: top;
    line-height: 15px;
    padding: 2px;
    margin-left: 5px;
}

#widget-activity .activity-entry-extend-link {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
}

#widget-activity .activity-entry .gain {
    color: green;
}

#widget-activity .activity-entry .loss {
    color: red;
}

#widget-activity .activity-entry .gain b,
#widget-activity .activity-entry .loss b{
    color: #000000;
}

#widget-activity .trade-entry {
    padding: 10px 5px;
    border-bottom: 1px solid #E8E8E8;

    background: #f8f8f8;
    background: -moz-linear-gradient(center top , #fefefe, #f8f8f8);
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f8f8f8));
}

#widget-activity .pointer {
    cursor: pointer;
}

#widget-activity .social-user-img-container {
    position: relative;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 3px;
}

#widget-activity .social-user-img-container .social-user-img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

#widget-activity .social-user-img-container .social-user-arrow-img {
    position: absolute;
    top: 0;
    right: 0;
    background-position: -187px -118px;
}

#widget-activity .put {
    color: darkred;
}

#widget-activity .call {
    color: darkgreen;
}

#widget-activity .loadable {
    display: inline-block;
    padding-right: 20px;
}

#widget-activity .like {
    font-size: 10px;
    color: #6D84B4;
    margin-left: 10px;
}

#widget-activity .liked {
    background: url(../images/Facebook_like_thumb.png);
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 16px;
    cursor: auto;
    text-decoration: none;
    margin-left: 10px;
}

#widget-activity .powered-by-link {
    font-size: 9px;
    display: block;
    text-align: center;
    margin-top: 9px;
}

#mask-container {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

#mask-container.active {
    visibility: visible;
}

#mask-container #mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2001;
    background-color: #000000;
    /*background-color: #ffffff;*/
    opacity: 0.75;
    filter: alpha(opacity=75);
}
#mask-container #mask-item-x-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    background:url(../images/black-white-x-24x24.png) no-repeat;
    top: 0;
    left: 0;
    margin-top: -12px;
    margin-left: -12px;
    border-radius: 12px;
    cursor: pointer;
    z-index: 2003;
}

#no-support-message {
    background: #FFFFFF;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    padding: 8px;
}

#mask-container #mask-item-container {
    z-index: 2002;
    position: absolute;
    left: 50%;
    top: 50%;
}

#mask-container #mask-item-container #mask-item > * {
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .333);
    outline: 0;
}

/* Walkthrough */

.walkthrough-step {
    background: #333;
    border: 1px solid #104E8B;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
    position: absolute;
    color: #ccc;
}

.walkthrough-arrow-right,
.walkthrough-arrow-left,
.walkthrough-arrow-top,
.walkthrough-arrow-bottom {
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
}

.walkthrough-arrow-right {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #104E8B;
}

.walkthrough-arrow-left {
    border-width: 10px 10px 10px 0;
    border-color: transparent #104E8B transparent transparent;
}

.walkthrough-arrow-top {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #104E8B transparent;
}

.walkthrough-arrow-bottom {
    border-width: 10px 10px 0 10px;
    border-color: #104E8B transparent transparent transparent;
}

.walkthrough-close-button {
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 5px;
}

.walkthrough-title {
    color: #104E8B;
    font-weight: bold;
    margin-top: 5px;
}

.walkthrough-message {
    color: #ccc;
}

.walkthrough-button {
    background: #06b5f6;
    color: #fff;
    border-radius: 5px;
    padding: 2px 15px;
    display: inline-block;
    float: right;
    margin: 5px 2px 2px 2px;
    cursor: pointer;
}

/* Volatility */

.big-gamebox#widget-sentiment .sentiment-table .last-price {
    width: 100px;
}

#widget-sentiment .sentiment-table > div > div,
#widget-sentiment .sentiment-table > div > div > div {
    float: left;
}
 
#widget-sentiment .sentiment-table .header > div,
#widget-sentiment .sentiment-table .sentiment-data > div {
    border-right: 1px solid white;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
 
#widget-sentiment .sentiment-table .sentiment-data > div.sentiment {
    line-height: 16px;
}
 
#widget-sentiment .sentiment-table .header div {
    text-align: center;
}
 
#widget-sentiment .sentiment-table .category {
    clear: both;
    background-color: #104E8B;
    color: white;
}
 
#widget-sentiment .sentiment-table .sentiment-data {
    clear: both;
}

#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: 25px;
    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;
    font-weight: bolder;
}


#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-sentiment .volatility-level.volatility-level-1.on { background: #fcfc04 }
#widget-sentiment .volatility-level.volatility-level-2.on { background: #ffb300 }
#widget-sentiment .volatility-level.volatility-level-3.on { background: #ff8c01 }
#widget-sentiment .volatility-level.volatility-level-4.on { background: #ff6200 }
#widget-sentiment .volatility-level.volatility-level-5.on { background: #ff2e21 }
#widget-sentiment .volatility-level.volatility-level-6.on { background: #c70002 }

#widget-sentiment .sentiment-table .sentiment-data .instrument {
    cursor: pointer;
}
 
#widget-sentiment .last-price.highlight-up {
    color: green;
    font-weight: bold;
}
 
#widget-sentiment .last-price.highlight-down {
    color: red;
    font-weight: bold;
}
#widget-gamebox .game-short-expiry-tooltip {
    padding: 0px 2px 0px 2px;
    top: 2px;
}

/* start captcha */

#registration-captcha-container {
    
    background: #fefefe;
    
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    -webkit-box-shadow:inset 0px 0px 2px 0px #b9baba;
    -moz-box-shadow:inset 0px 0px 2px 0px #b9baba;
    box-shadow:inset 0px 0px 2px 0px #b9baba;
    
    border: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    
    width: 100%;
}

#registration-captcha-container div:nth-child(1):not(.captchaTextLabel) {
    color: #454545;
    font-size: 15px;
    font-family: Kalinga;
    border-bottom: 1px solid #ececec;
    
    width: 90%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

#registration-captcha-container .registration-captcha-title {
    margin-top: 6px !important;
    width: 75% !important;
    height: 45px;
}

#registration-captcha-container .bold {
    font-weight: bold;
}

#registration-captcha-container div:nth-child(2) {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    margin-top: 0px;
    
    font-size: 12px;
    font-family: Verdana;
    
    border: 1px solid #c2c2c2;
    
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

#registration-captcha-container div:nth-child(2) div:not(#get-new-image-button) {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    background: #e6e2e2;
    
    padding: 4px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    border: none;
}

#registration-captcha-container div:nth-child(2) .captcha-image-container {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    background: rgba(0,0,0,0) !important;
    width: 100% !important;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}

#registration-captcha-container div:nth-child(2) div div:not(#get-new-image-button) {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.captchaTextLabel {
    font-size: 12px;
    font-family: Verdana;
    padding: 0px !important;
    border: 0px solid #ececec;
    margin: 0 !important;
    background: rgba(0,0,0,0) !important;
}

#captchaText {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    height: 24px !important;
    
    border: 1px solid #ececec;
    width: 78% !important;    
}

#get-new-image-button {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) ;
    background: #87e501;
    background-image: -ms-linear-gradient(top, #87e501 0%, #6ab105 100%) ;
    background-image: -moz-linear-gradient(top, #87e501 0%, #6ab105 100%) ;
    background-image: -o-linear-gradient(top, #87e501 0%, #6ab105 100%) ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87e501), color-stop(1, #6ab105)) ;
    background-image: -webkit-linear-gradient(top, #87e501 0%, #6ab105 100%) ;
    background-image: linear-gradient(to bottom, #87e501 0%, #6ab105 100%) ;
    
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    border: 1px solid #6fad17;
    width: 32px;
    height: 24px;
    position:relative;
    display: inline-block;
    top: 0px;
    cursor: pointer;
    float: right;
}
#get-new-image-button:after {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 3px;
    background: url(../../../images/get-new-image-button.png) no-repeat;;
}
#captcha-submit-button {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) ;
    background-image: -ms-linear-gradient(top, #FF9A00 0%, #D10D00 100%) ;
    background-image: -moz-linear-gradient(top, #FF9A00 0%, #D10D00 100%) ;
    background-image: -o-linear-gradient(top, #FF9A00 0%, #D10D00 100%) ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9A00), color-stop(1, #D10D00)) ;
    background-image: -webkit-linear-gradient(top, #FF9A00 0%, #D10D00 100%) ;
    background-image: linear-gradient(to bottom, #FF9A00 0%, #D10D00 100%) ;
    text-transform: uppercase;
    
    padding-top: 10px;
    
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    width: 224px;
    height: 51px;
    
    color: #fff;
    font-size: 23px;
    font-family: verdana;
    font-weight: regular;
    text-align: center;
    
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
    
    margin-top: 10px;
    margin-bottom: 10px;
}

#captcha-submit-button:hover {
    background-image: -ms-linear-gradient(top, #D10D00 0%, #FF9A00 100%) ;
    background-image: -moz-linear-gradient(top, #D10D00 0%, #FF9A00 100%) ;
    background-image: -o-linear-gradient(top, #D10D00 0%, #FF9A00 100%) ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D10D00), color-stop(1, #FF9A00)) ;
    background-image: -webkit-linear-gradient(top, #D10D00 0%, #FF9A00 100%) ;
    background-image: linear-gradient(to bottom, #D10D00 0%, #FF9A00 100%) ;
}

/* end captcha */

/* Custom registration - start */
#custom-reg-container {
    background: #f8f8f8;
    background: -moz-linear-gradient(center top , #f8f8f8, #eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
    width: 905px;
    height: 430px;
    border-radius: 3px;
    padding: 30px 0;
}

.custom-reg-field-container {
    float: left;
    margin-bottom: 4px;
    height: 72px;
}

.custom-reg-field-name {
    color: #666666;
    font-size: 14px;
    margin-left: 43px;
}

.custom-reg-field {
    background: #e8ebee;
    color: #858585;
    width: 388px;
    height: 33px;
    border-radius: 3px;
    margin-left: 43px;
}

#captchaText.custom-reg-field {
    width: 388px !important;
    height: 33px !important;
}

.custom-reg-form #get-new-image-button.custom-reg-get-new-image-button {
    width: 34px;
    height: 34px;
    margin-left: 5px;
}

.custom-reg-form #get-new-image-button.custom-reg-get-new-image-button:after {
    top: 7px;
}

select.custom-reg-field {
    padding: 6px !important
}

.custom-reg-form #read-only-dial-code {
    margin: 5px 0 0 43px;
    width: 10px;
    float: left;
    font-size: 14px;
}

.custom-reg-form #custom-reg-area-code {
    width: 50px;
}

.custom-reg-form #area-code-container {
    float: left;
}

.custom-reg-form #phone-number-container {
    float: left;
}

.custom-reg-form #phone-number-container #phone {
    width: 265px;
    margin-left: 20px;
}

.custom-reg-form #phone-number-container.long-field #phone {
    width: 335px;
    margin-left: 43px;
}

.custom-reg-field-tip.alert {
    margin-left: 43px;
    color: #FF1135;
}

#custom-reg-disclaimer-container {
    clear: both;
    float: left;
    margin: 5px 40px;
}

#custom-reg-disclaimer-checkbox-wrapper {
    float: right;
}

#custom-reg-disclaimer-checkbox {
    width: 12px;
    margin: 3px;
}

#custom-reg-disclaimer-wrapper {
    float: right;
    margin-right: 43px;
}

#custom-reg-disclaimer-wrapper a {
    color: #5fa72b;
}

#custom-reg-disclaimer-checkbox-tip-container {
    clear: both;
}

#custom-reg-disclaimer-checkbox-tip.field-tip.alert {
    margin-left: 18px;
}

#custom-reg-disclaimer-wrapper {
}

#custom-reg-button {
    margin: 0 42px;
    float: left;
}

#custom-reg-button, #custom-reg-button:active {
    background: #82c71e !important;
    border: none;
    color: #fff;
    text-shadow: none;
    text-align: center;
    padding-top: 9px;
    width: 266px;
    height: 44px;
}

.custom-reg-form #captcha-image {
    border-radius: 5px;
    position: absolute;
    margin: 5px 43px;
}

/* Loader */
.loader-overlay {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('../images/loading-spinner.gif') rgba(0,0,0,0.5);
    z-index: 999;
    background-repeat: no-repeat;
    background-position: 50%;
}

/* Custom registration - end */