/* 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;
    background: white;
}

.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 {
    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.facebook {

}

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

#widget-registration #login-form {
    position: relative;
    height: 175px;
    height: 420px;
}

#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, #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 {
    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 label {
    padding-right: 3px;
}

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

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

#widget-registration .accept-terms

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

#widget-registration #registration-button-row {
    position: absolute;
    bottom: 20px;
    margin-left: -75px;
    left: 50%;
    margin-left: 0;
    left: 5%;
    width: 90%;
}

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

#widget-registration #facebook-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: 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;
}

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

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

#widget-registration #facebook-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;
    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 {
    width: 90%;
    padding-left:5px;
    display: inline-block;
}

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

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

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

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

#widget-registration #phone-container input{
    width: 100% !important;
}
#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 #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 .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%;
}

/* 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;
}

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

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

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

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

#widget-gamebox .game-form-invoice-wrapper {
    float: right;
    width: 192px;
    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, #widget-gamebox .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-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;
}

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

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

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

#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 .sixty-seconds-expiry-inactive-indicator {
    background: url(../images/timer_ico_sprite.png) no-repeat scroll 0px -24px transparent;
    float: right;
    margin-top: 5px;
    display: inline-block;
    width: 50px;
    height: 24px;
}

#widget-gamebox .sixty-seconds-expiry-active-indicator {
    background: url(../images/timer_ico_sprite.png) no-repeat scroll 0px 0px transparent;
    float: right;
    margin-top: 5px;
    display: inline-block;
    width: 50px;
    height: 24px;
}

#widget-gamebox .fifteen-minutes-expiry-inactive-indicator {
    background: url(../images/timer_ico_sprite.png) no-repeat scroll -50px -24px transparent;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    display: inline-block;
    width: 50px;
    height: 24px;
}

#widget-gamebox .fifteen-minutes-expiry-active-indicator {
    background: url(../images/timer_ico_sprite.png) no-repeat scroll -50px 0px transparent;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    display: inline-block;
    width: 50px;
    height: 24px;
}

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

#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:150px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

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

#widget-gamebox .closing-progress-bar-container .x-progress-text {
    color: #333 !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;
}


/* Quick Login Widget */

#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 {
    /*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 #facebook-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;
}

/* 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;
}