@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900);

html {-webkit-text-size-adjust: none; min-height: 100%; height: 100%; padding: 0; margin: 0;}
body {height: auto !important; height: 100%; min-height: 100%; min-width: 1000px; margin: 0 !important;
    text-align: left; position: relative; padding: 0 !important; color: #1e1e1e;
    background: #f2f2f2 url("../images/homepage-noise.png");
    font: normal 12px Arial, sans-serif;
    }
img {border: none;}
a {color: #007fb9; border: 0; padding: 0; margin: 0; text-decoration: underline; outline: none;}
form {margin: 0; padding: 0; border: 0;}
dfn {font-style: normal;}
.clear {clear: both; overflow: hidden; height: 1px; margin-bottom: -1px;}

/* service-type styles */
.hidden {display: none;}
h1, h2, h3 {font: 18px normal; font-family: Arial, sans-serif; color: #000; padding: 0; margin: 0;}
h1 {font-size: 25px;}
h2 {font-size: 20px;}
p {margin: 5px 0;}
.nothing {padding: 100px; color: #555; text-align: center;}
.nobr {white-space: nowrap;}
.column-left {float: left;}
.column-right {float: right;}
ul.errors li {background:none; padding: 0;}
.centered-cell {text-align: center;}

/* main parts */
.site {height: auto !important; height: 100%; min-height: 100%; padding-bottom: 140px;}
.site.homepage {padding-bottom: 0;}
.header-wrap {
    height: 49px; background: #333; position: absolute; top: 0; left: 0; width: 100%; z-index: 200; min-width: 986px;
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05);
            box-shadow: 0 5px 0 rgba(0,0,0,0.05);
    }
.header-home {background: rgba(51,51,51,0.9)}
.header {height: 49px; max-width: 986px; width: 98%; margin: 0 auto; position: relative; z-index: 4;}

.header-wide {width: 98%; min-width: 986px; max-width: none;}
a.logo, h1.logo {width: 110px; height: 49px; text-decoration: none; background: url(../images/logo.png) 0 50% no-repeat;
    display: block; position: absolute; top: 0; left: 0;
    }
a.logo-christmas, h1.logo-christmas {width: 128px; height: 49px; text-decoration: none; top: -6px; left: -18px;
    background: url(../images/logo-christmas.png) 0 50% no-repeat;
    }
.logo .icon-dropdownarrow {position: absolute; top: 50%; right: -15px; margin-top: -7px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 144dpi) {
	a.logo, h1.logo {background-image: url(../images/logo2x.png); background-size: 110px 28px;}
    a.logo-christmas, h1.logo-christmas {background-image: url(../images/logo-christmas2x.png); background-size: 128px 41px;}
	}

.header .translatebutton {display: inline-block; background: url(../images/translate-button.png) 0 0 no-repeat;
    padding: 3px 6px 3px 18px; outline: none; text-align: left; line-height: 15px;
    }
.header .translatebutton.active {background-color: #316d00; border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
            box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
    }
.header-currency {font-weight: bold; color: #fff; font-size: 14px; line-height: 14px; height: 14px;
    display: inline-block; margin-right: 4px;
    }

/* search bar */
.header .search {display: inline-block; vertical-align: top;}
.header .search form {padding: 0; margin: 0;}
.header .searchinput {font-size: 12px; font-family: Arial, sans-serif; padding: 5px 10px 5px 25px; height: 21px; outline: none;
    line-height: 21px; width: 80px; background: rgba(255,255,255,0.1); border: 0; color: #999; margin: 0;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    }
.header-home .searchinput {font-family: "Lato", Arial, sans-serif; font-size: 15px; color: #fff;}
.header .searchinput:focus, .header-home .searchinput:focus {color: #000; background: #fff; width: 200px;}
.header .searchbutton {background: url(../images/icons.png) -666px -50px; width: 18px; height: 18px; position: absolute;
    top: 6px; left: 4px; opacity: 0.5;
    }

/* header menu */
.header-menu-nonlogged {position: absolute; left: 135px; top: 14px; font-size: 13px; z-index: 20; line-height: 19px;}
.header-menu-nonlogged a {color: #fff; font-weight: normal; text-decoration: none; margin: 0 20px 0 0;
    display: inline-block; vertical-align: middle;
    }
.header-menu-nonlogged a:hover, .header-menu-nonlogged a.active {color: #fff;}
.homepage .header-menu-nonlogged a {font-size: 15px; font-family: "Lato", Arial, sans-serif;}
.headermenu-dropdown .dropdown-content {background: rgba(0,0,0,0.8); right: auto; left: 0; width: 200px;}
.headermenu-dropdown .dropdown-corner {border-bottom-color: #000; opacity: 0.8; right: auto; left: 15px;}
.headermenu-dropdown .dropdown-content a {display: block; padding: 10px 20px; margin: 0 -10px;}
.headermenu-dropdown .dropdown-content a:hover {background: rgba(255,255,255,0.1);}

/* side menu */
.header-menu-wrap {z-index: 19; position: absolute;  width: 986px; left: 50%; margin-left: -493px;}
.header-menu {width: 127px; position: absolute; padding: 10px 0; background: #fff; z-index: 19; left: 0; top: 65px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    }
.subheadermessage .header-menu {top: 99px;}
.header-menu a {color: #444; overflow: hidden; text-decoration: none; display: block; margin-bottom: 4px;
    white-space: nowrap; position: relative; padding: 3px 0 3px 30px; line-height: 18px;
    }
.header-menu a:hover {color: #000; background: #eee;}
.header-menu-label {display: inline-block; vertical-align: top; white-space: normal;}
.header-menu a .icon {display: inline-block; vertical-align: top; margin: 0; position: absolute; top: 3px; left: 8px;}
.header-menu a.active {border-left: #e54a20 3px solid; padding-left: 27px; color: #000;}
.header-menu a.active .icon {left: 5px;}
.header-menu-collapsed {background: #fff; padding: 5px 10px; top: -500px !important; opacity: 0;
    -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
            box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s;
            transition: all 0.5s;
    }
.header-menu-down {top: 49px !important; opacity: 1;}
.subheadermessage .header-menu-down {top: 83px !important; opacity: 1;}
.withpromo .header-menu-down {top: 83px !important;}
.header-menu-blank {width: 100px; position: absolute; left: 0; top: 49px; padding: 20px; font-size: 12px; color: #777;}
.subheadermessage .header-menu-blank {width: 100px; position: absolute; left: 0; top: 83px; padding: 20px; font-size: 12px; color: #777;}
.header-menu-blank p {margin: 0 0 1em 0; padding: 0;}

@media screen and (min-width: 1000px) {
    .header-wrap {position: fixed;}
    .header-menu-wrap {position: fixed;}
    }

@media screen and (min-width: 1260px) {
    .header-menu-wrap {left: 0; margin: 0; position: absolute;}
    .header-menu {position: fixed;}
    .header-menu-blank {position: fixed;}
    }
.header-menu-home {left: 50%; margin-left: -493px; position: fixed;}
.header-menu-home .header-menu {position: absolute;}

/* promo subheader */
.subheader {position: absolute; top: 57px; left: 0; width: 100%; display: block; text-decoration: none;
    height: 34px; border: 0; z-index: 199; color: #000;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.subheader:hover {color: #469e1d;}
.page-wide .subheader {top: -38px;}
.subheader-content {height: 24px; line-height: 24px; padding: 5px 0; text-align: center; text-decoration: none;}

@media screen and (min-width: 1000px) {
    .subheader {position: fixed; top: 49px; background: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
                box-shadow: 0 5px 0 rgba(0,0,0,0.05);
        }
    .page-wide .subheader {top: 49px;}
    .subheader:hover {background: #ffb540; color: #000}
    }
.onetrade-promo {line-height: 24px;}
.onetrade-promo .onetrade-logo {display: inline-block; height: 24px; vertical-align: top; margin-left: 20px;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.withpromo .header-menu, .withpromo .header-menu-blank {top: 100px;}

/* CChat Banner */
.cchat-download-links {
    display: inline-block;
    max-width: 40%;
}
.cchat-download-links .cchat-follow-us {
    display: inline-block;
}
.cchat-download-links img {
    width: 100%;
    margin-bottom: 3px;
}
.cchat-download-links a {
    text-decoration: none;
}
.cchat-qr-code {
    display: inline-block;
    width: 59%;
    float: right;
    text-align: right;
    padding-top: 8px;
}
.cchat-qr-code img {
    width: 90%;
}

/* 'more' menu */
.more-trigger {color: #999; position: relative; display: inline-block; vertical-align: middle;}
.more-content {background: #fff; padding: 30px; position: fixed; top: 49px; left: 50%; margin-left: -493px;
    display: none;  width: 926px; color: #000; z-index: 9;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
            box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
	}
.more-label {display: inline-block; vertical-align: middle;}
.more-content-head {color: #000; padding: 14px 20px 17px; position: absolute; top: -14px; right: -20px; left: -20px;
    background: #fff; line-height: normal; z-index: 10; display: none;
    }
.more-content-column {float: left; width: 23.5%; padding-left: 2%; border-left: #ddd 1px solid;}
.more-content-column:first-child {border: 0; padding: 0;}
.more-column-last {width: 22%}
.more-content-header {font-size: 18px; color: #000; display: block !important; margin: 0 0 10px !important;}
.more-content-subheader {color: #777; display: block !important; margin-bottom: 6px;}
.more-content a {color: #000; display: inline-block; margin-bottom: 6px; font-weight: normal;}
.more-content a:hover  {color: #007FB9;}
.more-content a.active {background: transparent; box-shadow: none;}
.more-content-children {display: block; padding-left: 15px;}

/* header links and controls */
.header-links {position: absolute; top: 9px; right: 0; font-size: 12px; line-height: 21px;}
.header-links .icon {vertical-align: middle;}
.header-links .signinlink {padding-right: 5px;}
.header-links .dropdown-arrow:before {border-top-color: #fff;}
.header-links, .header-links a {color: #fff; text-decoration: none;}
.header-link {display: inline-block; color: #d0d0d0; position: relative; padding: 5px 10px; line-height: 21px;
    background: rgba(255,255,255,0.1);
    }
.header-home .header-link {font-family: "Lato", Arial, sans-serif; font-size: 15px;}
.header-link:hover {color: #fff; background: rgba(255,255,255,0.2);}
.header-profile-link {padding-left: 41px; position: relative;}
.header-profile-link .avatar {position: absolute; top: 0; left: 0; width: 31px; height: 31px; padding: 0; opacity: 0.8;}
.header-profile-link:hover .avatar {opacity: 1;}

/* dropdowns */
.dropdown {position: relative; display: inline-block; text-align: left;}
.dropdown a {text-decoration: none;}
.dropdown-values,
    .dropdown-content,
    .dropdown-values-clicky {background: #fff; position: absolute; right: 0; top: 24px; min-width: 100px;
        z-index: 100; text-align: left; padding: 10px;
        -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.3);
                box-shadow: 0 2px 15px rgba(0,0,0,0.3);
    }
.dropdown-content {top: 60px; opacity: 0; margin-top: -50000px; -webkit-border-radius: 4px; border-radius: 4px;
    -webkit-transition: opacity 0.3s, top 0.3s, margin-top 0s;
            transition: opacity 0.3s, top 0.3s, margin-top 0s;
    -webkit-transition-delay: 0s, 0s, 0.3s;
            transition-delay: 0s, 0s, 0.3s;
    }
.dropdown-black {background: rgba(0,0,0,0.8); color: #fff;}
.js-dropdown-onhover .dropdown-content {
    -webkit-transition-delay: 0.5s, 0.5s, 0.8s;
            transition-delay: 0.5s, 0.5s, 0.8s;
    }
.dropdown-open .dropdown-content {top: 34px; display: block !important; opacity: 1; margin-top: 0;
    -webkit-transition: opacity 0.3s, top 0.3s, margin-top 0s;
            transition: opacity 0.3s, top 0.3s, margin-top 0s;
    }
.dropdown-list {max-height: 500px; overflow: auto; overflow-x: hidden;}
.dropdown-corner {position: absolute; top: -12px; right: 10px; border: #fff 6px solid;
    border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;
    }
.dropdown-black .dropdown-corner {border-bottom-color: #000; opacity: 0.8;}
.header-accounts-box a,
    .dropdown-values a,
    .dropdown-values-clicky a,
    .dropdown-value {display: block; white-space: nowrap; padding: 5px 10px; text-decoration: none;
        cursor: pointer; margin: 0; color: #000;
    }
.dropdown-values a:hover, .dropdown-value:hover {background: #eee;}
.dropdown-value.disabled {color: #aaa;}
.dropdown-value.disabled:hover {background: transparent;}
.dropdown-values-white {background: #fff;}
.dropdown-values-white a {color: #000;}
.dropdown-values-white a:hover {color: #000; background: #eee;}
.dropdown-trigger, .dropdown-trigger-clicky {display: inline-block; background: url(../images/dropdown-white.png) 100% 0 no-repeat;
    border: #000 1px solid; padding: 5px 20px 5px 7px; color: #fff; text-decoration: none;
    }
.dropdown-trigger-down {background-position: 100% -72px; padding-bottom: 6px; border-bottom: 0; color: #000; position: relative; z-index: 104;}
.dropdown-values-header {color: #000; position: absolute; top: -25px; right: -1px; display: inline-block;
    padding: 5px 20px 6px 7px; z-index: 103; border: #000 1px solid; border-bottom: 0;
    background: #fff url(../images/dropdown-white.png) 100% -72px no-repeat;
    }
.dropup-options {top: -211px;}
.round-button-dropdown {border-color: #ccc; overflow: hidden; -moz-border-radius: 12px;
    -ms-border-radius: 12px;  -o-border-radius: 12px;  -webkit-border-radius: 12px;  border-radius: 12px;
    }
.dropdown .round-button-dropdown {width: 10px; height: 10px; padding: 5px; background-position: 100% -74px; z-index: 100; margin: 0;}
.dropdown .round-button-dropdown:hover,
    .dropdown .round-button-dropdown.active {border: #555 1px solid !important; background-position: 100% -74px;}
.dropdown-blind {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: none; z-index: 99;}
.header-languages a {display: block; padding: 3px;}

/* login form */
.loginform {width: 210px; background: #fff; padding: 20px; color: #000;}
.loginform .label {display: block; margin-bottom: 3px;}
.loginform input.text {width: 200px; color: #989FA2; margin: 0; font-size: 12px; padding: 4px; display: block; margin-bottom: 10px;}
.loginform input.text:focus {color: #000;}
.loginform .closelogin {width: 13px; height: 13px; background: url(../images/icons.png) -188px 0 no-repeat; text-decoration: none;
    position: absolute; right: 10px; top: 10px;
    }
.loginform .closelogin:hover {background-position: -188px -13px;}
.loginform .remember input {float: left; margin-right: 4px; position: relative; top: -2px;}
.loginform .remember {color: #000; margin-top: 14px; float: left;}
.loginform .forgotpass {text-align: center; margin: 20px 0 0;}
.loginform .forgotpass a {color: #007fb9;}
.loginform .forgotpass a:hover {color: #007fb9; text-decoration: underline;}
.loginform .button {font-size: 12px; position: relative; top: 0;}
.loginform .loginbutton {margin: 10px 0 0; display: block; float: right;}
.loginform .form_errors {margin-top: 20px;}
.loginform .errors {background: #e00; color: #fff; padding: 2px 5px; z-index: 4; margin-top: -10px; margin-bottom: 8px;}
.loginform .errors li {padding: 0; margin-bottom: 3px; background: transparent;}
.loginform .registerbutton {font-size: 11px; height: 21px; padding: 0 20px; position: relative; top: -2px;
    background: transparent; color: #989fa2;
    }
.loginform .registerbutton:hover {text-decoration: underline; color: #007fb9;}

/* page */
.page {width: 843px; margin: 0 auto; padding-left: 142px; padding-top: 65px; min-height: 440px;}
.subheadermessage .page {padding-top: 99px;}
.withpromo .page {padding-top: 99px;}
.withpromo .page-wide {padding-top: 0; top: 91px;}
.page-notice {width: 980px; margin: 0 auto; padding: 10px 15px; position: relative; top: 70px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.footer-hidden {display: none;}
.footer-space-hidden {display: none;}
h1.pagetitle {color: #000; border-bottom: #ddd 1px solid; margin: 0 0 30px; padding: 0 0 5px; position: relative;}

@media screen and (min-width: 1260px) {
    .page {width: 986px; padding-left: 0;}
    }

.page-home, .page-about {margin: 0; width: auto; padding: 0; font-family: "Lato", Arial, sans-serif; background: #fff;}
.page-wide {position: absolute; width: 99%; min-width: 986px; min-height: 700px; bottom: 0;
    top: 57px; left: 0.5%; right: 0.5%; margin: 0; padding: 0 0 47px; z-index: auto;
    }

/* footer */
.body-scripts {height: 1px; overflow: hidden;}
.footer-space {padding-bottom: 605px;}
.brandedpage .footer-space {padding-bottom: 172px;}
.footer {background: #333; padding: 30px 0; color: #fff; font-size: 12px; height: auto;
    position: absolute; bottom: 0; overflow: hidden; width: 100%; left: 0; min-width: 986px; z-index: 18;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
            box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset;
    }
.footer-home {font-family: "Lato", Arial, sans-serif; font-weight: 300; padding: 50px 0; background: #000;
    font-size: 15px; position: static; height: auto;
    }
.branded-footer {height: 112px;}
.footer .logo {top: -28px; left: 0; opacity: 0.5;}
.footer strong {font-weight: 900; margin-bottom: 15px;}
.footer h4 {margin: 0;}
.footer-content {width: 986px; margin: 0 auto; padding: 25px 0 0; overflow: hidden;}
.footer-wide {width: 98%; min-width: 986px;}
.footer .disclaimer {text-align: justify; color: #fff; line-height: 14px; font-size: 13px; font-weight: bolder; width: 100%;}
.footer .disclaimer p {margin: 0 0 10px;}
.footer-seals {text-align: left; margin: 20px 0;}
.footer .iso-logo {background: url(../images/iso9001logo.png) 0 0 no-repeat; width: 83px; height: 54px; text-decoration: none;
    display: inline-block; vertical-align: middle; margin: 0;
    }
.footer .iso-logo:hover {background-position: 0 -54px; text-decoration: none;}
.footer a {color: #fff; text-decoration: none; display: inline-block; margin-right: 15px;}
.footer a:hover {text-decoration: underline;}
.footer .copy {margin: 30px 0; text-align: center;}
.footer .column {float: left; width: 21%; margin-right: 4%; margin-bottom: 15px; position: relative;}
.footer ul {padding: 0; margin: 12px 0 30px;}
.footer li {padding: 0; margin: 0 0 10px; list-style-type: none; display: block; background: transparent;}
.footer .languages {padding: 7px 0; text-align: center; background: rgba(255,255,255,0.1); display: block; overflow: hidden;}
.footer .languages a {margin: 0 15px 0 0;}
.footer .reportbug {float: right; display: block; margin: 0 0 0 20px; font-weight: bold; padding: 8px 15px; background: rgba(255,255,255,0.1);}
.footer .reportbug:hover {text-decoration: none; background: rgba(255,255,255,0.2);}
.additional-risk {padding: 10px 15px 10px 50px; font-size: 10px; background: #eee url(../images/risk.png) 15px 20px no-repeat;
    color: #777; line-height: 14px; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
    }
.footer .tweetbutton, .footer .fb-like {display: inline-block; vertical-align: bottom; margin-right: 15px;}
.truste-small {display: inline-block; vertical-align: middle; background: url(../images/truste.png) 0 1px no-repeat;
    width: 58px; height: 19px; margin-right: 10px; text-decoration: none;
    }
.truste-small:hover, a:hover .truste-small {background-position: 0 -18px; text-decoration: none;}
.footer .truste-footer-seal {background: url(../images/truste.png) 0 -112px no-repeat; width: 98px; height: 28px;
    display: inline-block; margin-left: 30px;
    }
.footer .truste-footer-seal:hover {background-position: 0 -140px; text-decoration: none;}

/* icons */
.icon {background: url(../images/icons.png) 0 0 no-repeat; display: inline-block; width: 13px; height: 14px;
    text-decoration: none; background-size: 846px 86px;
    }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .icon {background-image: url(../images/icons2x.png);}
    }
a:hover .icon {text-decoration: none;}
.icon-home {width: 18px; height: 18px; background-position: -18px -50px;}
.item:hover .icon-home, .item.active .icon-home {background-position: -18px -68px !important;}
.icon-widget {width: 18px; height: 18px; background-position: -36px -50px;}
.item:hover .icon-widget, .item.active .icon-widget {background-position: -36px -68px !important;}
.icon-settings {width: 18px; height: 18px; background-position: -54px -50px;}
.item:hover .icon-settings, .item.active .icon-settings {background-position: -54px -68px !important;}
.icon-settings-system {width: 18px; height: 18px; background-position: -54px -68px;}
.icon-connections {width: 18px; height: 18px; background-position: -72px -50px;}
.item:hover .icon-connections, .item.active .icon-connections {background-position: -72px -68px !important;}
.icon-portfolio {width: 18px; height: 18px; background-position: -90px -50px;}
.item:hover .icon-portfolio, .item.active .icon-portfolio {background-position: -90px -68px !important;}
.icon-forums {width: 18px; height: 18px; background-position: -108px -50px;}
.item:hover .icon-forums, .item.active .icon-forums {background-position: -108px -68px !important;}
.icon-inbox {width: 18px; height: 18px; background-position: -126px -50px;}
.item:hover .icon-inbox, .item.active .icon-inbox {background-position: -126px -68px !important;}
.icon-autotrading {width: 18px; height: 18px; background-position: -144px -50px;}
.item:hover .icon-autotrading, .item.active .icon-autotrading {background-position: -144px -68px !important;}
.icon-performances {width: 18px; height: 18px; background-position: -162px -50px;}
.item:hover .icon-performances, .item.active .icon-performances {background-position: -162px -68px !important;}
.icon-payments {width: 18px; height: 18px; background-position: -180px -50px;}
.item:hover .icon-payments, .item.active .icon-payments {background-position: -180px -68px !important;}
.icon-compare {width: 18px; height: 18px; background-position: -198px -50px; vertical-align: middle;}
.item:hover .icon-compare, .item.active .icon-compare {background-position: -198px -68px !important;}
.icon-blender {width: 18px; height: 18px; background-position: -216px -50px;}
.item:hover .icon-blender, .item.active .icon-blender {background-position: -216px -68px !important;}
.icon-publicpage {width: 18px; height: 18px; background-position: -396px -50px;}
.item:hover .icon-publicpage, .item.active .icon-publicpage {background-position: -396px -68px !important;}
.icon-onetrademenu {background-position: -414px -50px; width: 18px; height: 18px;}
.item:hover .icon-onetrademenu, .item.active .icon-onetrademenu {background-position: -414px -68px !important;}
.icon-performance {width: 11px; background-position: -147px 0;}
.icon-search {width: 18px; height: 18px; background-position: -270px -32px;}
.header .icon-performance {background-position: -147px -14px;}
.icon-clock {width: 11px; background-position: -14px -14px;}
.icon-message {width: 15px; background-position: -40px 0;}
.icon-logout {width: 18px; height: 18px; background-position: 0 -50px;}
a:hover .icon-logout {background-position: 0 -68px;}
.icon-profile {width: 11px; background-position: -87px 0;}
.icon-profile-light {width: 11px; background-position: -74px -14px;}
.header .icon-profile {background-position: -87px -14px;}
.icon-bug {width: 17px; height: 14px; background-position: -501px -14px;}
.icon-add {width: 16px; height: 16px; background-position: -133px -30px;}
.icon-watchlist {width: 16px; height: 16px; background-position: -116px -30px;}
.icon-watchlist:hover, a:hover .icon-watchlist {background-position: -133px -30px;}
.icon-analysis {width: 19px; background-position: -113px 0;}
.icon-viewprofile {width: 12px; background-position: -134px 0;}
.icon-remove {width: 18px; height: 18px; background-position: -540px -50px; opacity: 0.4; vertical-align: top;}
.icon-remove:hover, a:hover .icon-remove {opacity: 1;}
.icon-link {width: 18px; height: 18px; background-position: -684px -68px;}
.icon-info {width: 14px; background-position: -230px 0;}
.icon-watchers {width: 16px; background-position: -271px 0;}
.icon-addconnection {width: 18px; height: 18px; background-position: -684px -50px;}
.icon-twitter {width: 20px; height: 20px; background-position: -20px 0; vertical-align: middle;}
.icon-facebook {width: 20px; height: 20px; background-position: 0 0; vertical-align: middle;}
.icon-help {background-position: -344px 0; width: 28px; height: 28px; vertical-align: middle;}
.icon-helpmark {background-position: -372px 0; width: 18px; height: 18px; vertical-align: middle;}
.icon-file {background-position: -390px 0; width: 28px; height: 28px; vertical-align: middle;}
.icon-like {background-position: -134px -14px; width: 13px; height: 14px; vertical-align: middle;}
.icon-likes {background-position: -149px -30px; width: 16px; height: 16px; vertical-align: middle; margin: 0;}
.icon-facebook-small {background-position: -418px -1px; padding-top: 16px; width: 16px; height: 0;
    overflow: hidden; vertical-align: middle;
    }
.icon-twitter-small {background-position: -435px -1px; padding-top: 16px; width: 16px; height: 0;
    overflow: hidden; vertical-align: middle;
    }
.icon-approve {width: 17px; height: 17px; background-image: url(../images/icons2.png); background-position: 0 -545px;}
.icon-portfolio-settings {text-decoration: none; background-position: -478px 0; width: 23px; height: 0; padding-top: 23px;
    margin: 0; overflow: hidden; opacity: 0.4;
    }
.icon-portfolio-settings:hover {opacity: 1; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 4px; border-radius: 4px;}
.icon-refresh {width: 18px; height: 18px; background-position: -504px -50px; vertical-align: top; opacity: 0.5;}
.icon-refresh:hover, a:hover .icon-refresh {opacity: 1;}
.icon-pdf {width: 18px; height: 18px; vertical-align: middle; background-position: -618px -68px;}
.icon-excel {width: 18px; height: 18px; vertical-align: middle; background-position: -558px -50px;}
.icon-close {width: 18px; height: 18px; vertical-align: middle; background-position: -540px -68px; opacity: 0.4;}
.icon-close:hover, a:hover .icon-close {opacity: 1;}
.icon-close-white {width: 18px; height: 18px; vertical-align: middle; background-position: -522px -68px; opacity: 0.4;}
.icon-close-white:hover, a:hover .icon-close-white {opacity: 1;}
.icon-popup-close {width: 18px; height: 18px; vertical-align: middle; background-position: -558px -68px; opacity: 0.4;}
.icon-popup-close:hover, a:hover .icon-popup-close {opacity: 1;}
.icon-portfolio-pause {text-decoration: none; background-position: -648px 0; width: 23px; height: 0; padding-top: 23px;
    margin: 0; overflow: hidden; opacity: 0.4;
    }
.icon-portfolio-pause:hover {opacity: 1; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 4px; border-radius: 4px;}
.icon-portfolio-resume {text-decoration: none; background-position: -698px 0; width: 23px; height: 0; padding-top: 23px;
    margin: 0; overflow: hidden; opacity: 0.4;
    }
.icon-portfolio-resume:hover {opacity: 1; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 4px; border-radius: 4px;}
.icon-portfolio-timeframe {text-decoration: none; background-position: -648px -25px; width: 23px; height: 0;
    padding-top: 23px; margin: 0; overflow: hidden; opacity: 0.4;
    }
.icon-portfolio-timeframe:hover {opacity: 1; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 4px; border-radius: 4px;}
.icon-video {background-position: -590px 0; width: 32px; height: 28px;}
.icon-invite-plus {background-position: -725px 0; width: 28px; height: 28px; vertical-align: middle; margin-right: 5px;}
.icon-forum {width: 18px; height: 18px; background-position: -720px -68px;}
.icon-watch {width: 18px; height: 18px; background-position: -702px -68px;}
.icon-unwatch {width: 18px; height: 18px; background-position: -702px -50px;}
.icon-spam {background-position: -186px -29px;width: 14px; height: 20px; margin: 0; vertical-align: top;}
.icon-dropdownarrow {width: 11px; height: 11px; background-position: -205px -32px; margin: 0; vertical-align: middle;}
.icon-dropdownarrowblack {width: 11px; height: 11px; background-position: -219px -32px; margin: 0; vertical-align: middle;}
.icon-expand {width: 13px; height: 13px; background-position: -232px -31px; margin: 0;}
.icon-collapse {width: 13px; height: 13px; background-position: -219px -31px; margin: 0;}
.icon-addtocomparison {width: 18px; height: 18px; background-position: -234px -50px; vertical-align: middle;}
.icon-removefromcomparison {width: 18px; height: 18px; background-position: -234px -68px; vertical-align: middle;}
.icon-lock {width: 12px; height: 14px; background-position: -84px -32px; vertical-align: middle;}
.icon-back {width: 18px; height: 18px; background-position: -288px -68px;}
.icon-back:hover, a:hover .icon-back {background-position: -306px -68px;}
.icon-providers {background-position: -253px -50px; width: 23px; height: 20px;}
.icon-list-providers {background-position: -253px -50px; width: 23px; height: 20px; vertical-align: middle;}
.icon-strategies {background-position: -322px -50px; width: 23px; height: 20px;}
.icon-new-provider {background-position: -276px -50px; width: 23px; height: 20px; vertical-align: middle;}
.icon-new-strategy {background-position: -368px -50px; width: 23px; height: 20px; vertical-align: middle;}
.icon-trailingstop {background-position: -252px -32px; width: 12px; height: 12px; vertical-align: middle; position: relative; top: -1px;}
.icon-onetrade {background-position: -324px -32px; width: 15px; height: 15px;}
.icon-edit-profile {background-position: -434px -72px; width: 12px; height: 13px; vertical-align: middle;}
.icon-check {background-position: -448px -70px; width: 16px; height: 16px;}
.icon-share {background-position: -344px -31px; width: 12px; height: 15px;}
.icon-calendar {width: 18px; height: 18px; background-position: -432px -50px; vertical-align: top;}
.icon-news {width: 18px; height: 18px; background-position: -450px -50px; vertical-align: top;}
.icon-network {width: 28px; height: 18px; background-position: -468px -50px; vertical-align: top;}
.icon-plus {width: 20px; height: 20px; background: #ffb540; text-align: center; font-size: 18px; font-weight: bold;
    line-height: 20px; color: #fff; vertical-align: middle;
    }
.icon-plus:before {content: "+";}
.icon-verified-real {width: 18px; height: 18px; vertical-align: top; background-position: -468px -68px;}
.icon-verified-demo {width: 18px; height: 18px; vertical-align: top; background-position: -486px -68px;}
.icon-unverified, .icon-unverified-  {width: 18px; height: 18px; vertical-align: top; background-position: -504px -68px;}
.icon-verifiedbroker {width: 27px; height: 30px; background-position: -40px 0;}
a:hover .icon-providers, a.active .icon-providers {background-position: -299px -50px;}
a:hover .icon-strategies, a.active .icon-strategies {background-position: -345px -50px;}
.icon-chart {width: 19px; height: 18px; background-position: -638px -68px; vertical-align: top; opacity: 0.4;}
.icon-chart:hover, a:hover .icon-chart {opacity: 1;}
.icon-chart-private {width: 19px; height: 18px; background-position: -638px -50px; vertical-align: top; opacity: 0.4;}
.icon-chart-private:hover, a:hover .icon-chart-private {opacity: 1;}
.browsericon {background: url(../images/browsers.png) 0 0 no-repeat; width: 20px; height: 20px;
    display: inline-block; vertical-align: middle; background-size: 60px 40px;
    }
.browser-chrome {background-position: 0 0;}
.browser-chrome:hover, a:hover .browser-chrome {background-position: 0 -20px;}
.browser-firefox {background-position: -20px 0;}
.browser-firefox:hover, a:hover .browser-firefox {background-position: -20px -20px;}
.browser-download {background-position: -40px 0;}
.browser-download:hover, a:hover .browser-download {background-position: -40px -20px;}
.icon-edit {background-position: -16px -30px;}
.icon-list-view {width: 17px; height: 18px; background-position: -577px -50px;}
.icon-cards-view {width: 20px; height: 18px; background-position: -595px -50px;}
.active .icon-list-view {background-position: -577px -68px;}
.active .icon-cards-view {background-position: -595px -68px;}

/*avatars */
.avatar {display: inline-block;}
.avatar-large {width: 145px; height: 145px; background: #fff;}
.avatar-small {width: 55px; height: 55px; background: #fff;}
.avatar-mini {width: 27px; height: 27px; background: #fff;}
.avatar-large .avatar-image {width: 145px; height: 145px;}
.avatar-small .avatar-image {width: 55px; height: 55px;}
.avatar-mini .avatar-image {width: 27px; height: 27px;}
.headmenu {height: 45px; width: 986px; margin: 0 auto 7px; overflow: hidden; background: #2a2a2a url(../images/menu.png);}
.logo-small {width: 66px; height: 0; overflow: hidden; padding-top: 17px; vertical-align: middle;
    background: url(../images/logo-small.png) 0 -17px no-repeat; display: inline-block;
    }
.adspace {width: 728px; height: 90px; background: #fff; border: #b4bdc1 1px solid; margin: 6px auto 10px;}
.blankarea {color: #999; text-align: center; padding-top: 35px;}
.widepage {padding: 0; margin: 0; min-height: 500px; width: 100%; height: 100%; position: relative;}
.truste-privacy-policy iframe {border: 0; width: auto; height: auto; width: 100%; height: 100%;}

/* content box */
.box  {margin-bottom: 15px; background: #fff; position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
            box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    }
.box .padded {padding: 20px;}
.box h1, .box h3, .boxtitle {font-size: 18px; font-weight: normal; line-height: 20px; padding: 10px;
    border-bottom: #e6e6e6 1px solid; color: #000;
    }
.box .headpagination {position: absolute; top: 9px; right: 6px;}
.box .headswitches {position: absolute; top: 6px; right: 6px;}
.box .headswitches.switches-with-paging {right: 100px;}

/* static pages  */
.staticpage {padding: 25px 40px 40px; margin-bottom: 40px; font-size: 13px; line-height: 140%;
    text-align: justify; background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
            box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    }
.staticpage p, .staticpage ul, .staticpage ol {margin: 0 0 1em;}
.staticpage h1 {margin: 0 0 30px; padding: 0 0 5px; border-bottom: #ddd 1px solid;}
.staticpage h3 {color: #000; margin-top: 30px;}
.staticpage .note {font-size: 11px; color: #555; display: block; margin-top: 30px;}
.staticpage .clear {height: 10px;}

/* Page About Us */
.page-about h1 {font-size: 40px; line-height: 40px; text-transform: uppercase;}
.page-about p {margin: 30px 0; font-weight: 100;}
.page-about .page-section {font-size: 23px; line-height: 150%; padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.page-about .section-contents {padding: 90px 0 85px; font-weight: 100;}
.page-about .text-column {width: 55%;}
.page-about .infograph-column {width: 42%;}
.page-section.about-top {color: #fff; font-size: 30px; padding-top: 0; height: 800px;
    background: #333 url("../images/about-us/top.jpg") 50% 50% no-repeat; background-size: cover;
    }
.about-top .section-contents {text-align: center; padding: 120px 0;}

.page-section.many-users {color: #fff; background-color: #222222; border-top: 1px solid #7a7a7a;
    border-bottom: 1px solid #7a7a7a;
    }
.page-section.compatible-devices {text-align: center; overflow: hidden; white-space: nowrap;}
.page-section.imageband-section {background-color: #f2f2f2; padding-bottom: 80px; overflow: hidden;}
.page-section.map-section {overflow: visible;}
.page-section.join-section {font-size: 40px; text-transform: uppercase; padding: 70px 0 40px; text-align: center;}
.page-about .full-width-img {background-size: cover; background-position: 50% 50%; padding: 50px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.page-section.mission .text-column {float: left; margin-right: 2%;}
.page-section.mission .infograph-column {float: right;}
.page-section.many-users .text-column {float: right; margin-left: 2%;}
.page-section.mission .infograph-column {float: left; padding: 30px 0;}
.infograph-column .bubble {position: relative; display: inline-block; font-size: 27px; text-align: center;
    width: 283px; height: 283px; padding: 0;
	-webkit-box-sizing: padding-box;
       -moz-box-sizing: padding-box;
            box-sizing: padding-box;
    }
.infograph-column .users-ammount {background-color: #3097ef; padding: 40px; line-height: 39px; left: 17px;}
.infograph-column .users-ammount:after {position: absolute; border: 8px solid #3097ef; border-radius: 50%; content: "";
    left: -17px; top: -17px; width: 107%; height: 107%;
    }
.infograph-column .users-ammount .ammount {font-size: 66px;}
.infograph-column .countries-ammount .ammount {font-size: 88px;}
.infograph-column .countries-ammount {position: relative; top: -45px; left: 17px; background-color: #f15a29;
    border: 10px solid #fff; padding: 65px; line-height: 44px;
    }
.page-section.mission .ok-icon {width: 378px; height: 378px; margin: 140px auto;}
.page-section.map-section .section-contents {padding-bottom: 0; margin-bottom: -70px;}
.page-about .bubble-text {position: absolute;}
.users-ammount .bubble-text {top: 120px; left: 50px;}
.countries-ammount .bubble-text {top: 100px; left: 53px;}
.page-about .many-users-img {background-image: url("../images/about-us/users.jpg"); height: 841px;}
.page-about .map-section-img {position: relative; background-image: url("../images/about-us/map.jpg");
    height: 442px; width: auto; max-width: 1980px; background-position: 50% 100%; margin: 0 auto;
    background-size: contain; background-repeat: no-repeat;
    }
.page-about .map-shadow {position: relative; bottom: -513px; background-image: url("../images/about-us/map.png");
    background-size: contain; background-repeat: no-repeat; height: 158px; width: 100%;
    }
.page-about .bubble {border-radius: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.page-about .pride-statement {display: inline-block; width: 450px; height: 450px; padding: 158px 50px;
    font-weight: bold; font-size: 40px; color: #000; background-color: #fff; margin-bottom: 50px; text-transform: uppercase;
    }
.compatible-devices .section-contents {white-space: normal; text-align: left;}
.compatible-devices .device-pic {display: inline-block; max-height: 450px; vertical-align: middle; margin: 0 14px;}
.compatible-devices .devices {position: relative; margin-left: -1766px; left: 50%; padding-bottom: 90px;}
.page-about .compatible-devices .lumia {margin-right: -39px;}
.page-about .join-section, .join-section .button  {font-weight: bold; text-align: center;}
.page-about .join-section .button {font-weight: normal; font-size: 40px;}
.page-about .button-join {display: block; background: none; width: 470px; padding: 15px 0; line-height: normal; color: #f05d2d;
    border: 2px solid #f05d2d; border-radius: 4px; margin: 45px auto;
    }
.page-about .button-join:hover, .page-about .button-join:focus {color: #e25324; border-color: #e25324; background: none;}

.page-about .js-imageband {overflow: visible;}
.page-about .js-imageband-item {padding: 0;}
.page-about .js-imageband-item.current {z-index: 5;
    -webkit-box-shadow: 0 10px 100px rgba(0,0,0,0.5);
            box-shadow: 0 10px 100px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    }

/* content switches */
.content-switches {margin-bottom: 15px;}
.content-switches-plus {float: left; margin-right: 2px; width: 20px; height: 20px; padding: 7px;
    text-align: center; font-size: 18px; font-weight: bold; line-height: 20px; color: #fff; background: #ffb540;
    }
.content-switch {float: left; margin-right: 2px; padding: 7px 15px; line-height: 20px; text-decoration: none;
    background: rgba(255,255,255,0.6); color: #000;
    }
.content-switch:hover {background: #fff; color: #000; text-decoration: none;}
.content-switch.active {background: rgba(0,0,0,0.1);}
.content-switch.active:hover {background: rgba(0,0,0,0.2);}

/* switches */
.switch {text-decoration: none; background: #f2f2f2; color: #000; font-size: 12px; font-weight: normal;
    display: inline-block; padding: 5px 8px; line-height: 18px; cursor: pointer;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
            box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }
.switch:hover {text-decoration: none; background: #eaeaea; color: #000;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
            box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    }
.switch.active, .switch.active:hover {background: #888; color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.7) inset;
            box-shadow: 0 1px 2px rgba(0,0,0,0.7) inset;
    }

/* tabs */
.tabs {background: #e6e6e6; border-bottom: #e6e6e6 1px solid;}
.tab {display: inline-block; padding: 10px 9px; font-size: 12px; line-height: 20px; color: #000;
    text-decoration: none; cursor: pointer; box-shadow: -3px 0 0 rgba(0,0,0,0.05) inset;
    }
.tab:hover {text-decoration: none; background: #dadada;}
.tab.active, .tab.active:hover {background: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    }

@media screen and (min-width: 1260px) {
    .tab {font-size: 16px;}
    }

/* columns */
.leftcolumn {float: left; width: 50%;}
.rightcolumn {float: right; width: 50%;}
.wide {width: 674px;}
.narrow {width: 284px;}

/* lists */
ul {margin: 0; padding: 3px 0 3px 5px; list-style-type: none;}
ul li {margin-bottom: 4px; list-style-type: none; background: url(../images/bullet.png) 0 5px no-repeat; padding: 0 0 0 20px;}
.sortable {cursor:pointer;}
.sortable span {padding-right: 10px;}
.sortable.up span {background: url(../images/updown.png) 100% -14px no-repeat;}
.sortable.down span {background: url(../images/updown.png) 100% 3px no-repeat;}
.perpage {float: right; margin: 10px 30px 7px 0;}
.perpage select {width: 50px;}

/* contact us page styles */
.contactpage {padding-bottom: 40px;}
.contactpage h1 {margin: 0 0 30px; padding: 0 0 5px; border-bottom: #ddd 1px solid;}
.contactpage .contactlinks {float: right; width: 25%; font-size: 12px; color: #007FB9; line-height: 18px;}
.contactlinks h4 {color: #000; font-size: 15px; margin: 20px 0 5px;}
.contactlinks a {text-decoration: none;}
.contactlinks a:hover {text-decoration: underline;}
.socials {margin-top: 30px;}
.socialicon {display: inline-block; margin-right: 15px; width: 43px; height: 43px; text-decoration: none;
    background: url(../images/socials.png) 0 0 no-repeat;
    }
.social-twitter {background-position: -43px 0;}
.social-linkedin {background-position: -86px 0;}
.contactform {background: #f2f2f2; padding: 30px; border-top: #ddd 1px solid; font-size: 12px; float: left; width: 60%;}
.contactform .formrow {width: 500px; margin: 0 0 8px 50px;}
.contactform .formleft {width: 100px; font-weight: bold;}
.contactform .formright {width: 400px;}
.contactform .text {width: 300px;}
.contactform textarea.text {height: 150px;}
.contactform .buttons {margin: 20px 0 40px; width: 100%; text-align: center;}
.contactform .buttons .orangebutton  {display: inline-block;}
.contactform .helptip {display: block; position: relative; float: none; left: 600px; margin-bottom: -70px; font-size: 12px; line-height: 17px;}
.contactform .errors {list-style-type: none; padding-left: 100px;}
.contactform .errors li {list-style-type: none; padding: 2px 5px; background: #e00; color: #fff; width: 298px;}

/* homepage */
.registerform {position: absolute; top: 100px; left: 50%; margin-left: -200px; background: #fff; width: 320px;
    padding: 30px 40px 40px; font-size: 13px; z-index: 102; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.8);
            box-shadow: 0 10px 60px rgba(0,0,0,0.8);
    }
.popup-blind {position: fixed; z-index: 100; background: url(../images/black28.png); top: 0; right: 0; left: 0; bottom: 0;
    width: 100%; height: 100%;
    }
.registerform h3 {font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.registerform .form-row {margin-bottom: 10px;}
.registerform .form-label {width: 110px; text-align: right; padding-top: 8px;}
.registerform .form-value {margin-left: 10px; width: 200px;}
.registerform .text, .registerform select {padding: 8px; width: 180px; font-size: 13px; font-family: Arial; margin: 0;}
.registerform select {width: 192px; padding: 4px;}
.registerform .row-gender {margin: 10px 0;}
.registerform .row-gender .form-label {padding: 0;}
.registerform .row-terms {margin: 15px 0; text-align: center;}
.registerform .form-buttons {padding: 0; margin-top: 10px;}
.registerform .button-register {font-size: 18px; font-weight: normal; padding: 8px 55px; height: auto;}
.registerform .errors {padding: 0; margin: 2px 0 0; color: #e00; font-size: 11px;}
.registerform .errors li {background: transparent; padding: 0; margin: 0;}

.page-section {padding: 100px 0 80px 0; overflow: hidden; position: relative; min-height: 520px;}
.section-contents {width: 980px; margin: 0 auto;}
.section-text {font-size: 25px; font-weight: 300; line-height: 150%;}
.section-text h3 {font-size: 35px; margin-bottom: 1em; font-weight: 700; font-family: "Lato", Arial, sans-serif;
    text-transform: uppercase; color: inherit;
    }
.section-left .section-text {width: 45%; margin: 100px 0; float: left;}
.section-right .section-text {width: 45%; margin: 100px 0; float: right;}
.section-center .section-text {width: 100%; text-align: center;}
.section-text p {margin: 0 0 1em 0;}
.section-contents .anchor {position: absolute; top: 0; left: 0;}
.homepage-top {background: #222; padding: 0;}
.homepage-top-img {background: url(../images/home/home-top.jpg) 50% 90px no-repeat; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    -webkit-transition-delay: 1s, 1s;
            transition-delay: 1s, 1s;
    }
.homepage-top .section-contents {padding-top: 570px; padding-bottom: 40px;}
.homepage-top h1, .homepage-top h2 {font-size: 43px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;
    color: #fff; text-align: center;
    font-family: "Lato", Arial, sans-serif; margin-bottom: 15px; position: relative; z-index: 1;}
.homepage-top h2 {font-size: 18px; font-weight: normal; text-transform: none; margin-bottom: 30px; letter-spacing: 0;}
.homepage-bubbles {position: absolute; left: 50%; top: 100px;}
.homepage-bubbles a {border-radius: 50%; position: absolute; color: #fff; text-align: center; display: block;
    font-size: 16px; line-height: 21px; text-decoration: none;
    -webkit-transition: all 1s;
            transition: all 1s;
    }
.homepage-bubbles a:hover {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.homepage-bubbles h5 {margin: 0; padding: 0; font-weight: normal;}
.bubble-social {width: 80px; height: 46px; background: #3097ef; padding: 27px 10px; border: 4px solid #fff;
    left: -70px; top: 170px; z-index: 3;
    }
.bubble-performance {width: 115px; height: 35px; background: #990089; padding: 50px 10px; left: -164px; top: 95px; z-index: 1;}
.bubble-autotrading {width: 95px; height: 25px; background: #e95d00; padding: 45px 10px; left: 14px; top: 80px;}
.bubble-webtrading {width: 95px; height: 25px; background: #85c300; padding: 45px 10px; left: 31px; top: 226px;}
.bubble-webtrading:after {content: ""; width: 135px; height: 135px; position: absolute; top: -15px; left: -15px;
    border: #85c300 5px solid; border-radius: 50%;
    }
.bubble-copying {width: 75px; height: 45px; background: #00d3d1; padding: 25px 10px; left: -100px; top: 260px; z-index: 1;}
.bubble-mt4 {width: 65px; height: 45px; background: #f5d000; padding: 20px 10px; left: -170px; top: 222px;}
.bubble-mt4:after {content: ""; width: 105px; height: 105px; position: absolute; top: -15px; left: -15px;
    border: #f5d000 5px solid; border-radius: 50%;
    }
.homepage-user {width: 72px; height: 72px; background: url(../images/home/home-users.jpg); border: #fff 4px solid;
    display: block; background-size: cover; border-radius: 50%; position: absolute;
    }
.homepage-top .user-1 {background-position: 0 0; left: -284px; top: 123px;}
.homepage-top .user-2 {background-position: -72px 0; left: 178px; top: 207px;}
.homepage-top .user-3 {background-position: -145px 0; left: 164px; top: 326px;}
.homepage-top .user-4 {background-position: -217px 0; left: 320px; top: 36px;}
.homepage-top .user-5 {background-position: -290px 0; left: 224px; top: 105px;}
.homepage-top .user-6 {background-position: -362px 0; left: -366px; top: 55px;}
.homepage-top .user-7 {background-position: -435px 0; left: -213px; top: 333px;}
.homepage-top .user-8 {background-position: -507px 0; left: 133px; top: 15px;}
.homepage-top .user-9 {background-position: -580px 0; left: 280px; top: 302px;}
.homepage-top .user-10 {background-position: -652px 0; left: -235px; top: 0;}
.homepage-top .user-11 {background-position: -725px 0; left: -300px; top: 231px;}
.homepage-top .user-12 {background-position: -797px 0; left: -380px; top: 322px;}
.homepage-top .user-13 {background-position: -870px 0; left: 280px; top: 190px;}
.homepage-followers {text-align: center; position: relative; z-index: 1;}
.homepage-performance {min-height: 520px; width: 100%; overflow: hidden;
    background: url(../images/home/home-performance.jpg) 50% 0 no-repeat; background-size: cover;
    }
.homepage-performance-img {position: absolute; right: 0; top: 100px; left: 60%;
    -webkit-transform: translate(200px,0);
        -ms-transform: translate(200px,0);
            transform: translate(200px,0);
    }
.homepage-social {min-height: 520px; background: #fff;}
.homepage-social-bg {position: absolute; bottom: 50px; height: 327px; left: 0; right: 0;
    background: url(../images/home/home-socialnetwork-back.png) 50% 0 no-repeat;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    }
.homepage-social-img {display: block; margin: 100px auto 0; border: #e0e0e0 8px solid; position: relative;
    z-index: 1; border-radius: 50%;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    }
.homepage-mobile {background: #e95d00; color: #fff;}
.homepage-mobile-img {position: absolute; right: 55%; bottom: 0;
    -webkit-transform: translate(0,500px);
        -ms-transform: translate(0,500px);
            transform: translate(0,500px);
    }
.homepage-mobile .appstore {display: inline-block; background: url(../images/home/appstore.png) -5px 0 no-repeat; width: 190px;
    height: 0; padding-top: 80px; overflow: hidden; margin-right: 20px; border-radius: 4px; -webkit-border-radius: 4px;
    border: rgba(255,255,255, 0.2) 1px solid;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.homepage-mobile .appstore:hover {background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.3);}
.homepage-mobile .appstore-apple {background-position: -5px -80px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .homepage-mobile .appstore {background-image: url(../images/home/appstore2x.png); background-size: 200px 160px;}
    }

.homepage-mobile .section-text {margin: 60px 0;}
.homepage-copytrades {background: url(../images/home/home-copytrade.jpg) 50% 0 no-repeat; background-size: cover; min-height: 520px;}
.homepage-copytrades-img {position: absolute; left: 55%; bottom: 0;
    -webkit-transform: translate(0,500px);
        -ms-transform: translate(0,500px);
            transform: translate(0,500px);
    }
.homepage-webtrading {background: #fff; height: auto; min-height: 520px;}
.homepage-webtrading-img {margin: 70px auto 0; display: block;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    }
.homepage-autotrading {background: #222; color: #fff; min-height: 520px;}
.homepage-autotrading .section-text {width: 40%;}
.homepage-autotrading-img {
    width: 980px; margin-left: -490px; height: 489px; position: absolute; left: 50%; top: 200px;
    background: url(../images/home/home-autotrading.png) 0 0 no-repeat;
    }
.homepage-autotrading-img .homepage-user {opacity: 0;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    }
.homepage-autotrading-img.scrolledto .homepage-user {opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    }
.homepage-autotrading .label-leaders {position: absolute; top: 105px; left: 0; color: #fff; font-size: 20px; font-weight: 300;}
.homepage-autotrading .label-followers {position: absolute; top: 145px; left: 0; color: #fff; font-size: 20px; font-weight: 300;}
.homepage-autotrading .user-1 {background-position: 0 0; left: 326px; top: 187px;}
.homepage-autotrading .user-2 {background-position: -72px 0; left: 204px; top: -18px;}
.homepage-autotrading .user-3 {background-position: -145px 0; left: 338px; top: 17px;}
.homepage-autotrading .user-4 {background-position: -217px 0; left: 332px; top: 400px;}
.homepage-autotrading .user-5 {background-position: -290px 0; left: 451px; top: 222px;}
.homepage-autotrading .user-6 {background-position: -362px 0; left: 73px; top: 14px;}
.homepage-autotrading .user-7 {background-position: -435px 0; left: 257px; top: 298px;}
.homepage-autotrading .user-8 {background-position: -507px 0; left: 0; top: 371px;}
.homepage-autotrading .user-9 {background-position: -580px 0; left: 451px; top: 349px;}
.homepage-autotrading .user-10 {background-position: -652px 0; left: -14px; top: 211px;}
.homepage-autotrading .user-11 {background-position: -725px 0; left: 134px; top: 194px;}
.homepage-autotrading .user-12 {background-position: -797px 0; left: 102px; top: 322px;}
.homepage-autotrading .user-13 {background-position: -870px 0; left: 193px; top: 413px;}
.homepage-brokers {background: #fff; height: auto; min-height: 520px;}
.homepage-onetrade-link {opacity: 1; width: 136px; height: 47px; display: block; margin: 70px auto 40px;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.homepage-onetrade-link:hover {opacity: 0.6;}
.homepage-brokers-onetrade {width: 136px; height: 47px; display: block;}
.homepage-brokers-img {margin: 40px auto 70px; display: block;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    }
.homepage .footer-space {display: none;}
.giudepage h1 {color: #fff; font-size: 55px; font-weight: 900; line-height: 60px; text-transform: uppercase;
    font-family: "Lato", Arial, sans-serif;
    }
.giudepage .subtitle {color: #fff; font-size: 40px; font-weight: 300; line-height: 50px; margin-bottom: 150px;
    text-transform: uppercase; font-family: "Lato", Arial, sans-serif;
    }

/* registered popup */
.popup-registered {width: 370px;}
.registered-message {font-size: 15px; margin-bottom: 30px;}
.popup-registered h1 {margin-bottom: 40px;}
.popup-registered .note {color: #999; text-align: left;}
.popup-registered .button {width: 100px; margin: 30px auto 0; display: block;}

/* social network page */
.socialnetwork-top {background: #3097ef; padding: 150px 0 0; color: #fff;}
.socialnetwork-top h3 {font-size: 30px; font-weight: 300; text-transform: uppercase;}
.socialnetwork-top .section-text {font-size: 22px; line-height: 32px; width: 40%;}
.socialnetwork-top .subtitle {white-space: nowrap;}
.social-top-img {position: absolute; left: 50%; width: 490px; height: 490px; top: 150px;
    background: url(../images/home/social-top.png) 50% 50% no-repeat;
    }
.social-top-img .traderavatar {background: #fff; width: 220px; height: 220px; position: absolute; top: 50%; left: 50%;
    margin: -110px 0 0 -110px; border-radius: 50%;
    }
.socialnetwork-top .user-1 {background-position: 0 0; left: 30px; top: 100px;}
.socialnetwork-top .user-2 {background-position: -72px 0; left: 191px; top: 17px;}
.socialnetwork-top .user-3 {background-position: -145px 0; left: 173px; top: 380px;}
.socialnetwork-top .user-4 {background-position: -217px 0; left: 332px; top: 10px;}
.socialnetwork-top .user-5 {background-position: -290px 0; left: 35px; top: 269px;}
.socialnetwork-top .user-6 {background-position: -362px 0; left: 443px; top: 277px;}
.socialnetwork-top .user-7 {background-position: -435px 0; left: 431px; top: 54px;}
.socialnetwork-top .user-8 {background-position: -507px 0; left: 400px; top: 165px;}
.socialnetwork-top .user-9 {background-position: -580px 0; left: 347px; top: 339px;}
.socialnetwork-top .user-10 {background-position: -652px 0; left: -38px; top: 186px;}
.socialnetwork-top .user-11 {background-position: -725px 0; left: 55px; top: 402px;}
.socialnetwork-top .user-12 {background-position: -797px 0; left: 82px; top: -5px;}
.socialnetwork-top .user-13 {background-position: -870px 0; left: 290px; top: 430px;}
.socialnetwork-community {background: #fff;}
.socialnetwork-community h3 {font-size: 54px; text-transform: none;}
.socialnetwork-community .section-text {width: 55%;}
.social-community-img {position: absolute; left: 55%; bottom: -671px; opacity: 0; width: 479px; height: 671px;
    background: url(../images/home/social-community.png) 0 0 no-repeat;
    }
.social-community-img.scrolledto {bottom: 0; opacity: 1;}
.socialnetwork-publish {background: #222; color: #fff;}
.socialnetwork-publish h3 {font-size: 45px;}
.social-publish-img {display: block; margin: 80px auto 0; opacity: 0; width: 616px; height: 391px;
    background: url(../images/home/social-publish.png) 0 0 no-repeat;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    }
.social-publish-img.scrolledto {opacity: 1; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none;}
.socialnetwork-discuss {background: #fff; color: #000;}
.socialnetwork-discuss h3 {font-size: 55px; text-transform: none;}
.social-discuss-img {opacity: 0; position: absolute; right: 55%; top: 50%; width: 399px; height: 272px;
    margin-top: -186px; background: url(../images/home/social-discuss.png) 0 0 no-repeat;
    -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
            transform: translate(0, 50px);
    }
.social-discuss-img.scrolledto {opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    }
.socialnetwork-follow {background: #3097ef; color: #fff;}
.socialnetwork-follow h3 {font-size: 50px; font-weight: 300; text-transform: none;}
.social-follow-img {position: absolute; top: 140px; left: 55%;}
.social-follow-img .follow-avatar {-webkit-border-radius: 50%; border-radius: 50%;}
.social-follow-img .follow-follow, .social-follow-img .follow-add {width: 335px; padding: 15px 0; text-align: center;
    position: absolute; left: 0; top: 290px; color: #000; -webkit-border-radius: 15px; border-radius: 15px;
    background: #ebebeb; border-bottom: #bdbdbd 5px solid; font-size: 35px; font-weight: 100;
    }
.social-follow-img .follow-add {color: #fff; background: #89d800; border-bottom-color: #79bf00; top: 380px;}
.socialnetwork-support {background: #222; color: #fff;}
.socialnetwork-support h3 {font-size: 40px; font-weight: 300; text-transform: none;}
.social-support-img {display: block; margin: 80px auto 0; width: 350px; height: 350px; opacity: 1; position: relative;}
.social-support-img span {display: block; width: 350px; height: 350px;
    background: #ff5d04 url(../images/home/social-support.png) 0 0 no-repeat;
    position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 10;
    -webkit-transition: all 0.5s;
            transition: all 0.5s;
    }
.social-support-img.scrolledto .support-icon-2 {left: -170px; background-color: #d44c00; z-index: 9;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    }
.social-support-img.scrolledto .support-icon-3 {left: -320px; background-color: #a13a00; z-index: 8;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    }
.social-support-img.scrolledto .support-icon-4 {left: -450px; background-color: #722900; z-index: 7;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    }
.social-support-img.scrolledto .support-icon-5 {left: -560px; background-color: #5e2200; z-index: 6;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    }
.social-support-img.scrolledto .support-icon-6 {left: -650px; background-color: #3c1600; z-index: 5;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    }
.socialnetwork-track {background: #fff; color: #000;}
.socialnetwork-track h3 {font-size: 50px; font-weight: 300; text-transform: none;}
.socialnetwork-track .section-text {width: 40%;}
.social-track-img {background: url(../images/home/social-track.png) 0 0 no-repeat; width: 507px; height: 507px;
    position: absolute; top: 80px; left: 50%; border: #dfdfdf 5px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    }
.socialnetwork-share {background: #3097ef; color: #fff;}
.socialnetwork-share h3 {font-size: 40px; text-transform: none;}
.social-share-img {display: block; margin: 80px auto 0; text-align: center;}
.social-share-img .facebook, .social-share-img .twitter {width: 218px; height: 218px;
    background: url(../images/home/facebook.png) 0 0 no-repeat; margin: 0 -30px;
    display: inline-block; opacity: 0; -webkit-border-radius: 50%; border-radius: 50%;
    -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
    -webkit-transition: all 1s;
            transition: all 1s;
    }
.social-share-img .twitter {background: url(../images/home/twitter.png) 0 0 no-repeat;
    -webkit-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
            transform: translate(50px, 0);
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    }
.social-share-img.scrolledto .facebook, .social-share-img.scrolledto .twitter {opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    }

/* performance page */
.performance-top {background: #990089; padding: 150px 0 0; color: #fff;}
.performance-top h3 {font-size: 30px; font-weight: 300; text-transform: uppercase; white-space: nowrap;}
.performance-top .section-text {font-size: 22px; line-height: 32px; width: 42%;}
.performance-top .subtitle {white-space: nowrap;}
.performance-top-img {position: absolute; bottom: -45px; left: 55%;
    -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.25);
            box-shadow: 0 10px 60px rgba(0,0,0,0.25);
    }
.performance-friendly h3 {font-weight: 300; text-transform: none; font-size: 50px;}
.performance-friendly-img {width: 975px; height: 169px; display: block; margin: 140px auto 0;}
.performance-200 {background: #222 url(../images/home/performance-200.jpg) 50% 50% no-repeat;
    background-size: cover; color: #fff;
    }
.performance-200 .section-text {width: 50%;}
.performance-200 h3 {text-transform: none; font-size: 50px;}
.performance-200-img {width: 450px; height: 190px; background: #ff5d04; font-size: 140px; line-height: 170px;
    text-align: center; border-top: #ff7427 10px solid; position: absolute; top: 220px; left: 55%; font-weight: 100;
    }
.performance-realtime {background: #fff;}
.performance-realtime h3 {text-transform: none; font-size: 55px; font-weight: 100;}
.performance-realtime-img {position: absolute; left: 0; right: 50%; top: 140px; bottom: 0;
    background: url(../images/home/performance-realtime.png) 100% 0 no-repeat;}
.performance-timeframe {background: #990089; color: #fff;}
.performance-timeframe .section-text {width: 50%;}
.performance-timeframe h3 {font-weight: 100; font-size: 50px; text-transform: none;}
.performance-timeframe-img {position: absolute; left: 55%; top: 100px;}
.performance-analyze {background: #222; color: #fff; padding-bottom: 0;}
.performance-analyze-img {display: block; margin: 100px auto 0; bottom: 0; position: relative; left: 120px;}

/* web trading page */
.webtrading-top {background: #4da300; padding: 150px 0 0; color: #fff;}
.webtrading-top h3 {font-size: 30px; font-weight: 300; text-transform: uppercase;}
.webtrading-top .section-text {font-size: 22px; line-height: 32px; width: 45%;}
.webtrading-top-img {position: absolute; left: 55%; top: 150px; height: 504px; width: 872px;}
.webtrading-web h3 {font-size: 50px; font-weight: 300; text-transform: none;}
.webtrading-web-img {margin: 100px 0 auto 0; height: 335px; position: relative;}
.webtrading-web-img span {background: url(../images/home/webtrading-web.jpg) 0 0 no-repeat; width: 316px; height: 316px;
    border: #fff 7px solid; position: absolute; top: 0; -webkit-border-radius: 158px; border-radius: 158px;
    }
.webtrading-web-img .photo-1 {left: 40px;}
.webtrading-web-img .photo-2 {left: 50%; margin-left: -165px; background-position: -316px 0;}
.webtrading-web-img .photo-3 {right: 40px; background-position: -632px 0;}
.webtrading-buysell {background: #222; color: #fff;}
.webtrading-buysell h3 {text-transform: none; font-size: 55px;}
.webtrading-buysell p {font-size: 35px;}
.webtrading-buysell-img {position: absolute; top: 200px; left: 55%; border: #5c5c5c 8px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.webtrading-interface h3 {font-size: 50px; font-weight: 300;}
.webtrading-interface-img {position: absolute; left: 50%; bottom: -80px; margin-left: -374px;}
.webtrading-interface-img.scrolledto {bottom: -1px;}
.webtrading-realtime {background: #4da300; color: #fff;}
.webtrading-realtime .section-text {width: 50%;}
.webtrading-realtime h3 {text-transform: none; font-size: 55px; font-weight: 300;}
.webtrading-realtime h3 strong {font-weight: 900;}
.webtrading-realtime p {font-size: 35px;}
.webtrading-realtime-img {position: absolute; left: 60%; right: 0; height: 458px; top: 100px;
    background: url(../images/home/webtrading-realtime.png) 0 0 no-repeat;
    }
.webtrading-stayinformed {background: #222; color: #fff;}
.webtrading-stayinformed h3 {font-weight: normal; text-transform: none; font-size: 45px;}
.webtrading-stayinformed-img {display: block; margin: 80px auto 0;}
.webtrading-customize h3 {font-weight: normal; text-transform: none; font-size: 45px;}
.webtrading-customize-img {position: absolute; top: 100px; right: 50%;}

/* autotrading page */
.autotrading-top {background: #e95d00; padding: 150px 0 0; color: #fff;}
.autotrading-top h3 {font-size: 30px; font-weight: 300; text-transform: uppercase; white-space: nowrap;}
.autotrading-top .section-text {font-size: 22px; line-height: 32px; width: 45%;}
.autotrading-top-img {position: absolute; left: 55%; top: 200px; height: 392px; width: 434px;}
.autotrading-top-img img {height: 392px; width: 434px;}
.autotrading-increase h3 {font-size: 50px; font-weight: 300; text-transform: none;}
.autotrading-increase-img {position: absolute; top: 150px; right: 100%; left: auto; height: 374px; width: 747px;
    background: url(../images/home/autotrading-increase.png) 100% 0 no-repeat;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    }
.autotrading-increase-img.scrolledto {right: 55%;}
.autotrading-leaders {background: #222; color: #fff;}
.autotrading-leaders h3 {font-size: 50px; text-transform: none;}
.autotrading-leaders-img {position: absolute; left: 50%; top: 200px;}
.autotrading-robot h3 {font-size: 50px; font-weight: 300; text-transform: none;}
.autotrading-robot-img {display: block; margin: 80px auto 0;}
.autotrading-risk {background: #e95d00; color: #fff;}
.autotrading-risk h3 {font-size: 50px; font-weight: 300;}
.autotrading-risk-img {top: 0; bottom: 0; left: 50%; width: 489px; overflow: hidden; position: absolute;}
.autotrading-risk-img .risk-scale.scrolledto {bottom: -50px;}
.autotrading-risk-img .risk-arrow.scrolledto {top: 550px;}
.autotrading-newtricks h3 {font-weight: 300; text-transform: none;}
.autotrading-risk-img .risk-scale {width: 130px; height: 1022px;
    background: url(../images/home/autotrading-risk.png) 0 0 no-repeat;
    position: absolute; bottom: -300px; right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    }
.autotrading-risk-img .risk-arrow {width: 149px; height: 42px;
    background: url(../images/home/autotrading-risk-arrow.png) 0 0 no-repeat;
    position: absolute; top: 0; right: 140px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    }

/* traders page */
.traders-top {background: #3097ef; padding-bottom: 200px;}
.traders-top h1 {margin-bottom: 1em;}
.traders-top .subtitle {text-transform: none;}
.traders-top .section-contents {z-index: 1; position: relative;}
.traders-top-img {width: 100%; bottom: 0; left: 0; position: absolute;}
.traders-content .section-text {margin-top: 50px;}
.traders-follow-img {position: absolute; top: 170px; left: 55%;}
.traders-follow-img .follow-avatar {-webkit-border-radius: 50%; border-radius: 50%;}
.traders-follow-img .follow-follow,
    .traders-follow-img .follow-add {width: 335px; padding: 15px 0; text-align: center;
    position: absolute; left: 0; top: 290px; color: #000; font-size: 35px; font-weight: 100;
    background: #ebebeb; border-bottom: #bdbdbd 5px solid;
    -webkit-border-radius: 15px;
        -ms-border-radius: 15px;
            border-radius: 15px;
    }

/* brokers page */
.brokers-top {background: #3097ef;}
.brokers-top h1 {margin-bottom: 1em;}
.brokers-top .subtitle {text-transform: none;}
.brokers-top-img {position: absolute; left: 50%; width: 490px; height: 490px; top: 150px;
    background: url(../images/home/social-top.png) 50% 50% no-repeat;
    }
.brokers-top-img .networkicon {position: absolute; top: 50%; left: 50%; width: 220px; height: 220px;
    margin: -110px 0 0 -110px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;
    }
.guide-brokers .user-1 {background-position: 0 0; left: 30px; top: 100px;}
.guide-brokers .user-2 {background-position: -72px 0; left: 191px; top: 17px;}
.guide-brokers .user-3 {background-position: -145px 0; left: 173px; top: 380px;}
.guide-brokers .user-4 {background-position: -217px 0; left: 332px; top: 10px;}
.guide-brokers .user-5 {background-position: -290px 0; left: 35px; top: 269px;}
.guide-brokers .user-6 {background-position: -362px 0; left: 443px; top: 277px;}
.guide-brokers .user-7 {background-position: -435px 0; left: 431px; top: 54px;}
.guide-brokers .user-8 {background-position: -507px 0; left: 400px; top: 165px;}
.guide-brokers .user-9 {background-position: -580px 0; left: 347px; top: 339px;}
.guide-brokers .user-10 {background-position: -652px 0; left: -38px; top: 186px;}
.guide-brokers .user-11 {background-position: -725px 0; left: 55px; top: 402px;}
.guide-brokers .user-12 {background-position: -797px 0; left: 82px; top: -5px;}
.guide-brokers .user-13 {background-position: -870px 0; left: 290px; top: 430px;}
.brokers-content {padding-bottom: 0;}
.brokers-content .section-text {margin-top: 50px;}
.brokers-content .section-contents {position: relative;}
.brokers-content-img {position: absolute; left: 50%; width: 40%; padding: 0 5%; bottom: 0; height: 670px; overflow: hidden;}
.brokers-content-img .brokers-share {width: 356px; height: 233px;}
.brokers-content-img .avatars {text-align: center;}
.brokers-content-img .homepage-user {display: inline-block; margin: 8px; position: static;}
.brokers-content-img .followers {font-size: 22px; display: block;  margin: 30px 0;
    border-bottom: #eee 1px solid; font-weight: 100; color: #999;
    }

/* forms */
.formrow, .form-row {margin-bottom: 12px;}
.formleft, .formrow dt, .form-label {float: left; width: 150px; padding-top: 4px;}
.formright, .formrow dd {float: right;}
.form-value {float: left;}
.formpadded {padding-top: 4px;}
.form-buttons {padding: 20px 0; text-align: center;}
input.text, textarea.text {background: #fff; padding: 3px; font-size: 12px; border: #e0e0e0 1px solid;
    color: #000; font-family:  Arial, sans-serif; outline: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -webkit-transition: border 0.3s;
            transition: border 0.3s;
    }
input.text-dummy, textarea.text-dummy {color: #999;}
input.checkbox, .checkbox input {display: inline-block; vertical-align: top;}
select {background: #fff; border: #e0e0e0 1px solid; font-family:  Arial, sans-serif; outline: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -webkit-transition: border 0.3s;
        -ms-transition: border 0.3s;
            transition: border 0.3s;
    }
input.text:focus, textarea.text:focus, select:focus {border-color: #ffb540;}
input.link {background: transparent; border: 0; height: 30px; padding: 0 0 5px; font: 12px normal;
    font-family: Arial, sans-serif; color: #007fb9; text-decoration : underline; cursor: pointer;
    }

/* buttons */
.button {background: #309cd6; color: #fff; font-size: 12px; font-family: Arial, sans-serif; line-height: 20px;
    display: inline-block; padding: 3px 20px; text-decoration: none; border: #2593ce 1px solid; text-align: center;
    vertical-align: top; -webkit-border-radius: 4px; border-radius: 4px;
    background: -moz-linear-gradient(#37a1da, #2a98d3);
    background: -ms-linear-gradient(#37a1da, #2a98d3);
    background: -webkit-linear-gradient(#37a1da, #2a98d3);
    background: linear-gradient(#37a1da, #2a98d3);
    }
.button:hover, .button:focus {background: #4db1e7; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.orangebutton {background: #ffb940; border-color: #ffb540; color: #000;
    background: -moz-linear-gradient(#ffbe3f, #ffb540);
    background: -ms-linear-gradient(#ffbe3f, #ffb540);
    background: -webkit-linear-gradient(#ffbe3f, #ffb540);
    background: linear-gradient(#ffbe3f, #ffb540);
    }
.orangebutton:hover, .orangebutton:focus {background: #ffc554;}
.button-gray {background: #f1f1f1; border-color: #dfdfdf; color: #000;
    background: -moz-linear-gradient(#f7f7f7, #eaeaea);
    background: -ms-linear-gradient(#f7f7f7, #eaeaea);
    background: -webkit-linear-gradient(#f7f7f7, #eaeaea);
    background: linear-gradient(#f7f7f7, #eaeaea);
    }
.button-gray:hover, .button-gray:focus {background: #fff;
    background: -moz-linear-gradient(#fff, #f7f7f7);
    background: -ms-linear-gradient(#fff, #f7f7f7);
    background: -webkit-linear-gradient(#fff, #f7f7f7);
    background: linear-gradient(#fff, #f7f7f7);
    }
.button-disabled, .button-disabled:hover {background: #ddd; border-color: #ccc; color: #999; cursor: default;
    -webkit-box-shadow: none;
            box-shadow: none;
    }
input.button {height: auto; cursor: pointer;}

.box .indexcontent {padding: 0 20px 20px; border: 0;}
.indexcontent h3 {font-family: Tahioma, Vardana, Arial; font-size: 13px; color: #000; font-weight: bold; margin: 20px 0 0;}

/* popups */
#opaco {background-color: #000; position: absolute; opacity: 0; top: 0; left: 0; width: 0; height: 0; z-index: 300;}
.opaco_local {background-color: yellow; position: absolute; opacity: 0; top: 0; left: 0; width: 0; height: 0; z-index: 301;}
#popup {position: absolute; left: 0; top: 0; z-index: 302;}
#popup .close {position: absolute; right: 17px; top: 11px;}
#loading {background: #FFF; position: fixed !important; position: absolute; top: 0; left: 0; padding: 20px 40px;
    border: 1px solid #000; z-index: 303;
    }
#alert_message {background: #def0ff; color: #007bda; font-weight: bold; position: fixed !important;
    position: absolute; top: 0; left: 0; padding: 20px 40px 20px 40px; text-align: center;
    border: 1px solid #9acdf7; z-index: 305;
    }
#calendar_content {min-height: 180px;}
#calendar .currency {text-align: center; width: 20px;}
.popupbox, .popup-wide, .popup-normal, .popup-message {background: #fff; -webkit-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: 0 5px 150px rgba(0,0,0,0.5);
            box-shadow: 0 5px 150px rgba(0,0,0,0.5);
    }
.popup-normal .popup-message {background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    }
.popup-wide-title, .popup-normal-title {position: absolute; top: 22px; left: 22px; font-size: 18px;
    color: #000; font-weight: normal;
    }
.popupbox .icon-popup-close,
    .popup-wide .icon-popup-close,
    .popup-normal .icon-popup-close,
    .popup-message .icon-popup-close {text-indent: 20px; overflow: hidden; position: absolute; right: 22px; top: 22px;}
.popupbox {background-color: #fff; width: 530px;}
.popupheader {position: relative; font-size: 18px; color: #000; font-weight: normal; padding: 15px 15px 25px 26px;}
.popupheader .close {float: right; text-decoration: none; position: relative; color: #999999; font-size: 24px;
    line-height: 24px; font-weight: bold; cursor: pointer; top: 0; right: 4px;
    }
.popupheader .close:hover {color: #333333;}
.popupbox.resized {height: auto; width: auto; background-position: -17px -17px; border: 1px solid #353535; padding-top: 5px;
    border-radius: 4px; -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 0 2px 16px #b5b5b5;
            box-shadow: 0 0 2px 16px #b5b5b5;
    }
.popupbox.resized .popupheader {left: 0;}
.popupbox.resized .popupheader .close {top: 2px;}
.popup-wide {width: 713px;}
.popup-wide-top, .popup-wide-bottom {height: 60px; width: 713px; position: relative;}
.popup-wide-bottom {height: 35px; background-position: 0 -60px;}
.popup-wide-body {padding: 0 30px; width: 653px; padding-bottom: 1px;}
.popup-normal {width: 530px;}
.popup-normal-top, .popup-normal-bottom {height: 60px; width: 530px; position: relative;}
.popup-normal-bottom {height: 35px; background-position: 0 -60px;}
.popup-normal-body {padding: 0 30px; width: 470px; padding-bottom: 1px;}
.popup-message {padding: 30px; text-align: center; font-size: 12px;}
.popup-message ul {text-align: left; margin-top: 15px;}
.popup-buttons {margin: 20px 0; text-align: center; line-height: 28px; padding-top: 15px;}
.popup-buttons a {margin: 0 10px; vertical-align: middle; display: inline-block;}
.popup-buttons a.button dfn {line-height: 18px;}
.popupbox .popup-body {padding: 15px 26px 40px; text-align: center;}

/* funds llocation warning */
.popup-warning-message {padding: 20px 60px;}
.popup-warning-message p {margin: 15px 0 0; text-align: left;}
.popup-warning-message li {margin-bottom: 10px;}
.warning-reason {margin-top: 15px; display: block;}

/* send message dialog */
.sendmessage {font-size: 12px;}
.sendmessage dt {font-weight: bold; width: 50px;}
.sendmessage dd {width: 340px; padding: 0; margin: 0;}
.sendmessage .username {padding-top: 4px;}
.sendmessage .avatar-small {margin: 0}
.sendmessage #form_subject {width: 315px;}
.sendmessage #form_message {width: 445px; height: 100px;}
.sendmessage.friendship #form_message {width: 445px; height: 65px;}
.sendmessage.friendship .popupheader {height: 36px;}
.sendmessage .buttons {line-height: 28px; text-align:center;}
.sendmessage .optional {color: #000; font-size: 11px; display: block; margin-bottom: 3px; margin-top: 8px;}
.sendmessage .buttons dfn {margin: 0 0 0 10px;}
.sendmessage .buttons input {margin-right: 5px;}
.sendmessage .messageerrors {font-size: 11px; color: #f00; line-height: 14px; display: inline-block; width: 100%;}
.sendmessage .messageerrors  ul {padding: 0;}
.sendmessage .messageerrors li {margin: 0; padding-left: 12px;}
.sendmessage .to {float: left; font-weight: bold;}
.sendmessage .username {font-weight: normal;}
.sendmessage .avatar {float: right;}
.sendmessage #form_message {font-size: 12px;}
.sendmessage form {padding: 16px;}
.sendmessage.friendship .messageerrors {float: none; width: 450px; font-size: 11px; color: #f00;
    line-height: 14px; margin-bottom: 5px;
    }
.reportmessage .form {width: 400px; margin: 0 auto; font-size: 12px;}
.reportmessage textarea, .reportmessage #form_subject {width: 388px; padding: 5px; margin-top: 3px;}
.reportmessage textarea {height: 100px;}

/* Copy order settings popup */
.copy-order {font-size: 12px;}
.copy-order .popup-normal-top {height: 44px;}
.copy-order select {padding: 2px; vertical-align: middle; font-size: 12px; width: 85px;}
.copy-order .formrow {float: left; width: 28%; margin: 0 2% 15px;}
.copy-order .copyorder-account {background: #f2f2f2; margin: 0 -13px 20px; padding: 15px 30px 20px; float: none; width: auto;}
.copy-order .form-fieldset {width: 80%; margin: 0 auto;}
.copy-order .row-diff {float: none; text-align: center; width: auto;}
.copy-order .form-label {float: none; margin-bottom: 3px; padding: 0;}
.copy-order .form-value {float: none;}
.row-diff .form-label, .row-diff .form-value {display: inline-block; vertical-align: middle;}
.copy-order  input.text {width: 58px; padding: 2px; vertical-align: middle; font-size: 12px;}
.copy-order  input.text-symbol {width: 79px;}
.copy-order  input.text-price {width: 79px; color: #777;}
.copy-order  .select-account {width: 430px; padding: 4px;}
.copy-order  .popup-buttons {margin: 20px 0; }
.copy-order  .button {margin: 0 10px;}
.copy-order .copy-hint {padding: 10px; background: #f2f2f2; border: #ccc 1px solid; margin: 20px;}
.friendshipdecision .buttons {margin-top: 10px; float: right;}
.friendshipdecision .buttons input {margin: 0 10px;}

/* Pagination controls */
.pagination {text-align: center; width: 195px; height: 15px; font-size: 10px; margin: 5px auto 15px;
    display: block; overflow: hidden; clear: both;
    }
.pagination .prevpage, .pagination .nextpage {float: left; width: 19px; height: 15px; overflow: hidden; cursor: pointer;}
.pagination .nextpage  {margin: 0; float: right;}
.pagination .arrow {width: 19px; height: 15px; overflow: hidden; background: url(../images/pagination.png) 0 0 no-repeat;}
.pagination .nextpage .arrow {background-position: -19px 0; float: right;}
.pagination input {margin: 0 5px; padding: 0; width: 40px; font-size: 10px; font-family: Arial, sans-serif;
    background: #fff; border: #999 1px solid; text-align: center;
    }
.pagination .prevpage .disabled {background-position: 0 -15px; cursor: default;}
.pagination .nextpage .disabled {background-position: -19px -15px; cursor: default;}
.content.questions {min-height: 200px}
.content .loading {position: static; padding-top: 150px; padding-bottom: 150px; text-align: center;}
.loading {position: static; padding: 100px 0; text-align: center;}
.listingnum {margin-bottom: 10px;}

/* password strength meter*/
.pstrength-minchar {font-size: 10px;}
.smallerfont {font-size: 9px;}
.grayed {color: #555;}
.lightgray {color: #999;}
#news a {color: #1e1e1e;}
#news_content li {clear: both;}

/* small pagination */
.smallpagination {white-space: nowrap; float: right; line-height: 21px; text-align: center; font-size: 10px;
    color: #555; margin-top: 0; height: 21px; display: block; overflow: hidden; position: relative; top: -3px;
    }
.smallpagination .prevpage, .smallpagination .nextpage {float: right; width: 18px; height: 21px; overflow: hidden;}
.smallpagination .arrow {width: 18px; height: 21px; overflow: hidden; cursor: pointer;
    background: url(../images/pagination2.png) -36px 0 no-repeat;}
.smallpagination .nextpage .arrow {background-position: -54px 0; float: right;}
.smallpagination input {margin: 0 5px 0 0; padding: 0; width: 20px; font-size: 10px; font-family: Arial, sans-serif;
    background: #fff; border: none; text-align: center; border: #e0e0e0 1px solid;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset;
            box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset;
    }
.smallpagination .currentpage-input {border: #888 1px solid;}
.smallpagination .prevpage:hover .arrow {background-position: -36px -21px;}
.smallpagination .nextpage:hover .arrow {background-position: -54px -21px;}
.smallpagination .prevpage .disabled,
    .smallpagination .prevpage:hover .disabled {background-position: -36px -42px; cursor: default;}
.smallpagination .nextpage .disabled,
    .smallpagination .nextpage:hover .disabled  {background-position: -54px -42px; cursor: default;}
.userhome .smallpagination {color: #ccc;}
#search_systems .smallpagination {color: #ccc;}

 /* tables */
table {width: 100%; border: 0;}
.table-title {display: block; width: 100%; overflow: hidden;}
.headline td, .headline th, th {background: #f4f4f4; font-weight: normal; line-height: 18px; padding: 5px 4px; overflow: hidden;}
.headline:hover td {background: #f4f4f4;}
td, .even td {border-bottom: 1px solid #e6e6e6; padding: 7px 4px; line-height: 18px;}
tr:hover>td {background: #e7f9ff; border-bottom-color: #e7f9ff;}

/* branded page */
.brandedpage .poweredby {position: absolute; right: 0; top: 50%; margin-top: -9px; color: #999;}
.brandedpage .avatar-mini {border: 0; display: inline-block; margin: 0 5px 0 0; vertical-align: top;
    -webkit-box-shadow: 0 1px 3px #000;
            box-shadow: 0 1px 3px #000;
    }
.avatar-mini .avatar-mini {width: 100% !important; height: 100% !important; padding: 0 !important;}
.brandedpage .systems-found-count, .brandedpage  .systems-found-count strong {font-size: 13px; font-weight: normal;}
.brandedpage .perpage {font-size: 13px; margin: 0 9px 30px;}
.brandedpage .smallpagination {top: 0;}
.brandedpage .title-username {position: absolute; left: 0; top: 50%; margin-top: -17px; color: #999;
    font-size: 25px; color: #fff; text-decoration: none; line-height: 31px;
    }
.brandedpage .page {width: 986px; padding: 0;}
.brandedpage .page-content {padding: 65px 0 0 0; border: 0;}
.brandedpage .systems-search-filters {padding: 20px 0; border-bottom: 0;}
.brandedpage .filers-slider {padding: 0 15px;}
.brandedpage .systems-search-filters .button {vertical-align: middle; margin-right: 15px;}
.brandedpage .comparelink {text-decoration: none; margin-left: 15px; border-bottom: #add6e8 1px solid;}
.brandedpage .comparison-wrap {display: inline-block; vertical-align: middle; font-size: 12px; line-height: normal;}
.brandedpage .comparelink:hover {text-decoration: none;  border-color: #007fb9;}
.brandedpage .comparelink-limit {color: #999;}
.brandedpage .systemstable {width: 100%; font-size: 12px; margin-bottom: 15px;}
.brandedpage td, .brandedpage th {text-align: center; padding: 5px; line-height: 30px;}
.brandedpage .headline td, .brandedpage .headline th {padding: 8px 4px; line-height: normal;}
.brandedpage .headline .cell-strategy {padding-left: 38px;}
.brandedpage .systemstable .cell-strategy {width: 35%; text-align: left;}
.brandedpage .cell {float: left; padding: 5px 0.5%;}
.brandedpage .cell-profit {width: 11%;}
.brandedpage .cell-performance {width: 16%;}
.brandedpage .cell-drawdown {width: 11%;}
.brandedpage .cell-trading {width: 11%;}
.brandedpage .cell-leverage {width: 10%;}
.brandedpage .strategy-name {font-size: 18px; text-decoration: none; vertical-align: middle; display: inline-block;}
.brandedpage .icon-addtocomparison, .brandedpage .icon-removefromcomparison  {margin-right: 10px;}
.brandedpage .strategy-details {padding: 10px 35px 20px; text-align: left; line-height: normal;}
.brandedpage .strategy-analysis {margin-top: 15px;}
.branded-systems-table .public-tabs {float: left; margin-bottom: 10px;}
.branded-systems-table .public-tabs a {padding: 8px; font-size: 11px;}
.brandedpage .strategy-details .switches {font-size: 11px; width: auto;}
.brandedpage .strategy-details .switches-type {float: left;}
.brandedpage .strategy-details .switches-show {float: right;}
.brandedpage #trades_table {width: 100%; margin-bottom: 10px;}
.brandedpage .cell-contracted {padding: 0;}
.brandedpage .cell-expanded,
    .brandedpage tr:hover .cell-expanded {background: #fff; border-bottom: 1px solid #E8E8E9;
        border-top: #fff 1px solid; padding: 0;
        -webkit-box-shadow: 0 5px 40px rgba(0,0,0,0.25);
                box-shadow: 0 5px 40px rgba(0,0,0,0.25);
        }
.branded-systems-table .performance-stats {margin: 0;}
.branded-systems-table .strategy-summary {float: left; width: 25%; margin: 0; position: relative; overflow: hidden;}
.branded-systems-table .strategy-linkspace {height: 25px;}
.branded-systems-table .graph {float: right; width: 71%;}
.branded-systems-table .strategy-link {display: block; position: absolute; bottom: 12px; text-align: center; width: 100%;}
.branded-systems-table .strategy-link a {text-decoration: none; border-bottom: #add6e8 1px solid;}
.branded-systems-table .strategy-link a:hover {text-decoration: none; border-bottom: #007fb9 1px solid;}
.branded-systems-table .performance-stats {padding: 6px 0 120px;}
.branded-systems-table .alltime-gain {bottom: 40px;}
.backlink {color: #999; text-decoration: none; font-size: 12px; margin-bottom: 10px;
    display: inline-block; line-height: normal;
    }
.backlink:hover {color: #000; text-decoration: none;}
.backlink .icon {display: inline-block; vertical-align: middle;}
.backlink .label {display: inline-block; vertical-align: middle;}

 /* user home (dashboard) */
.column-supplements {float: right; width: 31%;}
.column-stream {float:left; width: 67.5%; margin-bottom: 50px;}
.userhome table {text-align: center;}
.postbox {padding: 15px;}
.sharebox {padding: 0;}
.postform {height: 39px; position: relative; overflow: hidden;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.postform-expanded {height: auto; padding-bottom: 35px; overflow: visible;}
.sharebar {opacity: 0; position: absolute; bottom: 0; left: 0;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.postform-expanded .sharebar {opacity: 1;}
.sharebar input {display: inline-block; vertical-align: middle;}
.sharebar .crosspost {display: inline-block; vertical-align: top; padding: 5px; opacity: 0.8;
    -webkit-border-radius: 4px; border-radius: 4px;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.sharebar .crosspost:hover {opacity: 1;}
.sharebar .crosspost-facebook {background: #547ab9;}
.sharebar .crosspost-twitter {background: #3db0ec;}

input.postform-tags {color: #000; font-size: 12px; padding: 7px; width: 100%; margin: 0 0 5px;
    font-family: Arial, sans-serif; opacity: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.postform-expanded input.postform-tags {opacity: 1;}
.postform-text {position: relative; z-index: 2;}
.column-stream h2, .autotradingpage h2 {font-size: 24px; color: #000; padding: 0 0 5px;
    border-bottom: #e4e4e4 1px solid; margin: 30px 0 5px;
    }
.postform textarea, .commentform textarea {font-size: 15px; padding: 5px; height: 28px; width: 100%;
    font-family: Arial, sans-serif; resize: vertical;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
textarea.postform-text {padding: 10px; height: 38px; overflow: hidden;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.postform-expanded textarea.postform-text {height: 60px; margin-bottom: 5px; overflow: auto;}
.postform #charsleft {float: left; color: #999; margin-top: 6px;}
.postform .button {position: absolute; bottom: 0; right: 0; font-size: 18px; padding: 5px 20px; opacity: 0; margin: 0;
    -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s;
    }
.postform-expanded .button {opacity: 1;}

/* dashboard onetrade promo */
.dashboard-onetrade {padding: 30px;}
.dashboard-onetrade .onetrade-promo {line-height: 130%;}
.dashboard-onetrade .onetrade-link {width: 136px; height: 47px; display: block; margin: 0 auto 20px;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.dashboard-onetrade .onetrade-link:hover {opacity: 0.6;}
.dashboard-onetrade .onetrade-logo {width: 136px; height: 47px; margin: 0;}

/* time */
#time { line-height: 14px;}
#fxtradinghours {background: url(../images/time.png) 50% 0 no-repeat; height: 200px; padding: 10px 0 0;}
#time .markettime {background: transparent; width: 222px; margin: 0 auto;  height: 24px; margin-bottom: 1px;}
#time .gmt {text-align:center; padding: 10px 10px 4px 0; font-family: Arial, sans-serif; font-size: 35px; line-height: 100%;}
#time .fx .open, .fx .closed {font-weight: bold; font-size: 16px; text-align: center; line-height: 26px; color: #363636;}
#time .fx .open {color: #1c6001;}
#time .line {display: none;}
#time .fx {margin: 6px 0 8px; font-size: 15px;}
#time .fx .grayed {font-size: 11px; color: #6e7376; padding-bottom: 10px;}
#time .bold {font-weight: bold; margin-bottom: 4px;}
#fxtradinghours {padding-bottom: 10px;}
#time .red {color: #a60000}
#time .green {color: #00a651;}
#time .nz , #time .uk , #time .us ,
    #time .japan , #time .eu , #time .au {line-height: 19px; padding: 2px 0 4px 40px; white-space: nowrap;
        background: 10px 3px no-repeat;
    }
#time .nz {background-image: url(../images/currencies/NZD.png)}
#time .uk {background-image: url(../images/currencies/GBP.png)}
#time .us {background-image: url(../images/currencies/USD.png)}
#time .japan {background-image: url(../images/currencies/JPY.png)}
#time .au {background-image: url(../images/currencies/AUD.png);}
#time .eu {background-image: url(../images/currencies/EUR.png);}
#time .line {margin: 0 auto; width: 1px}

/* calendar */
#calendar .currency {text-align: center; width: 20px;}
#calendar .headline td {background: transparent; border: 0; font-weight: bold;}
#calendar .note, #calendar .note a {text-align: right; font-size: 10px; color: #999; margin-top: 15px;}
#calendar table .event {text-align: left;}
#calendar .impact_low , #calendar .impact_medium , #calendar .impact_high {line-height: 19px; margin: 1px 2px 2px;
    color: #fff; font-weight: bold;
    }
#calendar .impact_low {background: #c5d6e8;}
#calendar .impact_medium {background: #ffce0d;}
#calendar .impact_high {background: #dd6600;}
#calendar .timeleft {text-align: center;}
#calendar .date {width: 15%; padding-left: 8px; text-align: left;}
#calendar #time {width: 50px}
#calendar #description {text-align: left;}
#calendar #importance {width: 62px}
#calendar #forecast {width: 60px}
#calendar #previous {width: 60px}
#calendar_content {min-height: 215px;}
#ui-datepicker-div {z-index: 302 !important; position: absolute; top: -1000px;}
#timeColumn {width: 89px;}
.close_note {display: inline-block; margin-right: 10px; width: 15px; height: 15px;
    background: url(../images/close.png) 0 0 no-repeat; cursor: pointer;
}
#answerbox .content {border: 6px solid #7c8d97;}
#answerbox .close_note {float: right; display: block;}
#answerbox .question {line-height: 18px; margin-bottom: 8px; margin-left: 4px;}
#answerbox .buttons {padding: 5px 0;}
#answerbox .buttons input {margin: 0 5px;}
.answerpage .paginationControl {margin: 0 10px 10px;}

.grayed {font-size: 10px; color: #9c9c9c;}
.userhome .positive  {color: #2ac600;}
#userhome .negative  {color: #ff3838;}

/* network trades */
#tradeshare {position: relative;}
#tradesshare_paginator {position: absolute; top: 5px; right: 0;}
#tradesshare table .accounttype {display: block; margin: 2px auto; width: 20px; padding: 0;}
#tradesshare .performance {width: 190px; overflow: hidden;}

.acctypetip .accounttype {margin: 0 auto 5px; display: block; width: 200px;}
.noconnections {color: #000; text-align: center; padding-top: 86px;
    background: url(../images/connections_blank.png) 50% 0 no-repeat;
}
.noconnections ul {margin: 0; padding: 0 0 20px 59px; text-align: left;}
.noconnections li {list-style-type: none; background: url(../images/green-bullet.png) 4px 3px no-repeat;}
.noconnections .orangebutton {color: #fff; text-decoration: none; margin: 0 auto 20px;}
.noconnections .orangebutton:hover{text-decoration: none;}

@media screen and (min-width: 1254px) {
    .noconnections ul {padding-left: 80px;}
}

/* activity stream */
.activity-filters {text-align: right; color: #fff; margin: 0 0 -25px; position: relative; top: -38px; left: -10px;}
.activity-filters-box {padding: 10px 15px; text-align: left; color: #000; background: #f3f3f3;}
.activity-filters-box .filters-content {line-height: 20px;}
.activity-filters-box .filters-content input {display: inline-block; vertical-align: middle;}
.activity-filters-box .filters-content label {margin-right: 15px; vertical-align: middle; display: inline-block;}
.activity-filters .dropdown {margin-left: 15px;}
.activity-filters .dropdown-values {width: 120px; min-width: 0;}
.activity-filters .dropdown-trigger,  .activity-filters .dropdown-values-header {width: 90px; padding-left: 10px;}
.activity-item {border-bottom: #eaeaea 1px solid; padding: 12px; position: relative;}
.activity-item .avatar {float: left; margin: 0;}
.activity-item .comment-avatar {float: left; margin: 0;}
.activity-item .comment-avatar img, .activity-item .repost-avatar img {margin: 0 !important;}
.activity-item a {text-decoration: none;}
.activity-item a:hover {text-decoration: underline;}
.activity-item-body {font-size: 13px; position: relative; padding-right: 0; padding-left: 73px; word-wrap: break-word;}
.activity-item-text {overflow: hidden;}
.activity-item-body .post-image {display: block; float: left; background-position: 50% 50%; background-size: cover;
    width: 25%; height: 94px; border: #fff 2px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.activity-item-body .first-image {display: block; background-position: -1000px 0; background-size: 1px 1px;
    width: auto; height: auto; float: none;
    }
.activity-item-body .post-image .imagebox {width: 100%; max-height: 400px; margin: 5px 0 0 0; display: none;}
.activity-item-body .first-image {background: transparent !important;}
.activity-item-body .first-image .imagebox {display: block;}
.activity-item-body .hiddenpart .post-image {background-position: 50% 50%; background-size: cover; float: left;
    width: 33.33%; height: 100px; border: #fff 2px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.activity-item-body .hiddenpart:after {content: ""; display: block; clear: both;}
.activity-item-body .hiddenpart .imagebox {display: none;}
#lightbox-container-image img {max-height: 960px; max-width: 960px;}

.activity-item img {display: block;}
.activity-text {width: 100%;}
.activity-item-body .accounttype {line-height: 16px; display: inline-block; vertical-align: bottom; height: 16px;
    margin-top: 3px; position: relative; top: 1px;
    }
.activity-item-body .showmore {font-size: 11px;}
.activity-comment {position: relative;}
.activity-item-repost {margin: 14px 0 10px;}
.activity-item .repost-avatar {margin: 0; display: inline-block; vertical-align: middle;}
.repost-text {display: block; margin: 5px 0;}
.activity-item-body img {display: block; margin: 5px 0;}
.activity-comment .activity-item-body  {padding-left: 43px;}
.activity-item-repost .activity-item-body {padding: 0; display: inline;}
.activity-item-buttons {position: absolute; top: 0; right: 0; z-index: 1;}
.activity-button-copy {display: inline-block; margin: 0 5px 0 0; font-size: 11px; font-weight: bold; padding: 3px 7px;
    height: 14px; line-height: normal; text-decoration: none;
    -webkit-border-radius: 12px;
            border-radius: 12px;
    }
.activity-button-copy:hover {text-decoration: none !important;}
.activity-item-dropdown {visibility: hidden; display: inline-block; margin: 0;}
.activity-item:hover .activity-item-dropdown {visibility: visible;}
.activity-comment-dropdown {position: absolute; top: 10px; right: 15px; display: none; margin: 0 !important; z-index: 5;}
.activity-comment:hover .activity-comment-dropdown {display: block;}
.activity-item-dropdown a, .activity-comment-dropdown a {text-decoration: none !important;}
.activity-item-dropdown .dropdown-trigger, .activity-comment-dropdown .dropdown-trigger {width: 10px; height: 10px;
    padding: 5px; background: #fff; border-color: #ccc; overflow: hidden; position: relative;
    -webkit-border-radius: 12px;
            border-radius: 12px;
    }
.activity-item-dropdown .dropdown-trigger:after,
    .activity-comment-dropdown .dropdown-trigger:after {position: absolute; top: 50%; left: 50%; content: "";
        margin-left: -4px; margin-top: -2px; border: transparent 4px solid; border-top-color: #000;
    }
.activity-item-dropdown .dropdown-trigger:hover,
    .activity-comment-dropdown .dropdown-trigger:hover,
    .activity-item-dropdown .dropdown-trigger-down,
    .activity-comment-dropdown .dropdown-trigger-down {border: #555 1px solid !important;}
.activity-item-dropdown .dropdown-values, 	.activity-comment-dropdown .dropdown-values {top: 18px;}
.activity-item .compact {display: none;}
.activity-item .username {font-weight: bold;}
.activity-item-controls {margin: 10px 0; font-size: 11px; line-height: normal;}
.activity-item-controls a {margin-right: 13px; color: #a0a0a0;}
.activity-item-controls a:hover {text-decoration: none;}
.activity-item-controls a:hover .label {color: #007fb9; text-decoration: underline;}
.activity-item-controls .add-watch:hover .label {color: #368f00;}
.activity-item-controls .remove-watch:hover .label {color: #ab2c2c;}
.activity-item-time  {color: #a0a0a0;}
.activity-button-more {display: block; padding: 8px 0; margin: 20px auto; width: 500px; color: #797979;}
.activity-button-more:hover {color: #000;}
.activity-item .likes {background: #ecf0f5; padding: 5px 10px; font-size: 11px; border-bottom: #fff 1px solid; color: #5a5a5a;}
.activity-item .commentscontent {background: #f4f4f4; padding: 0 10px; font-size: 11px; border-bottom: #fff 1px solid;}
.activity-item .commentform {background: #f4f4f4; padding: 5px 10px; font-size: 11px;}
.comment-form-actual textarea {height: 36px;}
.comment-form-actual dfn, .comment-form-actual a {display: inline-block; margin: 7px 0 0;}
.comment-form-actual dfn {margin: 0 0 0 10px;}
.showlikes .buttons {margin: 15px 0; text-align: center;}
.showlikes-user {display: inline-block; vertical-align: top; height: 27px; padding-left: 39px; padding-top: 10px;
    position: relative; width: 115px; margin-bottom: 10px;
    }
.showlikes-user a.avatar {display: block; width: 27px; height: 27px; position: absolute; top: 0; left: 0;}
.showlikes-user .avatar {margin: 0;}
.activity-date {float: left; width: 73px; margin: 0 0; padding-top: 1px;}
.activity-date-month {text-transform: uppercase; font-size: 12px; display: block; font-weight: bold;}
.activity-date-day {font-size: 15px; font-weight: bold; width: 22px; display: inline-block;}
.activity-date-time {font-size: 11px; padding-left: 5px; border-left: #aaa 1px solid; display: inline-block;}
.popupbox.addtoblacklist .message {line-height: 18px; font-size: 12px; margin-bottom: 15px;}
.popupbox.addtoblacklist .buttons {line-height: 28px; text-align: center; padding: 10px 0 5px;}
.popupbox.addtoblacklist .button {margin-right: 4px;}
#form_message_send .popup-buttons input {margin-right: 10px;}
.popupbox.addtoblacklist form {padding: 5px 26px;}

/* my accounts and wathced accounts list */
.userhome-systems {position: relative; min-height: 277px;}
.userhome-systems td {text-align: center;}
.userhome-systems .name {text-align: left; width: 40%;}
.userhome-systems .profit {text-align: left; width: 20%;}
.userhome-systems .drawdown {text-align: left; width: 20%;}
.userhome-systems .systemname {width: 110px; overflow: hidden; white-space: nowrap;}
.userhome-systems td.watched-name {width: 55%; overflow: hidden; text-align: left;}
.userhome-systems td.watched-profit {width: 18%; overflow: hidden;}
.userhome-systems .watched-performance {width: 100px; overflow: hidden;}
.userhome-systems td.watched-drawdown {width: 58px; overflow: hidden;}
.userhome-systems td.watched-changed {width: 18%; overflow: hidden;}
.userhome-systems td.watched-remove {width: 9%; overflow: hidden;}
.userhome-systems .userhome-systems-link {padding: 4px;}
.stepslist .step-item {margin: 10px 0 0; font-size: 15px;}
.stepslist .num {position: relative; display: inline-block; background: url(../images/blue-num.png) 0 0 no-repeat;
    width: 28px; height: 26px; top: 5px; padding-top: 2px; margin-right: 5px; vertical-align: bottom; color: #fff;
    text-align: center; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px;
    }
.blankaccounts .featureslist {overflow: hidden;}
.blankaccounts .intro {display: block; margin-bottom: 30px;}
.blankaccounts .orangebutton {margin-top: 20px;}
.blankaccounts .graybox {overflow: hidden; padding: 35px;}
.blankaccounts .stepslist {float: left; width: 53%;}
.blankaccounts .stepslist strong {color: #000; margin-bottom: 10px;}
.explanationsbox {width: 230px; height: 112px; background: url(../images/explanationboxes.png) 0 0 no-repeat;
    padding: 30px; margin: 10px auto 0; font-size: 15px; color: #3b4859;
    }
.explanationsbox h4 {font-family: Arial; font-weight: bold; font-size: 18px; margin: 0 0 15px;}
.explanationsgreen {background-position: 0 -172px;}
.userhome #notifications {width: 100%; cursor: default;}
.userhome #notifications, .userhome #notifications .content {background: #fff;}
.userhome #notifications a:hover  {opacity: 0.8; filter: alpha(opacity=80);}
.userhome #tradesshare {position: relative;}

/* notifications */
#notifications .info,
    #notifications .success,
    #notifications .alert {display: block; line-height: 22px; margin: 0; padding: 0 0 0 25px; clear: both;
        background: url(../images/ico-notifications.png) 0 -257px no-repeat; overflow: hidden;
        }
#notifications .success {background-position: 0 -25px;}
#notifications .alert {background-position: 0 -51px;}
#notifications .info {background: url(../images/icons2.png) 0 -257px no-repeat;}

/* connections box */
.friendsbox #view_all {position: absolute; top: 12px; right: 12px;}

.friendsbox .friend {display: inline-block; margin: 2px 0; position: relative; vertical-align: top;}
.friendsbox .friend .avatar {margin: 0; padding: 0; border: 0;}
.friendsbox .friends-list {padding: 15px; text-align: center; }
.friendsbox .friend-username {display: none; background: #333; color: #fff; top: 55px; right: 0;
    position: absolute; padding: 4px 10px; z-index: 2; border-radius: 4px;
    }
.friendsbox .friend:hover .friend-username {display: block;}
.friend .avatar {margin: 0 auto 4px;}

.bottomlink {margin-top: 15px; font-size: 12px; text-align: center;}
.bottomlink a {color: #000; text-decoration: none;}
.bottomlink a:hover .label {text-decoration: underline;}

/* invite email contacts */
.userhome-invite .content {text-align: center;}
.email-invite-link {width: 30%; display: inline-block; text-decoration: none; text-align: center;
    vertical-align: top; font-size: 12px; margin-bottom: 15px;
    }
.email-icon {width: 60px; height: 60px; background: url(../images/email-icons.png) 0 0 no-repeat;
    display: block; margin: 5px auto 10px;
    }
.email-yahoo {background-position: -60px 0;}
.email-live {background-position: -120px 0;}
.email-invite-link:hover .label {text-decoration: underline;}

/* blank pages */
.blankpage {font-size: 12px; padding-bottom: 40px;}
.blankpage .graybox {border: #ddd 1px solid; background: #f2f2f2; padding: 35px; margin-bottom: 30px;}
.blankconnections .graybox {background: #f2f2f2 url(../images/connections.jpg) 16px 16px no-repeat;
    height: 196px; padding: 35px 0 0 365px;
    }
.blankperformances .graybox {background: #f2f2f2 url(../images/performances.jpg) 16px 16px no-repeat;
    height: 196px; padding: 35px 0 0 365px;
    }
.graybox strong {color: #929599; font-weight: bold; display: block; margin-bottom: 25px;}
.listtitle {font-size: 15px; font-weight: bold; display: block; margin-bottom: 15px;}
.blankpage ul {list-style-type: none; padding: 0; margin-bottom: 25px;}
.blankpage li {list-style-type: none; background: url(../images/green-bullet.png) 0 4px no-repeat; margin-bottom: 10px;}
.blankconnections .orangebutton {position: relative; top: -50px; left: 270px;}

.blankpage .features .item {float: left; width: 24%; margin-right: 4%; padding-left: 45px; line-height: 18px;
    position: relative; left: 10px;
    }
.features strong {display: block; margin-bottom: 5px;}
.grayicon {width: 45px; height: 45px; display: block; background: url(../images/icons-gray.png) 0 0 no-repeat;}
.gray-message {background-position: -90px 0;}
.gray-lock {background-position: -45px 0;}
.features .grayicon {margin-bottom: -40px; position: relative; left: -50px;}

/* news */
.userhome #news_box {width: 100%;}
.userhome .table-border {width: 15px; background: url(../images/table-border.png) 10px 14px no-repeat;}
.userhome #news_content {min-height: 230px; text-align: left;}

/* questions and comminity styles */
.returnlink {float: right; margin: 10px 0 20px; position: relative; left: -15px;}
.forumpost, .forum .forumpost {margin: 0 auto 10px; background: transparent; line-height: 18px; border: #dcdcdc 1px solid;}
.forumpost .userinfo {width: 130px; float: left; text-align: center; font-weight: bold; margin-bottom: 5px;line-height: 14px;}
.forumpost .userinfo .status {font-weight: normal;}
.forumpost .avatar {border: #dadada 1px solid; padding: 4px; background: #fff; margin: 8px auto 10px; display: block;}
.forumpost .body {float: right; width: 754px; background: #fff; border: #e5e5e5 1px solid; padding: 8px 18px 12px;}
.question .body {background: #eef4f9; border: #c5d9e8 1px solid;}
.forumpost .baloontail {background: url(../images/forum-baloon.png) 0 -17px no-repeat; width: 29px; height: 17px;
    overflow: hidden; margin-bottom: -17px; position: relative; left: -47px; top: 30px;
    }
.question .baloontail {background-position: 0 0;}
.forumpost .title {padding-bottom: 15px; font-size: 24px; font-weight: bold; border-bottom: #aaa 1px dotted;
    float: none; margin-bottom: 14px;
    }
.forumpost .title .grayed {display: block; font-size: 10px; font-weight: normal; color: #aaa;}
 a.viewall {position: absolute; top: 10px; right: 10px;}
.posts_member_since button {display: inline-block; height: 31px;}
.posts_member_since .post-status {margin: 11px 5px 0;}
.reply .grayed {color: #aaa; margin-bottom: 2px; display: block;}
.forumpost .text {font-size: 12px; margin-bottom: 16px;}
.forumpost .actions {float: right;}
.forumpost .actions a {background-image: url(../images/icons2.png); background-repeat: no-repeat; padding-bottom: 2px;
    padding-left: 22px; margin-right: 12px; text-decoration: none;
    }
.forumpost .rate a {margin: 0 10px; padding-left: 18px; text-decoration: none; font-weight: bold;}
.forumpost .rate .plus {color: #3ebb00;}
.forumpost .rate .minus {color: #e40202; background-position: 0 -25px;}
.forumpost .actions .quote {background: transparent; padding-left: 0;text-decoration:underline;}
.forumpost .actions .quote:hover {text-decoration:none;}
.actions .report {background-position: 0 -244px;}
.actions .share {background-position: 0 -225px;}
.actions .email {background-position: 0 -76px;}
.actions .comment {background-position: 0 -48px;}
.post-edit {padding: 5px 10px;}
.post-edit .icon {padding: 0; height: 16px;}
.forumpost .answer {float: right; width: 768px; padding: 15px 0 10px; position: relative; left: -10px;}
.forumpost .answer input, .forumpost .answer a {margin: 0 10px;}
.field1 textarea {height: 46px;}
.askaquestion {padding: 0 27px;}
.askaquestion .buttons {margin-top: 6px;}
.askaquestion .form {padding: 15px; border: #c5d9e8 1px solid; background: #eef4f9;}
.answerForm {margin: 20px auto;}
.question {background: transparent;}
#questions .question {border: #dadada 1px solid; background: #f4f3f3; padding: 10px;}
#questions {line-height: 14px; border: 0;}
#questions a {color: #000; text-decoration: none;}
#questions a:hover  {color: #007fb9;}
#questions table {text-align:left; border: 0;}
#questions .answer  , #questions .question {margin-bottom: 6px; color: #888888;}
#questions_box #questions a {color: #000;}
#questions_box #questions a:hover {text-decoration: underline;}
#questions_box .item {padding: 5px 10px 3px 0;}
.inputs textarea, .inputs input {width: 100%; border: 1px solid #e8e8e9; font-size: 11px;}
.askaquestion {margin-top: 20px;}
.askaquestion .note,  .answerForm .note {background: url(../images/icons2.png) 0 -243px no-repeat; padding-left: 20px;
    line-height: 16px; color: #777; float: left; margin-top: 10px;
    }
.askaquestion textarea, .answerForm textarea {width: 99%; font-size: 11px; margin: 2px 0 15px;
    font-family: Arial, sans-serif; padding: 4px;
    }
.askaquestion .field1 textarea {height: 50px;}
#question_ask .buttons,  .answerForm .buttons {float: right;}
#question_ask .buttons input {width: 120px}
.question .number {margin-left: 20px; color: #777; font-size: 10px;}
.askaquestion #form_submit {float: right; width: 100px;}
.askaquestion h3 {margin-bottom: 15px;}
.userhome .answerForm {margin: 10px; padding: 5px 15px;}
.userhome .answerForm .form {clear: both;}
.userhome .answerForm textarea {width: 876px; border: #aaa 1px solid; font-size: 11px; color: #000;
    height: 98px; font-family: Arial, sans-serif; padding: 4px;
    }
.userhome .answerForm .buttons {float:right; position: relative; left: -7px;}
.userhome .answerForm .buttons input {width: 120px; margin-bottom: -5px;}
#askin_page {min-height: 400px;}
.questiontopic {min-height: 21px;}
#questions .questiontopic .grayed {color: #808080; font-size: 11px;}
#questions .info {float: left;}
#questions .ico {float: left; padding-top: 15px; background: url(../images/ico-question.png) 50% 0 no-repeat; margin-right: 12px;}
#questions .ico-box {float: left;}
#questions .actions {float: right; padding: 7px 15px;}
.answer .ico-box {background-image: url(../images/ico-information.png);}
#questions .left1 {float: left; background: #e5eef3 url(../images/box2-c1.png) top left no-repeat;}
#questions .left2 {padding: 8px; color: #7e98bc; background: url(../images/box2-c4.png) bottom left no-repeat;}
#questions .left2 .ico {float: left; background: url(../images/ico-question.png) 6px 3px no-repeat; width: 30px;
    line-height: 14px; padding-top: 15px; font-size: 11px;
    }
#questions .av_small {float: left; width: 22px; height: 22px; padding: 2px; background: #fff;
    margin: 0 6px 0 0; border: 1px solid #dadada;
    }
#singlecolumn .r2box4 {text-align: left;}
.answerForm .form .r2box4 {padding: 5px 10px;}
.form .r2box1 {float: left; width: 100%; text-align: left; margin-top: -10px;}
.form .r2box4 {padding: 10px 20px;}
.r2box1 {float: right; width: 160px; text-align: center; background: #e5eef3 url(../images/box2-c1.png) 0 0 no-repeat;
    margin: 8px 0; line-height: 23px;
    }
.r2box2 {background: url(../images/box2-c2.png) right top no-repeat;}
.r2box3 {background: url(../images/box2-c3.png) right bottom no-repeat;}
.r2box4 {background: url(../images/box2-c4.png) left bottom no-repeat; padding: 3px 0;}
#questions .q_info {float: left; width: 100px; height: 125px; color: #424a4f; line-height: 12px; padding-left: 30px;}
#questions .title  .grayed {color: #969ea9;}
.body .title {font-size: 19px; line-height: 23px; float: none; margin-top: -4px; margin-bottom: 8px;
    border-bottom: 1px solid #fff; padding-bottom: 12px; color: #000;
    }
#questions .q_text {min-height: 30px; padding: 10px 15px;}
#questions .question {margin-bottom: 6px;}
#questions .question table {margin-top: 6px;}
#questions .button {margin: 10px 7px 10px 22px;}
#questions .answers  {padding-left: 135px;border-top: 1px solid #edeeee; padding-top: 15px;}
#questions .answers h3 {padding-left: 20px;}
#questions .answers .avatar {border: 3px solid #dee9ef;}
#questions .answers .q_info {padding-left: 0;}
#questions .answers .grayed {line-height: 24px; padding-left: 10px; float: right; display: block;}
#questions .answers  a {float: right; padding-left: 20px; line-height: 22px;}

/* inbox and messaging */
.messages {padding-bottom: 40px; position: relative; min-height: 400px;}
.messages h1 {margin: 0 0 30px;}
.messages .public-tabs {position: absolute; right: 0; top: -4px;}
.messages .whitebutton {padding: 3px 10px;}
table.messagelist {width: 100%; border-collapse: collapse;}
.messagelist .headline td {background: #f5f5f5; font-weight: bold; padding: 5px 10px; color: #666666; border: 0;}
.messagelist .headline .subject {padding-left: 25px;}
.messagelist td {vertical-align: middle; line-height: normal; padding: 5px 10px; text-align: left; border-top: none;}
.messagelist tr:hover td {background: none; border: none;}
.messagelist tr {border-bottom: 1px solid #e8e8e9;}
.messagelist tr:hover {background-color: #e8f2f7;}
.messagelist .check {width: 15px;}
.messagelist .from {width: 195px; padding: 0 10px;}
.unread .from {font-weight: bold;}
.messagelist .date {color: #aaa; width: 100px; text-align: center;}
.messagelist td.avatar {padding: 5px 6px 5px 10px; width: 28px; border: none;}
.messagelist .av_small {width: 22px; height: 22px; padding: 2px; background: #fff; border: 1px solid #dadada; margin: 0;}
.messagelist .from a {text-decoration: none;}
.messagelist  .subject {background: transparent url(../images/icon-messages.png) 0 center no-repeat; padding-left: 25px; width: 500px;}
.messagelist tr:hover .subject {background: #e8f2f7 url(../images/icon-messages.png) 0 center no-repeat;}
.messagelist .message .subject {font-size: 12px;}
 .messagelist .subject a {text-decoration: none;}
.messagelist .subject a:hover {text-decoration: underline;}
.unread .subject {font-weight: bold;}
.messages .actions {padding: 5px 0 5px 60px; background: url(../images/commonactions.png) 12px 15px no-repeat; margin: 10px 0;}
.messages .bottomactions {background-position: 12px -55px;}
.messages .composebutton {float: right; position: relative; left: -12px; top: 8px; text-decoration: none; padding-top: 6px; font-size: 12px;
    background: url(../images/button-compose.png) 0 0 no-repeat; width: 159px; height: 22px; text-align: center; font-weight: bold;
    }
.viewmessage h1 {border-bottom: #ddd 1px solid; padding: 0 0 5px; margin: 0 0 15px; word-wrap: break-word;}
.viewmessage .controls {margin-bottom: 20px; margin-top: 15px; background: #f2f2f2; border-top: #ddd 1px solid; padding: 5px;}
.viewmessage .controls a {float: right; margin: 0 0 0 5px;}
.viewmessage .controls .returnlink {float: left; margin: 0; left: 0;}
.viewmessage .smallpagination {float: right;}
.viewmessage-header {padding: 10px 20px;}
.viewmessage-header .param {margin-top: 5px}
.viewmessage-header .param .name {float: left; width: 60px; font-weight: bold;}
.viewmessage .message {border-bottom: #ccc 1px solid; padding: 10px 20px 12px;}
.viewmessage .avatar {margin: 0 15px 0 0; display: inline;}
.viewmessage-header .avatar  {float: right; margin: 0;}
.viewmessage .message .username {font-weight: bold; margin-right: 15px;}
.viewmessage .message .time {font-size: 11px; color: #777;}
.viewmessage .messagebody {overflow: hidden; min-height: 60px;}
.viewmessage .messagebody div {margin-top: 10px; line-height: 16px; word-wrap: break-word;}
.viewmessage .reply-button, .viewmessage .delete {float: left;}
.viewmessage .spam {float: right;}
.replymessage {padding: 10px 20px 30px;}
.replymessage input.text {font-size: 12px; width: 514px; height: 16px; border: #ccc 1px solid; padding: 2px; letter-spacing: normal;}
.replymessage .messagebody {width: 78%; font-family: Arial, sans-serif; line-height: 17px; font-size: 12px;
    height: 80px; float: right; margin-bottom: 10px;
    }
.replymessage .button {float: right;}
.replymessage .replytitle {float: left; font-weight: bold;}
.replymessage .subject {padding-top: 4px;}
.replymessage .note {float: left; background: url(../images/icons2.png) 0 -243px no-repeat; padding-left: 20px;
    position: relative; left: 203px; line-height: 16px; color: #777; margin-top: 6px; font-size: 11px;
    }

/* discussions */
.userhome #discussions {clear: left; float: left; width: 340px;}
.userhome #discussions .item {padding: 5px 10px 3px 0;}

/* systems */
.userhome #systems {min-height: 265px;}
.userhome #systems .graph {width: 110px; height: 30px; padding: 2px 0;}
.userhome #systems table img {margin: 1px; border-left: 1px solid #e8e8e9; border-right: 1px solid #e8e8e9;}
.disabled {color: #777;}

/* signup page */
#userform_signup h1 {padding: 15px 20px 10px; cursor: default;}
#userform_signup  .r2box1 {width: 220px; margin-right: 80px;}
#userform_signup  .r2box4 {color: #424a4f; font-weight: normal; font-size: 11px; padding: 20px; cursor: default;}
#userform_signup a {color: #007fb9; text-decoration: underline;}
#userform_signup a.button, #userform_signup a.button:hover {text-decoration: none; color: #fff;}
#userform_signup a:hover {color: #007fb9; text-decoration: none;}
#userform_signup table {color: #575f65; margin-left: 110px; font-size: 12px; cursor: default;}
#userform_signup table input  {font-size: 12px;width: 171px;}
#userform_signup table .note {font-size: 9px; color: #969ea9; padding-left: 4px;}
#userform_signup table .pass input {margin-bottom:-6px;}
#userform_signup table .gender input {width: 15px; margin-top: 8px; margin-left: 20px; margin-bottom: 8px;}
#userform_signup .ico_serured {display: inline-block; width: 14px; height: 14px; vertical-align: middle;
    margin: 1px; background:url(../images/lock.png) -1px -1px no-repeat;
    }
#userform_signup .confirmtext {font-size: 9px; color: #969ea9; line-height: 12px;}
#userform_signup select {font-size: 12px; width: 175px; height: 20px;}
#userform_signup .sign_up_bn {width: 171px; height: 49px; background: url(../images/bn_signup.png) top left no-repeat;
    border: none; cursor: pointer; font-family: Arial, sans-serif; font-size: 16px; color: #fff; padding-bottom: 6px;
    }
#userform_signup  #form_terms {width: 20px;}
#answerbox {background-color: #FFF}
#answerbox textarea {width: 400px; height: 250px; border: 1px solid #e8e8e9; font-size: 11px; color: #000;}
#news_content li {margin-bottom: 2px;}
#news_box .content {min-height: 265px;}
#questions_box .content {min-height: 265px;}
#answerbox .question {width: 400px}
.signup-ok .message {margin: 0 auto;}
.signup-ok h1 {margin-bottom: 40px;}
.signup-ok .button {margin: 25px auto 50px;}
.signup-ok .message p {margin-bottom: 15px; font-size: 12px;}
.sitemessage {padding: 20px 40px 70px; width: 600px; margin: 0 auto; font-size: 12px; line-height: 17px;}
.sitemessage h1 {margin-bottom: 40px;}

/* forgot password */
.forgotpassword {width: 650px; margin: 40px auto; font-size: 12px; line-height: 18px;}
.forgotpassword .form-row {line-height: 22px; padding: 10px 0; width: 570px; margin: 0 auto;}
.forgotpassword .form-row .text {width: 250px; padding: 8px;}
.forgotpassword .form-label {width: 110px;}
.forgotpassword .buttons {text-align: center; padding: 30px 0;}
.forgotpassword .errors {position: relative; left: 220px; top: -15px;}
.forgotpassword li {background-position: 0 7px;}
#form_email-label {display: none;}

/* tips */
.tip {width: 258px; position: absolute; display: none; left: -20px; top: 30px; color: #000; font-size: 11px;
    font-weight: normal; white-space: normal; z-index: 100; line-height: normal; text-align: left;
    }
.tip .top, .tip .bottom {height: 14px; background: url(../images/popup.png) 0 0 no-repeat; overflow: hidden;}
.tip .bottom {height: 10px; background-position: 0 -17px;}
.tip .body {background: url(../images/popup.png) -258px 0 repeat-y; color: #fff; padding: 5px 15px;
    font-size: 11px; font-weight: normal;
    }
.tiptrigger {position: relative;}
.withtooltip, .withtip {position: relative;}

/* tool tip */
.tip {width: 212px; overflow: hidden; display: none; position: absolute; z-index: 500;}
.tipMid {background: transparent url(../images/tip.png) -212px 0  repeat-y; padding: 0 15px 10px;}
.tipTop, .tipBtm {background: transparent url(../images/tip.png) 0 0 no-repeat; height: 32px;}
.tipBtm {background-position: 0 100%; height: 12px;}

/* answers page */
.grey_line {border-bottom: 1px solid #e4e7ea; clear: both; padding-top: 4px; margin-right: 10px;}

/* system page */
.viewsystem {text-decoration: none; top: 22px;}
.viewsystem-title {position: absolute; top: 49px; left: 0; width: 100%; background: #fff; height: 45px; z-index: 198;
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05);
            box-shadow: 0 5px 0 rgba(0,0,0,0.05);
    }
.subheadermessage .viewsystem-title {top: 83px;}
.viewsystem-title-content {margin: 0 auto; width: 986px; position: relative;}

@media screen and (min-width: 1000px) {
   .viewsystem-title {position: fixed;}
}

.performancepage .header-menu, .performancepage .header-menu-blank {top: 109px;}
.performancepage .page {padding-top: 109px;}
.subheadermessage .performancepage .header-menu, .subheadermessage .performancepage .header-menu-blank {top: 143;}
.subheadermessage .performancepage .page {padding-top: 143px;}
.viewsystem .switches-type {float: left; margin-left: 20px;}
.viewsystem .pies div {display: inline-block; text-align: center;}
.viewsystem .switches-type label {margin-left: 20px;}
#activity {position: relative;}
#activity .smallpagination {position: relative; right: 0; top: 0;}
.switchgap {margin-left: 8px;}
.rightfloated {float: right;}
.leftfloated {float: left;}
.accounttype {margin-left: 10px; line-height: 18px; font-size: 11px; color: #999; display: inline-block; vertical-align: middle;}
.accounttype .mt4pub {color: #76c7ff;}
.accounttype .ftpuploader {color: #ff76d7;}
.gray {color: #777;}
.verified-real {background-position: 0 -390px; height: 16px;}
.verified-demo {background-position: 0 -406px;}
.viewsystem .addthis {display: inline-block; width: 81px; overflow: hidden; position: relative; top: -2px; display: none;}
.viewsystem .addthis a {margin: 0;}
.gain {padding: 8px; margin: 0 auto 10px; border: 2px solid #b2c7dc; background-color: #FFF; text-align: center;}
.gain .ytd {color: #aaa; font-size: 10px; text-transform: uppercase; margin-bottom: -4px; display: block; text-align: center;}
.gain .relative {display: inline; font-size: 30px; font-family: Arial, sans-serif;}
.gain .absolute .pointer {cursor:pointer;}
.gain .absolute {font-weight: bold;}
.gain .absolute .abstitle {color: #000;}

.highcharts-container svg {width: 100%; height: 100%;}

.negative .relative {background-position: 0 -15px;}
.viewsystem .positive  {color: #2ac600;}
.viewsystem .negative  {color: #ff3838;}
.viewsystem .advertisement {width: 250px; height: 250px; border: #b2c7dc 1px solid; background: #fff; margin-top: 15px;}
.viewsystem .graph {float: left; width: 72%; padding-top: 20px; overflow: hidden;}
.viewsystem .gaincolumn {min-height: 480px; width: 24.5%; float: right;}
.summary .info {line-height: 16px;}
.viewsystem .icon-helpmark {opacity: 0.5; border: 0 !important; vertical-align: top;}
.viewsystem .icon-helpmark:hover {opacity: 1;}
.viewsystem h1 {line-height: 21px; font-size: 18px; padding: 12px; margin: 0 0 8px; padding-right: 180px; padding-left: 60px;}
.viewsystem-owner {position: absolute; top: 0; left: 0; color: #000; text-decoration: none;}
.viewsystem-owner-name {display: none; position: absolute; top: 47px; left: 0; padding: 5px 15px; background: #000;
    background: rgba(0,0,0,0.6); color: #fff; -webkit-border-radius: 4px; border-radius: 4px; z-index: 2;
    }
.viewsystem-owner-name:before {display: block; content: " "; width: 0; height: 0;
    position: absolute; top: -12px; left: 17px; border: rgba(0,0,0,0.6) 6px solid;
    border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;
    }
.viewsystem-owner:hover .viewsystem-owner-name {display: block;}
.viewsystem-owner img {display: block; margin: 0; width: 45px; height: 45px;}
.viewsystem-buttons {position: absolute; right: 0; top: 6px;}
.viewsystem-actions {display: inline-block; vertical-align: top; margin-left: 15px;}
.viewsystem-actions a {display: inline-block; vertical-align: top; background: rgba(0,0,0,0.05); position: relative;
    width: 18px; height: 18px; padding: 8px;
    }
.viewsystem-actions a:hover {background: rgba(0,0,0,0.2);}
.viewsystem-actions a .icon {opacity: 0.7;}
.viewsystem-actions a:hover .icon {opacity: 1;}
.viewsystem-actions a .label {display: none; position: absolute; top: 47px; right: 0; padding: 5px 15px; background: #000;
    background: rgba(0,0,0,0.6); color: #fff; z-index: 2; color: #fff;
    font-size: 12px; white-space: nowrap; -webkit-border-radius: 4px; border-radius: 4px;
    }
.viewsystem-actions a .label:before {display: block; content: " "; width: 0; height: 0;
    position: absolute; top: -12px; right: 17px; border: rgba(0,0,0,0.6) 6px solid;
    border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;
    }
.viewsystem-actions a:hover .label {display: block;}
.viewsystem-actions .icon-plus {position: relative; top: -1px; left: -1px;}
.viewsystem-actions .watchers {color: #000; line-height: 18px; text-decoration: none; width: auto;
    min-width: 18px; text-align: center;
    }
.viewsystem-buttons .button {line-height: 20px; display: inline-block; height: auto; vertical-align: top;}
.viewsystem-buttons .button .icon {vertical-align: middle;}
.dropdown-arrow {width: 20px; height: 20px; position: relative; display: inline-block; vertical-align: top;}
.dropdown-arrow:before {content: ""; width: 0; height: 0; border: #000 4px solid; position: absolute; left: 6px; top: 8px;
    border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent;
    }
.viewsystem-actions-button {padding: 5px;}
.viewsystem-autotrade {display: inline-block; vertical-align: top;}
.viewsystem-autotrade-button {padding: 5px 5px 5px 20px;}
.viewsystem-autotrade .viewsystem-inportfolio {display: inline-block; vertical-align: top; background: rgba(0,0,0,0.05);
    position: relative; padding: 10px 8px 6px 8px; height: 18px;
}

/* performance page autotrade */
.viewsystem-autotrade .dropdown-content {padding: 0;}
.viewsystem-autotrade-options {overflow: hidden; width: 300px; height: 350px; position: relative;
    -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    }
.autotrade-frame {position: absolute; top: 0; width: 100%; bottom: 0; right: 0; font-size: 13px;
    -moz-transition: left 0.3s; -ms-transition: left 0.3s; -webkit-transition: left 0.3s; transition: left 0.3s;
    }
.autotrade-frame-1 {left: -300px;}
.autotrade-frame-2 {left: 300px;}
.autotrade-frame.active {left: 0;}
.autotrade-frame .frame-title {display: block; padding: 15px; line-height: 19px ; position: absolute;
    top: 0; left: 0; right: 0; border-bottom: #ddd 1px solid;
    }
.autotrade-frame .button-back {height: auto; padding: 0 10px; position: absolute; top: 13px; right: 15px;}
.autotrade-frame .button-cancel {float: right;}
.autotrade-frame .accounts-list, .autotrade-frame .symbols-list {position: absolute; width: 100%;
    top: 50px; bottom: 64px; overflow: auto;
    }
.autotrade-frame .accounts-list a {position: relative; border-bottom: #eee 1px solid; display: block;
    padding: 10px; text-decoration: none; color: #000;
    }
.autotrade-frame .account-number {font-size: 18px; display: block;}
.autotrade-frame .account-name {display: block; color: #999;}
.autotrade-frame .accounts-list a:hover {color: #007fb9;}
.autotrade-frame .frame-buttons {height: 33px; padding: 15px; position: absolute; bottom: 0; left: 0; right: 0;
    background: #f4f4f4; border-top: #ddd 1px solid;
    }
.autotrade-frame .symbols-list .symbol {display: inline-block; width: 40%; margin: 3px 3px 3px 15px; vertical-align: middle;}
.autotrade-frame .symbols-list label {display: inline-block; max-width: 100px; vertical-align: middle;}
.autotrade-frame .symbols-list .already-followed {display: block; color: #2AC600; font-size: 11px;}
.autotrade-frame .arrow-right {position: absolute; top: 50%; margin-top: -5px; right: 5px;
    border: #ccc 5px solid; width: 0; height: 0; border-top-color: transparent;
    border-bottom-color: transparent; border-right-color: transparent;
    }
.autotrade-frame a:hover .arrow-right {border-left-color: #777;}
.viewsystem .actions {padding: 10px; text-align: center;}
.viewsystem .actions a {text-decoration: none;}
.viewsystem #summary .info {width: 180px; margin: 0 auto;}
.viewsystem .generalContent .description {padding: 5px 0 0; line-height: 16px;}
.viewsystem .generalContent .info {line-height: 22px; padding: 0;}
.generalinfo {padding: 5px 15px; margin: 0; background: #f3f3f3;}
.viewsystem .withtooltip,
    .viewsystem .withtip,
    .viewsystem .highslide {color: #000; text-decoration: none; border-bottom: #bbb 1px dotted;
        cursor: pointer; position: relative;
    }
.viewsystem .withtooltip:hover, .viewsystem .withtip:hover, .viewsystem .highslide:hover {border-bottom-color: #000;}
.viewsystem .withtooltip:hover, .viewsystem .withtip:hover {z-index: 501;}
.viewsystem-banned-box {border-bottom: #ddd 1px solid; padding: 0 0 8px; margin: 0 0 8px;}
.viewsystem-banned-title {font-size: 18px;}
.viewsystem-banned {color: red;}
.viewsystem-banned-box.history-calculation {font-size: 16px; padding: 4px 0 10px;}
.infobox .withtip {border: 0;}
.system-description {line-height: 18px; font-size: 13px; padding: 20px 25px;}

/* view system risk */
.viewsystem-risk .icon-helpmark {border: 0 !important; opacity: 0.5; vertical-align: top;}
.viewsystem-risk .icon-helpmark:hover {opacity: 1;}
.viewsystem-risk h3 {position: absolute; top: 0; left: 0; border: 0;}
.risk-main {width: 20.5%; float: left; padding: 20px 2%; border-right: #e4e4e4 1px solid; height: 100px;}
.risk-main h3 {border-bottom: 0px; padding: 0; margin-bottom: 15px;}
.risk-line {position: relative; margin: 45px 0 0; height: 5px;}
.risk-line .risk-min-max {position: absolute; top: -10px; bottom: -10px; background: rgba(79,165,253,0.2);
    border: rgba(79,165,253,0.4) 1px solid;
    }
.risk-line .column-part {width: 15.8%; height: 5px; float:left; margin: 0 1% 0 0;}
.risk-line .column-part-6 {margin: 0;}
.risk-line .risk-value {font-size: 15px; font-weight: bold; position: absolute; bottom: 0; font-size: 0; text-indent: -20000px;}
.risk-line .risk-value:before {content: ""; position: absolute; height: 0; bottom: -13px; left: -2px;
    border: transparent 3px solid; display: block; border-bottom-color: #000;
    }
.risk-line .risk-value:after {content: ""; position: absolute; height: 0; top: -18px; left: -2px;
    border: transparent 3px solid; display: block; border-top-color: #000;
    }
.risk-min-label {position: absolute; bottom: -30px; left: 0; color: #000;}
.risk-max-label {position: absolute; top: -30px; left: 0; color: #000;}
.risk-bar {position: relative; width: 440px; height: 25px; border-radius: 4px; margin: 60px auto;
    background: url(../images/risk-bar.png) no-repeat; background-size: 440px 25px;
    }
.risk-bar .risk-point {position: absolute;}
.risk-bar .risk-min, .risk-bar .risk-max {bottom: 0; width: 1px; height: 43px; background-color: #fe9478;}
.risk-point.risk-max {height: 60px;}
.risk-bar .label {position: absolute; opacity: 1; white-space: nowrap;}
.risk-bar .risk-current {font-size: 15px; top: 0; font-weight: bold; margin-left: -3px; white-space: nowrap;}
.risk-current-bar {display: inline-block; vertical-align: top; width: 6px; height: 24px; background-color: #e54a20;}
.risk-current-value {display: inline-block; vertical-align: top; position: relative; top: 4px;}
.risk-point .label {position: absolute; top: 0; font-size: 12px;}
.risk-min .label {right: 5px; white-space: nowrap;}
.risk-max .label {left: 5px;}
.vertical-risk-bar {position: absolute; top: 33px; left: 21px; z-index: 10;}
.risk-bar-label {float: left; width: 19px; height: 140px; background: url(../images/risk-bar-label.png) 0 center no-repeat;}
.risk-column {position: relative; width: 13px; height: 140px; float: left;}
.risk-marks {color: #898989; font-size: 10px;}
.risk-marks .risk-mark {position: absolute; top: 25px; width: 1px; height: 40px; display: inline-block; background-color: #eaeaea;}
.risk-mark .risk-label {position: absolute; bottom: -3px; padding: 3px; left: 1px; white-space: nowrap;}
.risk-mark .label-left {left: auto; right: 1px; max-width: 139px;}
.risk-mark.mark-low {height: 20px; z-index: 2;}
.risk-summary {width: 56%; height: 80px; padding: 30px 2%; float: right; text-align: left;}
.risk-summary-block {float: left; width: 18%; margin-right: 2%;}
.risk-summary-block:last-of-type {margin: 0;}
.risk-summary-value {font-size: 18px; font-weight: bold; margin: 15px 0 3px;}
.risk-summary-progress {height: 5px; background: #e4e4e4; border: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    }
.risk-summary-progress .ui-progressbar-value {background: #fcb73f; border: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    }
.risk-rank {width: 11%; height: 100px; padding: 20px 2%; float: right; border-left: 1px solid #e4e4e4; text-align: left;}
.risk-rank h3 {padding: 0; border: 0;}
.risk-rank-label {font-size: 13px; margin-bottom: 5px;}
.risk-rank-value {font-size: 40px; text-align: center; margin: 0.5em 0;}
.risk-rank-value-help {font-size: 13px;}
.risk-bar .dropdown-content {font-size: 12px; color: #fff; font-weight: normal; right: auto;
    left: 0; min-width: 90px; max-width: 200px; white-space: normal; line-height: normal;
    }
.risk-bar .dropdown-open .dropdown-content {top: 24px;}
.risk-bar .risk-current-value.dropdown-open .dropdown-content {top: 30px;}
.risk-bar .dropdown-corner {right: auto; left: 15px;}
@media screen and (min-width: 1260px) {
    .risk-bar {width: 554px; background-size: 554px 25px;}
    }

.switches.switches-type.risk {margin-top: 15px}

.column-part {margin-top: 2px; width: 5px;}
.column-part-1 {background-color: #31c634;}
.column-part-2 {background-color: #6fcc36;}
.column-part-3 {background-color: #c1ce2e;}
.column-part-4 {background-color: #f6ab35;}
.column-part-5 {background-color: #f46529;}
.column-part-6 {background-color: #f9302b;}

.risk-rating-6 .column-part {height: 16.5%}
.risk-rating-5 .column-part {height: 19%}
.risk-rating-4 .column-part {height: 24.4%}
.risk-rating-3 .column-part {height: 32%}
.risk-rating-2 .column-part {height: 49.3%}
.risk-rating-1 .column-part {height: 99.5%}
.risk-rating-5 .column-part-6 {display: none;}
.risk-rating-4 .column-part-6, .risk-rating-4 .column-part-5 {display: none;}
.risk-rating-3 .column-part-6,
    .risk-rating-3 .column-part-5,
    .risk-rating-3 .column-part-4 {display: none;}
.risk-rating-2 .column-part-6,
    .risk-rating-2 .column-part-5, .risk-rating-2 .column-part-4, .risk-rating-2 .column-part-3 {display: none;}
.risk-rating-1 .column-part-6,
    .risk-rating-1 .column-part-5,
    .risk-rating-1 .column-part-4, .risk-rating-1 .column-part-3, .risk-rating-1 .column-part-2 {display: none;}
#chart_riskvsdrawdown {overflow: hidden; float: right; margin-right: 3%; width: 92%;}
.viewsystem #chart1div {min-height: 340px;}
.viewsystem .shorturl {color: #999; padding: 20px 25px;}
.viewsystem .shorturl input {display: block; padding: 8px; width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.viewsystem #gain_dynamics_content {height: 78px; border-bottom: #e6e6e6 1px solid;}
.viewsystem #summary_content {border-bottom: #e6e6e6 1px solid; position: relative;}

.chart-with-bar {position: relative; padding: 0 2.5rem 0 1.5rem; left: 2rem;}
.chart-with-bar #chart1div {width: 100% !important;}
.chart-with-bar .highcharts-container {width: 100% !important; min-height: auto;}
.chart-with-bar .risk-line {position: absolute; top: 149px; left: -111px; width: 234px; height: 6px; margin: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.system-recent-dynamics {padding: 20px 0 20px 25px;}
.recent-dynamics-section {float: left; width: 20%; text-align: left;}
.recent-dynamics-section:first-child {border-left: 0;}
.recent-dynamics-section .label {line-height: 15px;}
.recent-dynamics-section .value {font-size: 20px; display: block;}
.viewsystem .grey_line {margin: 5px 10px 5px 20px; display: inline; border: 0; background: #b2c7dc;
    clear: none; overflow: hidden;
    }
.viewsystem .mainstats {margin: 15px 8px 5px; background: #e2ebf3; padding: 12px; border: #b2c7dc 1px solid;}
.viewsystem .customalanyzebutton {width: 120px; margin: 0 auto 24px auto; display: block;}
.performance-stats {padding: 30px 30px 30px 0;}
.performance-stats .grey_line {height: 1px; width: auto; margin: 7px 0; display: block; float: none;
    clear: both; padding: 0; background: #e6e6e6;
    }
.performance-stats .value {text-align: right; display: inline-block; line-height: 19px; height: 19px;
    width: 100%; vertical-align: top;
    }
.performance-stats .property {margin-bottom: -19px; line-height: 19px; display: inline-block; text-align: left; height: 19px;
    width: 50%; white-space: nowrap; vertical-align: top;
    }
.alltime-gain {position: absolute; background: #f3f3f3; padding: 15px; text-align: center; bottom: 0; left: 0; right: 0;}
.alltime-gain .value {font-size: 27px;}
#summary_content .alltime-gain {position: relative;}
#summary_content .performance-stats {padding: 30px 30px 20px 0;}
#summary_content .customalanyzebutton {margin: 0 auto 10px;}
.viewsystem .generalContent .column {width: 23%; float: left; margin: 5px 2% 5px 0;}
.generalContent .lastcolumn {margin-right: 0; width: 25%;}
.generalContent .property {margin: 0; display: block; line-height: 18px; height: auto;}
.generalContent .property span {display: inline-block; vertical-align: top; text-align: left; margin-left: 2%; height: auto;}
.generalContent .property span.label {width: 39.5%; margin: 0;}
.generalContent .property .private, #activity_content .private {display: inline-block; width: 16px; position: relative; top: 4px;}
.viewsystem .broker-name {white-space: nowrap; display: inline-block; vertical-align: top; max-width: 125px; overflow: hidden;}
.viewsystem .tabs .symbol {margin-left: 50px;}
#monthly_advanced_content {min-height: 565px;}
#monthly .bigtabs, #monthly .bigtabs span {float: left;}
.viewsystem .closedtrades {margin-left: 40px;}
#banked_content .left, #advanced_content .left {padding-left: 10px;}
.customanalysis {padding: 15px 10px; font-size: 11px;}
.customanalysis .rangetitle {display: block; margin-bottom: 10px; float: left; position: relative; top: 10px;}
.customanalysis #customStart, .customanalysis #customEnd {border: 1px solid #bebebe; width: 100px; margin-right: 20px;}
.customanalysis .rangebuttons {position: relative; left: 40px; display: inline; top: 5px;}
.customanalysis .rangebuttons input {font-size: 11px; color: #000; height: 20px; background: #eee;
    border: #ccc 1px solid; padding: 0 10px 4px; line-height: 16px;
    }
.customanalysis .rangebuttons input:hover {background: #baddf3; border-color: #6dc1f6;}
.customanalysis .rangeform {margin-top: 14px; position: relative; left: 10px;}
.customanalysis fieldset {border: 1px solid #bebebe; width: 330px; min-height: 70px; float: left; margin-right: 15px;}
.customanalysis label {position: relative; top: -2px; width: 82px; display: inline-block;}
.customanalysis .buttons {margin-top: 30px; float: left; margin-left: 30px;}

.viewsystem .more {float:right; width: 150px; padding-top: 4px;}
.viewsystem .more label, .viewsystem .more span {float: left; margin-right: 10px;}
.viewsystem .more input {position: relative; top: 2px;}
.viewsystem .more label {position: relative; top: -4px;}

.viewsystem table {width: 100%}
.tradepopulation th {background: transparent;}
.viewsystem table .summary td {font-weight: bold; background: #f2f2f2;}
.viewsystem #banked .content {padding-bottom: 8px;}
.viewsystem .bar {width: 50px; background-color: #ff5b57; margin: 0 auto; border: 1px solid #c0c0c0; height: 15px;}
.viewsystem .bar .win {height: 15px; background-color: #91f55f;}
.viewsystem .bar .label {color: #000; position: absolute; line-height: 15px; height: 15px; width: 50px; text-align: center;}
.viewsystem td, .viewsystem th {line-height: 20px;}
.viewsystem th {width: 65px;}
.viewsystem th.category {width: 75px;}
.viewsystem #activity th.category {width: 140px;}
.viewsystem #activity th {width: 80px; text-align: center;}
.viewsystem #activity td {text-align: center; padding: 4px; line-height: 15px;}
.viewsystem #activity .titlecell {text-align: left; background: #6e6e6e; color: #fff;}
.viewsystem #activity .headline th {border-bottom: 1px solid #e9e9eb;}
.viewsystem #activity .odd {background-color: #f8f8f8;}
.viewsystem tr.graphs:hover td {background-color: #fff !important; border-bottom: #fff !important; border-top: #fff !important;}
.viewsystem tr.headline:hover, .viewsystem tr.headline:hover td {background-color: #c4c4c4 !important;}

#statistic .content, .viewsystem .populationbox .content {overflow: hidden;}
.viewsystem .distributionbox {float: left; width: 49.5%;}
.viewsystem .regressionbox {float: right; width: 49.5%;}
.viewsystem #chart_population {height: 300px; width: 414px; margin: 0 -8px; overflow: hidden;}
.viewsystem .system-graph {height: 280px; overflow: hidden;}
.viewsystem .system-graph2 {height: 280px; overflow: hidden;}
.viewsystem .separator {border-bottom: #ccc 1px solid;}
.viewsystem #statistic .stats {border: #cfdee6 1px solid; margin: 0 auto 10px; width: 450px; position: relative; left: -3px;}
.viewsystem .statstable {float: left; width: 49.5%; margin: 1px 0;}
.viewsystem #riskreward {float: right;}
.viewsystem .statisticstable {width: 100%;}
.viewsystem .statstable td {padding: 3px 6px 4px; text-align: left; white-space: nowrap; line-height: 13px;}
.viewsystem .statstable td.value {width: 50px;}
.viewsystem .statstable .odd td {background: #fff;}
#statistic .tabletitle {text-align: left; font-size: 11px; font-weight: bold; padding: 5px 10px;
    background: #e1e3e5 url(../images/table-header.png) 0 0 repeat-x;
    }
.viewsystem .tableContent .year {cursor:pointer;}
.viewsystem .tableContent .year:hover {background-color: #b8d9eb;}
.viewsystem .tableContent td, .viewsystem .tableContent th {text-align: center; border-bottom: #cfdee6; white-space: nowrap;}
.viewsystem .tableContent .lastrow td {border-top: #cfdee6 1px solid;}
.viewsystem .tableContent td.right{text-align:right; float: none;}
.viewsystem .tableContent .month {cursor:pointer;}
.viewsystem .tableContent tr.headline:hover {background-color: #EAEAEA !important;}
.viewsystem .tableContent td.month:hover {background-color: #b8d9eb !important;}
.viewsystem .tableContent .active {background-color: #b8d9eb;}
.viewsystem .summary .content {height: 455px;}
.viewsystem #user .content {height: 255px;}

.viewsystem-statistics-section {float: left; margin: 15px 2%; width: 29%;}
.viewsystem-statistics-section .property {position: relative; line-height: 170%;}
.viewsystem-statistics-section .value {position: absolute; right: 0; top: 0;}
.viewsystem-statistics-separator {height: 0; border-bottom: #ddd 1px solid; margin: 3px 0;}

.tradepopulation-table {float: left; width: 45%; margin: 10px 2%;}
#chart_population {margin: 0 2%;}
.tradepopulation {border: 0;}
.tradepopulation-bar {position: relative; width: 60%; height: 10px;}
.tradepopulation-sell .tradepopulation-bar {float: right;}
.tradepopulation-buy .tradepopulation-bar {float: left;}
.tradepopulation .sell {background: #ff6f2f; display: block; height: 10px; position: absolute; right: 0; min-width: 1%;}
.tradepopulation .buy {background: #4fa5fd;  display: block; height: 10px; position: absolute; left: 0; min-width: 1%;}
.tradepopulation .sell-value {color: #ff6f2f; font-size: 10px; line-height: 10px; position: absolute; margin-right: 3px; top: 0;}
.tradepopulation .buy-value {color: #4fa5fd; font-size: 10px; line-height: 10px; position: absolute; margin-left: 3px; top: 0;}
.tradepopulation th {border-bottom: #e8e8e8 1px solid; text-align: left; padding: 2px 0;}
.tradepopulation td {text-align: left; padding: 2px 0;}
.tradepopulation-symbol {width: 20%;}
.tradepopulation .tradepopulation-sell {width: 40%; text-align: right; padding-right: 5px;}
.tradepopulation-buy {width: 40%;}

.risktable {width: 460px; margin: 0 auto;}
.risktable .risk10 td {background: #d7febf;}
.risktable .risk20 td {background: #e0fbbf;}
.risktable .risk30 td {background: #eaf7bf;}
.risktable .risk40 td {background: #f4f3bf;}
.risktable .risk50 td {background: #fdedbf;}
.risktable .risk60 td {background: #ffe6bf;}
.risktable .risk70 td {background: #ffddbf;}
.risktable .risk80 td {background: #ffd3bf;}
.risktable .risk90 td {background: #ffc9bf;}
.risktable .risk100 td {background: #ffc1bf; border: 0;}

.risktable th {text-align: center; border-bottom: #fff 1px solid;}
.risktable td {vertical-align: middle; text-align: center; border-bottom: #fff 1px solid; padding: 0; line-height: 24px;}
.risktable .percentloss {display: inline-block;}
.risktable .riskblock {float: left; width: 6px; height: 24px; top: 0; left: 0;}
.risktable .riskblock10 {background: #5efb00;}
.risktable .riskblock20 {background: #82ef00;}
.risktable .riskblock30 {background: #ace000;}
.risktable .riskblock40 {background: #d1d000;}
.risktable .riskblock50 {background: #f3bb00;}
.risktable .riskblock60 {background: #ff9f00;}
.risktable .riskblock70 {background: #ff7900;}
.risktable .riskblock80 {background: #ff4f00;}
.risktable .riskblock90 {background: #ff2800;}
.risktable .riskblock100 {background: #ff0800;}
.system-graph .nothing {padding: 155px 0;}
#chart_risk {padding: 10px 0; margin-left:45px;}

.discussion-summary {position: relative;}
.discussion-summary h1 {border-bottom: #ddd 1px solid; padding: 0 0 5px; margin: 0;}
.discussion-summary .links {float: right; position: relative; top: 10px;}
.discussion-summary .links a {text-decoration: none; color: #000; margin-left: 15px; display: inline-block; vertical-align: baseline;}
.discussion-summary .links a:hover {color: #007fb9;}
.discussion-summary .links a .icon {display: inline-block; vertical-align: middle; position: relative; top: -2px;}
.discussion-infobox {background: #eee; padding: 20px 20px 20px 25px;}

.discussion .nothing {padding: 50px;}
.infocolumn {width: 21%; float: left; margin-right: 2%; padding-right: 2%; border-right: #ddd 1px solid; font-family: Arial, sans-serif;}
.lastcolumn {border: 0; margin-right: 0;}
.infocolumn .largeproperty {display: block; font-size: 13px; line-height: normal;}
.infocolumn .largevalue {display: block; font-size: 24px; font-weight: bold; margin-bottom: 7px; line-height: normal;}
.infocolumn .property, .infocolumn .value {font-size: 13px;}
.infocolumn .positive  {color: #2ac600;}
.infocolumn .negative  {color: #ff3838;}
.forum_forumpost .infocolumn {width: auto; border: none;}

/* highslide overrides */
.highslide-header .highslide-move a {display: inline-block; padding-top: 13px; width: 13px; margin: 0; height: 0;
    overflow: hidden; background: url(../images/icons.png) -758px 0 no-repeat;
    }
.highslide-header .highslide-move a:hover {background-position: -758px -13px;}
.highslide-header .highslide-close a {display: inline-block; padding-top: 13px; width: 13px; margin: 0; height: 0;
    overflow: hidden; background: url(../images/icons.png) -188px 0 no-repeat;
    }
.highslide-header .highslide-close a:hover {background-position: -188px -13px;}
.highslide-header ul li {padding-left: 3px;}
.highslide-html-content {padding: 5px; line-height: 130%;}
.highslide-footer {position: absolute; bottom: 2px; right: 2px;}

/* systems / profile / widgets */
.value-plus {color: #2AC600;}
.value-minus {color: #FF3838;}
.value-zero {color: #a9a4a4;}

#search_systems .content,
#search_setting  .content,
#userinfo2 .content,
.system_search , #profile , #widgets_page {cursor:default;}
.systemssearch .name {width: 155px;}
.systemssearch .profit {width: 80px;}
.systemssearch .prformance {width: 110px;}
.systemssearch .drawdown {width: 80px;}
.systemssearch .account {width: 80px;}
.systemssearch .trading {width: 80px;}
.systemssearch .age {width: 80px;}
.systemssearch .updated {width: 80px;}
.systemssearch .verified {width: 80px;}
.systemssearch .provider {width: 80px;}

.systemssearch .perf-name {display: block; width: 155px; overflow: hidden; white-space: nowrap;}
.systemssearch .minichart {height: 32px;}
.systemssearch  th {line-height: normal; padding: 10px 2px;}
.systemssearch  td {line-height: normal;}

.system_search {padding-bottom: 20px;}
.system_search h1 {border-bottom: #ddd 1px solid; padding: 0 0 5px;}
.systems-search-filters {background: #f6f6f6; margin-bottom: 25px; padding: 15px; overflow: hidden;
    font-size: 12px; text-align: center;
    }
.systems-search-filters .form-buttons {padding: 0; margin-top: 10px;}
.systems-found-count {font-size: 18px; float: left; padding: 10px;}
#search_systems .smallpagination {top: 0; left: 0; padding: 10px;}

.filers-slider {display: inline-block; width: 212px; padding: 0 20px; margin-bottom: 5px; vertical-align: top;}
.filers-slider b {float: left; width: 80px;}
.filters-options {display: inline-block; width: 212px; padding: 0 20px; vertical-align: top; text-align: left;}
.filter-select {height: 30px;}
.filter-select b {display: inline-block; width: 90px; vertical-align: middle;}
.filter-select select {padding: 1px; width: 110px; vertical-align: middle; font-size: 12px; font-family: Arial;}

#userinfo2 , #widget {float: right; width:  70%;}
.system_search #search_systems table  {text-align: center;}
.system_search #search_systems table  .graph {background-position: 20px 2px;}
#fsearch_systems td , #userinfo2 td {padding: 8px 2px;}
#fsearch_systems .headline td, #userinfo2 .headline td {padding: 2px;}
.system_search #search_systems .plus , #userinfo2 .plus {color: #00a336;}
.system_search #search_systems .minus, #userinfo2 .minus {color: #a30000;}
.system_search #search_systems .graph, #userinfo2 .graph {background-position: 20px 0;}
.system_search .filters {padding: 15px 0;}
#search_systems .content {min-height: 360px;}
.system_search .name {text-align:left; padding-left: 15px; white-space: nowrap;}
.system_search .dropdown {position: relative; float: left;}
.system_search .dropdown .dd {position: absolute; top: 15px; left: -6px; width: 60px; background: #fff;
    border: #b4bdc1 1px solid; padding: 5px; z-index: 5;
    }
.system_search .dropdown .dd  a {text-decoration: none; display: block; margin: 3px;}
a.select {padding-right: 11px; height: 13px; background: url(../images/updown.png) 100% -14px no-repeat;
    overflow: hidden; display: inline-block; margin-left: 4px; cursor: pointer; text-decoration: none;
    }
#userinfo1,
#widget_setting {float:left; width: 28%;}
#userinfo1 .otherinfo {padding: 0 50px 20px; line-height: 17px;}
#profile .activity-filters {margin: 10px 0 0; padding-bottom: 20px; text-align: left; top: 0; left: 0;
    color: #000; border-bottom: 1px solid #EAEAEA
    }
#profile .activity-filters .dropdown {margin: 0;}
#profile .activity-filters .dropdown-trigger {background-position: 100% -72px !important; border-color: #ccc; color: #000;}
#profile .activity-filters .dropdown-trigger-down {border-color: #000;}

.system_search #search_refresh {display: inline-block; vertical-align: middle; margin: 7px 0 0 40px;
    text-decoration: none; border-bottom: #27a6e0 1px dotted;
    }
.system_search #search_refresh:hover {border:none;}
#search_setting .scroll {margin: 3px 0 14px; clear: both; float: left; width: 192px; height: 15px; overflow: hidden;
    background: url(../images/scroll.png) 0 0 no-repeat; padding: 5px 10px;
    }
#search_setting .scroll .inner {width: 182px; height: 10px; position: relative;}
#search_setting .scroll .filled {position: absolute; top: 5; left: 5; height: 15px;
    background: url(../images/scroll.png) -5px -30px no-repeat;
    }
#search_setting .scroll .handle {position: absolute; top: -2px; width: 11px; height: 20px;
    background: url(../images/scroll-handle.png) 0 0 no-repeat; cursor: pointer;
    }
#widget_setting b {float: left; width: 80px; display: block; overflow: hidden;}
#search_setting .got {float: right; overflow: hidden;}
#widget_setting select {float: right; height: 17px; font-size: 11px; width: 110px; padding-bottom: 1px;
    text-align: center; margin-bottom: 10px;
    }
.buttons-widget {padding: 0 0 20px; line-height: 28px;}

#widget_setting .content {padding-left: 20px; padding-right: 20px;}
#widget_setting  .title {margin-left: -10px;}
#widget_setting  input {margin-left: 35px;}
#widget_setting a {margin-left: 25px;}
#widget .small_wee {background: url(../images/widget-small1.png) 0 0 no-repeat; width: 219px; height: 60px;
    margin: 0 auto; padding: 7px;
    }
#widget .small_wee .graph {float: left; background: url(../images/graph2.png) 0 0 no-repeat; width: 70px;
    height: 46px; margin-right: 10px;
    }
#widget .small_wee .left {text-align: left;}
#widget .small_wee .status {font-size: 10px; font-weight: bold; margin-bottom: 5px;}
#widget .small_wee .left {font-size: 10px; color: #000; width: 94px; display: inline-block;}
#widget .small_wee .right {font-size: 10px; color: #fff;}
#widget .wide_wee {background: url(../images/widget-wide1.png) 0 0 no-repeat; width: 587px; height: 21px;
    margin: 0 auto; padding: 5px;
    }
#widget .wide_wee .status {font-size: 10px; font-weight: bold; margin-bottom: 5px; float: left; margin-left: 8px;}
#widget .wide_wee .graph {float: left; width: 70px; height: 21px; margin: 0 20px 0 8px; overflow: hidden;
    background: url(../images/graph2.png) 0 -11px no-repeat;}
#widget .wide_wee .left {float: left; font-size: 10px; color: #fff;}
#widget .wide_wee .right {float: left; font-size: 10px; color: #fff; width: 25px; margin: 0 30px 0 5px;}
#widgets_page {padding-bottom: 40px;}
#widgets_page h1 {padding: 0 0 5px; border-bottom: #ddd 1px solid; margin: 0 0 30px;}
#widgets_page .instructions {padding: 50px 0 20px; width: 300px; margin: 0 auto; font-size: 18px; font-family: Arial, sans-serif;}
#widgets_page .instructions div {margin-bottom: 20px;}
#widgets_page .instructions .done {font-weight: bold; padding-left: 40px;}
#widgets_page #widget{min-height: 427px;}
.iconnumber {float: left; position: relative; width: 39px; height: 34px; left: -8px; top: -8px; font-family: Arial, sans-serif;
    font-size: 24px; padding-top: 5px; text-align: center; background: url(../images/icon-number.png) 0 0 no-repeat; color: #fff;
    }
.instructions .iconnumber {background: none repeat scroll 0 0 #A4DF69; border-radius: 20px; color: #FFFFFF;
    display: inline-block; font-weight: bold; height: 20px; line-height: 20px; padding: 10px;
    text-align: center; vertical-align: middle; width: 20px;
    }
.widgetpreview {margin: 0 auto; padding: 20px 10px; border-bottom: #e6e6e6 1px solid;}
.widgetpreview img {margin: 5px auto; display: block;}
.widgetpreview strong {font-size: 18px; font-weight: normal; display: block; padding: 0; margin-bottom: 20px;}
.widgetpreview .code div {width: 300px; font-size: 10px; padding: 5px; border: 1px solid #bebebe;
    height: 90px; line-height: 15px; margin-top: 4px; overflow: auto;
    }
.widgetpreview .code span {display: block;}
.widgetpreview .code {margin-top: 10px; color: #555; width: 49%; float: left; position: relative; left: 15px;}
#userinfo1 .avator {width: 145px; height: 145px; background: url(../images/no-avatar_big.png) 0 0 no-repeat;
    border: 4px solid #ccd1d8; margin-top: 8px;
    }
#userinfo1 .actions {margin: 20px auto;}
#userinfo1 a.skype , #userinfo1 a.facebook , #userinfo1 a.in {width: 16px; height: 16px; overflow: hidden;
    display: inline-block; margin-right: 20px; cursor: pointer;
    }
#userinfo1 a.skype {background-position: 0 -89px;}
#userinfo1 a.skype:hover {background-position: 0 -106px;}
#userinfo1 a.facebook {background-position: 0 -126px;}
#userinfo1 a.facebook:hover {background-position: 0 -146px;}
#userinfo1 a.in {background-position: 0 -166px;}
#userinfo1 a.in:hover {background-position: 0 -186px;}
#userinfo1 a.report:hover {background-position: 0 -16px;}
#userinfo1 a.message {background-position: 0 -63px;}
#userinfo1 a.meet {background-position: 0 -34px;}
#userinfo1 a.meet:hover {background-position: 0 -49px;}
#userinfo2 table {text-align: center;}
#widget p {padding: 0 20px; margin: 0;}
#userinfo2 .user-info, .tabs-content {padding: 10px 20px;}
#userinfo2 .user-info strong {display: block; margin-bottom: 5px; font-size: 12px;}
#userinfo2 table .graph {background-position: 20px 5px;}

/* portfolio */
#portfolio_page {margin-bottom: 40px;}
.portfolio-title {position: relative;}
.portfolio-addaccount {position: absolute; top: 6px; right: 6px;}
#portfolio_page table td {padding: 10px;}
#portfolio_page table .graph {width: 110px; height: 27px; padding: 2px 0;
    background: url(../images/graph2.png) 20px 3px no-repeat;
}
#portfolio_page table .name {width: 185px; text-align: left; padding-left: 15px;}
#autotrading .positive {color: #2ac600;}
#autotrading .negative {color: #ff3838;}
.autotrading-pay-as-you-go {margin-bottom: 35px;}
.button-addaccount {margin-top: 7px; float: right; margin-right: 10px;}
.blender-info {padding: 125px 15px 15px; background: url(../images/blender.png) 50% 15px no-repeat; line-height: 140%;}
.blender-link {display: block; width: 130px; margin: 5px auto 20px; background: url(../images/buttons.png) 0 -500px;
    border-color: #257200; color: #fff;
    }
.blender-link:hover, .blender-link:focus {background: url(../images/buttons.png) 0 -534px;}
.autotrading-vip {margin-bottom: 20px;}
.credits-autotrade {font-size: 15px; color: #777; padding-top: 10px; float: right;  font-weight: bold;}

/* autottrading accounts page */
.autotradingpage {padding-bottom: 40px;}
.autotradingpage h1 {color: #000; border-bottom: #ddd 1px solid; padding: 0 0 5px; margin: 0 0 5px;}
.autotrading-accounts {float: left; width: 65.5%;}
.autotrading-supplements {float: right; width: 32%;}
.autotradingpage .box {margin-bottom: 6px;}
.autotradingpage table th {padding: 4px}
.autotradingpage table td {padding: 4px;}
.autotradingpage .cell-accounts {width: 40%;}
.autotradingpage .cell-profit {width: 10%;}
.autotradingpage .cell-pips {width: 10%;}
.autotradingpage .cell-status {width: 10%;}
.autotradingpage .cell-actions {width: 30%; text-align: center; padding: 8px 0;}
.autotradingpage .cell-credit {width: 15%;}
.autotradingpage .disabled td {background: #eaeaea;}
.account-account {font-size: 18px; text-decoration: none;}
.account-account:hover {text-decoration: underline;}
.account-broker {display: block; color: #999;}
a.whitebutton {background: url(../images/button.png) 0 -318px repeat-x; border: #acb3c4 1px solid;
    color: #000; padding: 4px 6px; font-weight: normal; height: auto; display: inline-block;
    vertical-align: middle; text-decoration: none; border-radius: 4px;
    }
a.whitebutton:hover {border-color: #7c8394; background: #fff;}
.autotrading-accounts td:first-child, .autotrading-accounts th:first-child {padding-left: 10px;}
.autotrading-accounts .cell-actions {text-align: center; padding-right: 10px;}
.autotrading-accounts .cell-actions .button {padding-left: 0; padding-right: 0; width: 50px;}
.box.balance .content {padding: 13px 0 2px;}
.autotrading-balance {font-size: 13px; text-align: center;}
.autotrading-balance .credit-amount {font-size: 35px; font-family: Arial, sans-serif; line-height: 35px; margin-bottom: 10px;}
.fulfillbutton {margin: 10px auto;}
.autotrading-pricelist-link {margin: 20px 0; text-align: center;}
.autotradingpage .pricelist-link {font-size: 15px; text-decoration: none;}
.autotradingpage .pricelist-link .label {text-decoration: underline;}
.autotradingpage h2 {margin: 10px 0 15px;}
.autotradingpage .public-tabs {position:absolute; top: 5px; right: 0;}
.autotrading_tabs {float: left; width: 65.5%; position: relative;}

.connect-options {padding: 20px 10px;}
.connect-options .connect-direct {padding-top: 75px; text-align: center;
    background: url(../images/fxstat-direct.png) 50% 0 no-repeat;
}
.connect-options .connect-or {font-size: 15px; color: #aaa; border-bottom: #ddd 1px solid; position: relative; margin: 25px 0;}
.connect-options .or-label {position: absolute; padding: 5px; left: 50%; top: 50%; margin: -15px 0 0 -20px; background: #fff;}
.connect-options .connect-bridge {text-align: center;}
.connect-options .download-link {height: auto; font-weight: bold; margin-bottom: 10px; display: block; padding: 5px 0;
    color: #fff; text-decoration: none;
    }
.connect-options .download-link:hover {background-position: 0 -50px;
    -webkit-box-shadow: 0 1px 3px #aaa;
            box-shadow: 0 1px 3px #aaa;
    }
.download-icon {width: 28px; height: 28px; display: inline-block; margin-right: 5px; vertical-align: middle;
    background: url(../images/icons.png) -316px 0;
    }
.how-to-videos {padding: 15px; text-align: left;}
.how-to-videos a {text-decoration: none; display: inline-block; padding-left: 38px; position: relative;}
.howto-videos-item {display: block; border-bottom: #ddd 1px solid; padding: 5px 0;}
.how-to-videos .icon {position: absolute; top: 50%; left: 0; margin-top: -14px;}
.how-to-videos .label {display: inline-block; padding: 8px 0;}
.how-to-videos a:hover .label {text-decoration: underline;}

/* autotrading */
#autotrading .box .content {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#autotrading h4 {padding: 7px 8px; background: url(../images/table-header.png) 0 0 repeat-x; margin: 0;
    position: relative; font-size: 11px;
    }
.at-keylink {position: absolute; right: 8px; top: 7px; font-weight: normal;}
.performancelink {position: absolute; top: 4px; right: 8px; font-weight: normal;}
.at-finder, .at-stream, .at-accounts {position: absolute; top: 41px; bottom: 34px; float: left; width: 28%;
    border-right: 1px solid #cfcfcf; margin-right: -2px; z-index: 1;
    }
.at-stream {overflow: auto;}
.at-main-column {float: right; width: 72%;}
.at-finder .headerswitches {width: auto; left: auto; right: 10px;}
.at-statusline {position: absolute; bottom: 0; left: 0; right: 0; padding: 4px; line-height: 18px;
    height: 26px; background: #f3f3f3;
    }
.at-statusline a, .at-statusline label {text-decoration: none; color: #000; padding: 4px 8px; display: inline-block;}
.at-statusline a:hover, .at-statusline label:hover {text-decoration: none; background: rgba(0,0,0,0.1);}
.at-statusline .at-main-column {margin-left: 15px;}
.at-total {position: absolute; right: 0; top: 0; padding: 8px; font-weight: bold; line-height: 18px;}
.stats-funds {float: left; color: #000; text-align: left; white-space: nowrap; font-weight: normal; padding: 4px 8px;
    line-height: 18px;
    }
.stats-funds .property {margin-right: 9px;}
.stats-funds .value {color: #000; font-weight: bold;}
.at-supplements {bottom: auto; left: 0; right: auto; top: 3px; background: transparent;}
.positions-only .at-supplements {left: 120px;}
.at-trade-supplements {float: left; text-align: left; margin-right: 30px; margin-top: -1px;}
.timeframe-settings .popup-note {color: #999; text-align: center; width: 60%; margin: 0 auto 20px auto;}
.trading-timeframe {width: 90%; margin: 10px auto; border: 0; border-spacing: 0;}
.trading-timeframe td, .trading-timeframe th {padding: 0; border: 0; font-weight: normal; text-align: left;}
.trading-timeframe tr:hover td {border: 0; background: transparent;}
.trading-timeframe .status-indicator {display: block; height: 14px; background: #2ac600;
    margin: 1px; -webkit-border-radius: 3px; border-radius: 3px;
    }
.trading-timeframe td.enabled .status-indicator {background: #2ac600;}
.trading-timeframe td.disabled .status-indicator {background: #ccc;}
.timeframe-info {margin: 10px 0 30px; text-align: center; visibility: hidden;}
.timeframe-info.visible {visibility: visible;}
.timeframe-quicklinks {width: 90%; margin: 20px auto;}
.timeframe-quicklinks a {margin-right: 10px; text-decoration: none; border-bottom: #007FB9 1px dotted;}
#autotrading th, #autotrading .headline td {padding-top: 4px; padding-bottom: 4px; line-height: normal;}
#autotrading table .button {padding: 2px 5px;}

/* autotrading page boxes */
.strategies-instruments {position: absolute; top: 0; left: 0; height: 410px; width: 100%;}
.portfolio-positions {position: absolute; top: 421px; bottom: 10px; left: 0; width: 100%;}
.at-navigate {position: absolute; top: 41px; bottom: 0; left: 0; right: 0; overflow: auto; padding: 10px 25px;}
.at-portfolio {position: absolute; top: 26px; bottom: 27px; left: 0; right: 0; overflow: auto; }
.portfolio-positions .at-finder {bottom: 0;}
.at-strategies {position: absolute; top: 0; right: 0; width: 72%; bottom: 34px; height: auto; margin: 0;}
.at-strategies-container {overflow: auto; background: url(../images/blank-tradebook.png) 50% 50% no-repeat;
    position: absolute; top: 41px; bottom: 44px; left: 0; right: 0;
    }
.at-strategies #activity {position: absolute; width: 100%; top: 41px; bottom: 0;}
.at-positions {position: absolute; right: 0; bottom: 0; top: 0;}
.at-positions-container {position: absolute; top: 41px; bottom: 34px; left: 0; right: 0; overflow: auto;}
.at-positions-container.with-2-statusline-below {bottom: 68px !important;}
.at-positions .switches .button, .at-strategies .switches .button {margin-right: 15px;}
.at-positions-supplements {position: absolute; top: 0; left: 0; padding: 7px 0; background: transparent;}
.trading .at-strategies-container {bottom: 0;}
.page-wide .slider {left: 0; right: 0; height: 10px; position: absolute; top: 411px; z-index: 10;
    background: url(../images/slider.png) 64% 50% no-repeat; cursor: n-resize; opacity: 0.5;
    }
.page-wide .slider:hover {opacity: 1;}
.trade-only .at-main-column {width: 100%;}
.trade-only .at-strategies {width: 100%; bottom: 0;}
.at-search {padding: 7px; background: #f3f3f3; position: relative;}
.at-navigate .loading {padding: 80px 0;}
input.at-search-line {padding: 6px 30px 6px 6px; width: 100%; margin: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
input.at-search-gray {color: #aaa;}
.at-search-button {border: 0; background: url(../images/search.png) -70px 2px no-repeat; width: 23px; height: 21px;
    cursor: pointer; position: absolute; right: 13px; top: 10px;
    }
.at-search-button:hover, .at-search-button:focus {background-position: -70px -33px;}

/* navigator */
.at-navigate strong {font-size: 12px; font-weight: normal;}
.tree {margin-top: 10px;}
.tree-expand, .tree-collapse {width: 9px; height: 9px; display: inline-block; vertical-align: top; margin-top: 2px;
    margin-right: 5px; background: url(../images/tree.png) 0 0 no-repeat; text-decoration: none;
    }
.tree-collapse {background-position: 0 -9px;}
.tree-item, .tree-child {display: block; margin: 6px 0; text-decoration: none; color: #000; cursor: pointer;}
.tree-item:hover, .tree-item:hover  {color: #005e99;}
.tree-item.active:hover {color: inherit;}
.tree-children {display: block; margin-left: 15px; border-left: #6685a3 1px dotted; margin-bottom: 10px;}
.tree-child {width: auto; padding-left: 14px; background: url(../images/tree.png) -29px 50% no-repeat;
    position: relative; margin-top: 3px;
    }
.tree-child .icon {width: 23px; height: 20px; vertical-align: middle;}
.tree-child.heading {margin: 0; display: inline-block; font-size: 18px; padding: 3px 8px ; border-radius: 4px;
    padding-left: 0; background-image: none;
    }
.tree-child.active {background: #ececec;}
.at-key-label {padding-top: 5px; display: inline-block; height: 20px; width: 25%;}
.at-key {padding: 10px 0 10px 9px; overflow: hidden;}
.at-key-code {display: inline-block; background: #efefef; border: #c8c7c7 1px solid; padding: 5px 8px; width: 67.7%;}
.at-addlink {display: inline-block; height: 16px; margin: 4px 0 8px 8px;text-decoration: none; border: #fff 1px solid;
    background-color: #e8eef4; padding: 4px 10px 3px; -webkit-border-radius: 3px; border-radius: 3px;
    }
.at-addlink:hover {background-color: #cfdfed; border-color: #9cbede;}
.at-apply {display: inline-block; background: #e8eef4 url(../images/icons2.png) 6px -469px no-repeat; height: 16px;
    margin: 4px 0 8px 8px; text-decoration: none; border: #fff 1px solid; padding: 3px 10px 3px 24px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    }
.at-apply:hover {background-color: #cfdfed; border-color: #9cbede;}
.at-portfolio-table {width: 100%;}
.at-portfolio-table th, .at-portfolio-table td {padding: 4px 2px; text-align: center;}
.at-portfolio-table .blocked td, .at-portfolio-table .blocked:hover td  {border-bottom-color: #e6e6e6;}
.at-portfolio-table .checkbox {float: none; top: 0; left: 0;}
.portfolio-check {width: 7%;}
.portfolio-connection {width: 7%;}
.portfolio-performance {width: 25%; text-align: left; color: #000;}
.portfolio-performance .link {display: inline-block; width: 70%; width: calc(100% - 23px); color: #000;
    text-align: left; vertical-align: middle;
    }
.portfolio-item {width: 15%;}
.portfolio-profit {width: 15%;}
.portfolio-pips {width: 15%;}
.at-portfolio-table .portfolio-actions {text-align: right; min-width: 82px; margin-right: 5px;
    padding-left: 0; padding-right: 0;
    }
.at-strategies .filtersapplied {color: #999; margin-right: 10px;}
.at-strategies-filters {position: absolute; padding: 30px; top: 44px; right: 72.5%; font-size: 11px; z-index: 2;
    width: 240px; background: #fff; border-radius: 4px;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.3);
            box-shadow: 0 2px 15px rgba(0,0,0,0.3);
    }
.at-strategies .at-strategies-filters {right: 100.5%;}
.at-strategies-filters:after {content: ""; border: transparent 10px solid; border-left-color: #fff; width: 0; height: 0;
    position: absolute; right: -20px; top: 50%; margin-top: -10px;
    }
.at-strategies-filters .close {width: 12px; height: 12px; position: absolute; top: 10px; right: 10px;
    background: url("../images/icons.png") -190px -1px no-repeat; text-decoration: none;
    }
.at-strategies-filters .form-row {margin-bottom: 10px;}
.at-strategies-filters .form-label {float: left; width: 100px; padding-top: 4px;}
.at-strategies-filters .form-value {float: left; width: 140px;}
.at-strategies-filters select {width: 80px; font-size: 11px; padding: 2px;}
.at-strategies-filters input.text {width: 40px; font-size: 11px; display: inline-block; vertical-align: top;}
.at-strategies-filters input.performancename {width: 123px;}
.at-strategies-filters .form-buttons {margin: 20px 0 0; text-align: center; padding: 0;}
.at-strategies-filters .text-shorter {width: 30px !important;}

/* trading journal (positions) */
#log table .provider {text-align: left;}
#log .openorder {background: #dffab9; color: #3c6700; text-align: center;}
#log .smallpagination {margin-top: 15px;}
#log  td.trailingStopSL {background: #fff4b8 !important;}

/* autotrading account - activity stream */
.at-strategies #activity_content {padding: 0 10px; position: absolute; left: 0; right: 0;
    bottom: 0; top: 41px; overflow: auto;
    }
.at-strategies .activity-filters-box {padding: 10px 20px; background: #fff; position: absolute; top: 0; left: 0;
    right: 0; z-index: 2; min-height: 21px; box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    }
.at-strategies .activity-filters {position: absolute; top: 1px; right: 10px; left: auto; margin: 0; width: 400px;}
.at-strategies .activity-filters-box .public-tabs {top: 5px;}
.at-bookkeeping-container {overflow: auto; position: absolute; padding: 15px; top: 41px; bottom: 0; left: 0; right: 0;}
.strategies-content {position: relative; min-height: 270px; background: #fff;}
.at-strategies-container .loading {padding: 140px 0;}
.at-strategies-table td, .at-strategies-table th {text-align: center; padding: 3px;}
.at-strategies-table .profit-box {width: 60px; margin: 3px auto;}
.at-strategies-table .profit-box-smaller {width: 40px; margin: 3px auto;}
.at-statistics-container {position: absolute; left: 0; right: 0; bottom: 0; overflow: auto; top: 91px;}
.at-blender-results .at-statistics-container {top: 80px;}
.at-statistics-container h4 {margin: 0 0 10px; position: relative;}
#statistic-chart-header .analyze-links {right: 10px; top: 7px; font-weight: normal;}
#statistic-chart-header .analyze-links a {display: block; padding: 7px 12px; text-decoration: none; background: #f2f2f2;
    color: #000; font-size: 12px; font-weight: normal; display: inline-block; padding: 5px 10px;
    line-height: 18px; cursor: pointer;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
            box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }
#statistic-chart-header .analyze-links a:hover,
#statistic-chart-header .analyze-links a:focus {text-decoration: none; background: #eaeaea; color: #000;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
            box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    }
.at-provider-container {height: 396px; overflow: auto; position: relative;}
.at-analyze .form-row {width: 350px; margin: 0 auto 30px;}
.at-analyze-instrument {display: inline-block; width: 110px; margin: 4px 0;}
.at-analyze .form-label {font-size: 12px; font-weight: bold; float: none; margin-bottom: 10px; display: block;}
.at-analyze .form-value {float: none; display: block;}
.at-analyze .advanced {margin-left: 15px; position: absolute; top: 5px; right: 0; text-decoration: underline;}
.at-analyze .providerStrategies {padding: 5px 0 15px 30px;}
.at-analyze .filterProvider {padding: 5px 0; border-bottom: #ddd 1px solid; padding-right: 70px; position: relative;}
.at-analyze input, .at-analyze label {display: inline-block; vertical-align: middle;}
.filterProvider a {text-decoration: none;}
.filterProvider a:hover {text-decoration: underline;}
#activity_content {position: relative;}
#activity_content h2 {margin-bottom: 5px;}
.graphs_content {text-align: left;}
.graphs_content h2 {margin-left: 15px;}
#chart_winners_losers,
    #chart_longest_shortest,
    #chart_length_pie {float: left; width: 29%; margin: 20px 3% 20px 0;}
#chart_length_pie {width: 35%; margin-right: 0;}
#avgPipsChart, #totalPipsChart {float: left; margin: 20px 0; width: 48%;}
#totalPipsChart {float: right;}
#activity_content .loading {position: absolute; width: 100%; height: 100%; top: 0! important; bottom: 0;
    left: 0 !important; right: 0; z-index: 10;
    background: rgba(255, 255, 255, 0.6);
    }
.at-strategies #activity_content .loading {display: block !important; background-attachment: fixed !important;}
.viewsystem #activity_content .loading {position: relative; height: auto;}

/* new autotrading page */
.view-switch {display: inline-block; padding: 5px 10px; line-height: 21px; color: #d0d0d0; background: #444;
    position: fixed; top: 9px; left: 150px; text-decoration: none; z-index: 201;
    }
.view-switch:hover {background: #555; color: #fff;}
.view-switch.newautotrading {background: #ffb93f; color: #000; opacity: 0.8;}
.view-switch.newautotrading:hover {background: #ffb93f; color: #000; opacity: 1;}
.at-activity-stream {position: fixed; left: -20%; top: 49px; bottom: 0; width: 20%; background: #666;
    -webkit-box-shadow: -3px 0 8px rgba(0,0,0,0.4) inset;
            box-shadow: -3px 0 8px rgba(0,0,0,0.4) inset;
    -webkit-transition: left 0.5s;
       -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
            transition: left 0.5s;
    }
.withpromo .at-activity-stream {top: 83px;}
.at-activity-stream h3 {color: #fff; padding: 10px; border-bottom: #777 1px solid;}
.at-activity-stream a {color: #51c7ff;}
.at-activity-stream .activity-button-copy {color: #fff; text-decoration: none;}
.at-activity-stream .close {position: absolute; top: 10px; right: 10px;}
.at-activity-stream .activity-filters-box {background: transparent; border-color: #888;}
.at-activity-stream .activity-item {border-color: #777; padding: 8px;}
.at-activity-stream .activity-item .avatar {width: 27px; height: 27px;}
.at-activity-stream .activity-item-body {padding-left: 35px; color: #fff;}
.at-activity-stream .activity-button-more {width: 70%;}
.at-activity-content {position: absolute; top: 42px; bottom: 0; left: 0; right: 0; overflow: auto;}
.at-activity-stream .activity-filters-box {display: none;}
.at-activity-stream .activity-item-controls  {margin: 5px 0 0 0;}
.at-activity-stream .activity-item-controls a {display: none;}
.at-activity-stream .commentscontent {display: none;}
.at-activity-stream .commentform {display: none;}
.at-activity-stream #activity_content .loading {background: rgba(102, 102, 102, 0.6);}
.at-activity-stream .activity-button-more {background: #777; border-color: #888; color: #fff;}
.at-activity-stream .activity-button-more:hover {background: #888;}
.at-activity-stream .activity-item-buttons,
    .onetrade .activity-item-buttons {display: block; margin: 5px 0; position: static;}
.at-activity-stream .activity-item-dropdown {display: inline-block; visibility: visible;}
.at-activity-stream .activity-item-dropdown .dropdown-trigger {background: #777; border-color: #888; position: relative;}
.at-activity-stream .activity-item-dropdown .dropdown-trigger:after {position: absolute; top: 50%; left: 50%; width: 0;
    height: 0; content: ""; border: transparent 4px solid; border-top-color: #fff; margin-left: -4px; margin-top: -2px;
    }
.at-activity-stream .activity-item-dropdown .dropdown-trigger:hover {background-color: #999; border-color: #aaa;}
.at-activity-stream .activity-item-dropdown .dropdown-values {right: auto; left: 0;}
.at-activity-stream .activity-item-dropdown .dropdown-values a {color: #000;}
.at-activity-stream .activity-performance .icon {opacity: 0.7;}

.at-activity-stream .activity-item:hover .activity-item-dropdown {display: inline-block;}
.page-wide {-moz-transition: left 0.5s; -ms-transition: left 0.5s; -webkit-transition: left 0.5s; transition: left 0.5s; }
.withstream .page-wide {left: 20.5%; min-width: 780px; width: 79%;}
.withstream .at-activity-stream  {left: 0;}
.autotrading-page .content-switches {top: 0; left: 0;}
.content-switch .num {display: inline-block; margin-left: 3px; padding: 0 5px; background: #ddd; line-height: 16px;
    vertical-align: baseline; -webkit-border-radius: 3px; border-radius: 3px;
    }
.at-stats {position: absolute; top: 9px; right: 0;}
.at-stats .stat {margin-left: 15px;}
.at-stats .value {font-weight: bold;}
.at-stats .value.on {display: inline-block; vertical-align: middle; padding: 2px 5px; background: #c5eebe;
    font-weight: normal; -webkit-border-radius: 4px; border-radius: 4px;
    }
.at-stats .value.off {display: inline-block; vertical-align: middle; padding: 2px 5px; background: #dadada;
    font-weight: normal; -webkit-border-radius: 4px; border-radius: 4px;
    }
.at-boxes {position: absolute; top: 42px; bottom: 30px; left: 0; right: 0;}

.at-navigator {width: 300px; height: 350px; right: auto; left: 0; font-size: 12px;}
.at-navigator .dropdown-corner {right: auto; left: 10px;}
.at-navigator .at-search {margin: -10px -10px 0; background: transparent; border: 0; border-bottom: #e6e6e6 1px solid;
    }
.at-navigator .at-navigate {position: static; padding: 10px; height: 300px; margin: 0 -10px;}
.at-navigator .at-navigate-refresh {position: absolute; top: 11px; height: 20px; display: block; right: 40px; color: #000;
    font-size: 34px; opacity: 0.4; text-decoration: none; background: transparent;
    }
.at-navigator .at-navigate-refresh:hover {opacity: 1;}
.autotrading-page .at-strategies {width: 100%; top: 41px; bottom: 0;}
.autotrading-page .strategies-actions {padding: 4px; line-height: 20px;}
.autotrading-page .str-button {background: transparent; padding: 0;}
.autotrading-page .str-button a .icon {margin-right: 5px; vertical-align: top;}
.autotrading-page .at-strategies-container {top: 0; bottom: 36px;}

.at-strategies-table td, .at-strategies-table th {text-align: center; padding: 5px;}
.at-strategies-table .headline .cell-strategy {padding-left: 38px;}

.at-strategies-table .cell {float: left; padding: 10px 0.2%;}
.at-strategies-table .headline .cell {padding-top: 0; padding-bottom: 0; min-height: 10px;}
.at-strategies-table .strategies-check {width: 2%; padding-top: 10px; padding-bottom: 10px;}
.at-strategies-table .strategies-strategy {width: 20%; text-align: left;}
.at-strategies-table .strategies-performance {width: 10%;}
.at-strategies-table .strategies-item {width: 5%;}
.at-strategies-table .strategies-trades {width: 4%;}
.at-strategies-table .strategies-pips {width: 5%; padding-top: 5px; padding-bottom: 5px;}
.at-strategies-table .strategies-avgpip {width: 7%; padding-top: 5px; padding-bottom: 5px;}
.at-strategies-table .strategies-drawdown {width: 8%;}
.at-strategies-table .strategies-avgsize {width: 8%;}
.at-strategies-table .strategies-gaindyntoday {width: 5%; padding-top: 5px; padding-bottom: 5px;}
.at-strategies-table .strategies-gaindynyesterday {width: 7%; padding-top: 5px; padding-bottom: 5px;}
.at-strategies-table .strategies-gaindynweek {width: 5%; padding-top: 5px; padding-bottom: 5px;}

.at-strategies-table .strategy-name {
    font-size: 15px; text-decoration: none; vertical-align: middle; display: inline-block;
    }
.at-strategies-table .strategy-details {padding: 10px 35px 20px; text-align: left; line-height: normal; clear: both;}
.at-strategies-table .strategy-analysis {margin-top: 15px;}
.at-strategies-table .public-tabs {float: left; margin-bottom: 10px;}
.at-strategies-table .public-tabs a {padding: 8px; font-size: 11px;}
.at-strategies-table .cell-expanded,
    .at-strategies-table tr:hover .cell-expanded {background: #fff; border-bottom: 1px solid #E8E8E9;
    border-top: #fff 1px solid; padding: 0;
    -webkit-box-shadow: 0 5px 40px rgba(0,0,0,0.25);
            box-shadow: 0 5px 40px rgba(0,0,0,0.25);
    }
.at-strategies-table .cell-contracted {padding: 0;}
.at-strategies-table .strategy-details .switches {font-size: 11px; width: auto;}
.at-strategies-table .strategy-details .switches-type {float: left;}
.at-strategies-table .strategy-details .switches-show {float: right;}
.at-strategies-table #trades_table {width: 100%; margin-bottom: 10px;}
.at-strategies-table .strategy-summary {float: left; width: 20%; margin: 0; position: relative; overflow: hidden;}
.at-strategies-table .performance-stats {padding: 0; margin: 0 0 15px 0;}
.at-strategies-table .graph {float: right; width: 76%;}
.at-strategies-table .strategy-link {display: block; padding: 15px 0; text-align: center; width: 100%;}
.at-strategies-table .strategy-link a {text-decoration: none; border-bottom: #add6e8 1px solid;}
.at-strategies-table .strategy-link a:hover {text-decoration: none; border-bottom: #007fb9 1px solid;}

.at-str-filters {position: absolute; right: 16px; top: -35px;}
.autotrading-page .slider {background-position: 50% 50%;}
.autotrading-page .at-strategies-filters {right: 0; z-index: 100;}
.autotrading-page .at-strategies-filters:after {display: none;}
.autotrading-page .at-positions {position: absolute; top: 420px; bottom: 0; left: 0; width: 100%; margin: 0;}
.autotrading-page .topbox {position: absolute; top: 0; left: 0; height: 410px; width: 100%;}
.autotrading-page .at-positions-container {bottom: 34px;}
.autotrading-page .browserssupportnote {padding: 9px 0 !important;}
.autotrading-page .js-dropdown-trigger {color: #000; text-decoration: none;}
.autotrading-page .at-strategies-paging {position: absolute; right: 6px; top: 6px;}
.autotrading-page .at-strategies-paging .smallpagination {top: 0;}
.autotrading-page .strategies-performance {text-align: left; padding-top: 5px; padding-bottom: 5px;}
.autotrading-page .performance-name {font-size: 18px; text-decoration: none;}
.autotrading-page .at-chart-switches {margin-right: 20px;}

.autotrading-page .portfolio-performance {width: 40%; text-align: left;}
.autotrading-page .portfolio-performance a {color: #007fb9; font-size: 15px; }
.autotrading-page .at-portfolio-table td {padding: 6px;}
.autotrading-page .portfolio-check {width: 4%;}

.autotrading-page .at-portfolio {overflow: hidden;}
.autotrading-page #portfolio_content {position: absolute; top: 41px; bottom: 34px; width: 100%; overflow: auto;}
.autotrading-page .at-portfolio-key {position: absolute; top: 7px; right: 7px;}
.autotrading-page .at-key {padding: 0;}
.autotrading-page .at-keylink,
    .autotrading-page .performancelink a {position: static; display: inline-block; vertical-align: top;
        padding: 4px 8px; line-height: 18px; text-decoration: none;
    }
.autotrading-page .at-keylink:hover,
  .autotrading-page .performancelink a:hover  {background: rgba(0,0,0,0.1);}
.autotrading-page .performancelink {top: 7px; left: 120px; right: auto; position: absolute;}
.autotrading-page .at-key-label {display: inline;}
.autotrading-page .at-key-code {width: 230px; margin: 0 5px;}

.autotrading-page .at-statistics-container {top: 41px;}
.autotrading-page .analyze-links {position: absolute; top: 1px !important; right: 7px !important;}
.autotrading-page .analyze-links a {position: static; display: inline-block; vertical-align: top; padding: 4px 8px;
    line-height: 18px; text-decoration: none;
    }
.autotrading-page .analyze-links a:hover {background: rgba(0,0,0,0.1);}
.autotrading-page .activity-item .likes {background: none; color: #fff; border: none;}
.autotrading-page .icon-like {background-position: -150px -30px;}
.autotrading-page .at-chart {background: transparent; top: 6px; left: 140px; padding: 0; box-shadow: none;}

/* Trading (Cards view) */
.card {background: none repeat scroll 0 0 #FFFFFF; padding: 11px 5%;
    border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 4px 1px #D6D6D6;
    }
.strategy-card {
    width: 24%; min-width: 260px; margin: 0 0 15px 1%; position: relative; padding: 10px; display: inline-block;
    vertical-align: top; height: 196px; overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.trade-only .strategy-card {width: 20.5%;}
.strategy-card span {display: inline-block;}

.strategy-card-close {
    position: absolute; top: -4px; right: 9px; display: block; text-decoration: none;
    color: #b4b4b4; font-size: 35px; font-weight: normal; opacity: .8;
}
.strategy-card-close:hover {opacity: 1; text-decoration: none;}
.cell.close-button .strategy-card-close {
    position: relative; width: 21px; height: 21px; display: inline-block; text-decoration: none; font-size: 25px;
    top: -2px; right: -7px;
}
.strategy-card .price-buy-first {font-size: 12px;}
.strategy-card .price-buy-second {font-size: 22px;}
.strategy-card .price-buy-third {font-size: 12px;}
.strategy-card .price-sell-first {font-size: 12px;}
.strategy-card .price-sell-second {font-size: 22px;}
.strategy-card .price-sell-third {font-size: 12px;}
.strategy-card .increase, .strategy-card .decrease {font-weight: bold;}
.strategy-card .arrow-up {background-position: -16px 0;}
.strategy-card .arrow-down {background-position: -16px -16px;}
.strategy-card .arrow {width: 15px; height: 15px; vertical-align: middle; display: inline-block;}
.strategy-card .price-decrease .arrow {background-position: -18px -15px;}
.strategy-card .price-increase .arrow {background-position: -18px 0;}
.strategy-card .price-stable   .arrow {background-position: -18px -30px;}
.strategy-card .price-undefined .arrow {background-position: -18px -30px;}
.strategy-card .price {vertical-align: baseline; display: inline-block;}
.price-sell-second, .price-buy-second {margin-left: 1px; margin-right: 1px;}

.strategy-card .cardbutton {float: left;
    text-decoration: none; width: 48%; color: #fff; font-size: 13px; line-height: 22px;
    height: 53px; margin: 9px 1% 6px; padding: 5px 0; background-color: #777; border-color: #777; text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
            box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.strategy-card .cardbutton:hover {opacity: 0.8; box-shadow: 0 1px 3px rgba(0,0,0,0.3);}

.strategy-card .price-undefined,
    .strategy-card .price-undefined:hover {opacity: 0.4; background-color: #777 !important; border-color: #777;}
.strategy-card .price-decrease, .strategy-card .price-decrease:hover {background-color: #ff3838; border-color: #ff3838;}
.strategy-card .price-increase, .strategy-card .price-increase:hover  {background-color: #2ac600; border-color: #2ac600;}
.strategy-card .price-stable, .strategy-card .price-stable:hover  {background-color: #777; border-color: #777;}

@-moz-keyframes greenfadeout {
    from {background-color: #2ac600; border-color: #2ac600;}
    to {background-color: #777; border-color: #777;}
    }
@-webkit-keyframes greenfadeout {
    from {background-color: #2ac600; border-color: #2ac600;}
    to {background-color: #777; border-color: #777;}
    }
@keyframes greenfadeout {
    from {background-color: #2ac600; border-color: #2ac600;}
    to {background-color: #777; border-color: #777;}
    }
@-moz-keyframes redfadeout {
    from {background-color: #ff3838; border-color: #ff3838;}
    to {background-color: #777; border-color: #777;}
    }
@-webkit-keyframes redfadeout {
    from {background-color: #ff3838; border-color: #ff3838;}
    to {background-color: #777; border-color: #777;}
    }
@keyframes redfadeout {
    from {background: #ff3838;}
    to {background: #777;}
    }

.strategy-card .greenfade, .strategy-card .greenfade:hover {background-color: #2ac600; border-color: #2ac600;
    -webkit-animation: greenfadeout 4s forwards;
       -moz-animation: greenfadeout 4s forwards;
        -ms-animation: greenfadeout 4s forwards;
         -o-animation: greenfadeout 4s forwards;
            animation: greenfadeout 4s forwards;
    }
.strategy-card .redfade, .strategy-card .redfade:hover {background-color: #ff3838; border-color: #ff3838;
    -moz-animation: redfadeout 4s forwards;
    -ms-animation: redfadeout 4s forwards;
    -o-animation: redfadeout 4s forwards;
    -webkit-animation: redfadeout 4s forwards;
    animation: redfadeout 4s forwards;
    }

.strategy-card .price-undefined .arrow {display: none;}
.strategy-card .dropdown {float: left; margin-right: 7px;}
.strategy-card .strategy-pair {
    font-size: 17px; line-height: 21px; position: relative; vertical-align: top;
    margin-left: 7px; overflow: hidden; max-width: 300px; text-overflow: ellipsis;
}
.strategy-pair.clean {color: #848484;}
.strategy-card .round-button-dropdown {width: 9px; height: 9px; background-position: -308px -74px;
    box-shadow: 0 1px 1px 1px #EAEAEA; border-radius: 10px;
    }
.strategy-card .round-button-dropdown:hover {background-position: -308px -74px;}
.strategy-card .text {width: 37px; text-align: center;}
.strategy-card .lots-selector {position: relative; left: 12px; display: block; text-align: center;}
.strategy-card .buttons {white-space: nowrap; margin: 0 -8px;}
.strategy-card .buttons:after {content: ""; clear: both; display: block;}

.strategy-card .spread-box-container {display: block; margin: auto; width: 46px; text-align: center;
    background-color: #fff; color: #000 !important; font-weight: normal !important; padding: 3px 14px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
            box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    }
.strategy-card .spread-box {display: block; font-weight: bold;}
.strategy-card .profit-box {background-color: #8dc30c;}
.strategy-card .rates {margin-top: -39px; padding: 0 2%;}
.strategy-card .card-bottom-row {
    position: absolute; bottom: 0; left: 0; right: 0; background-color: #f2f2f2; color: #999; padding: 3px 6px 5px 7px;
}
.strategy-card .updatetime {float: left; line-height: 22px;}
.strategy-card .todaychange {float: right; line-height: 22px;}
.strategy-card .icon-chart {vertical-align: middle; margin: 0;}
.strategy-card .heading-column {width: 95%;}

/* 'add symbol' card */
.strategy-card.empty {opacity: 0.7; box-shadow: none;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    }
.strategy-card.empty:hover {opacity: 1;}

.strategy-card.empty .dropdown {background: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.strategy-card.empty .dropdown-addsymbol {background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    text-align: center; padding-top: 43px; font-size: 18px; color: #999; border: 0;
    }
.strategy-card.empty .icon-addsymbol {background: #ffb540; width: 20px; height: 20px; line-height: 21px; font-size: 30px;
    font-weight: bold; text-align: center; color: #fff; padding: 10px; display: block; margin: 0 auto 15px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    }

.rates .low, .rates .high {margin: 8px 0;}
.rates .low {float: left; text-align: center;}
.rates .high {float: right; text-align: center;}
.rates .low span, .rates .high span {display: block; font-weight: bold; padding-top: 2px;}

/* Trading (List view) */
.table-content .cell.centered-cell {text-align: center;}
.manual-container {overflow-x: visible; overflow-y: auto; background-color: #f3f3f3; position: absolute;
    left: 0; right: 0; bottom: 0; top: 41px;
    }
.manual-container input.text {width: 30px; text-align: center; height: 13px; padding: 2px; vertical-align: top;}
.manual-trading-options {padding: 8px; position: relative;}
.max-price-pips .text {width: 40px; margin-left: 4px;}
.broker-time {position: absolute; top: 10px; right: 10px;}
.heading-row {background: #c4c4c4 url(../images/table-header.png) 0 0 repeat-x;
    width: 100%; height: 24px; line-height: 23px;
    }
.heading-row span {display: inline-block; font-weight: bold; padding: 0 0.5%; white-space: nowrap; margin: 0 -2px;}
.narrow-th {border-right: 1px solid #B0B0B0; width: 2.5%}
.arrow {display: inline-block; width: 14px; height: 14px; background: url(../images/up-down.png) no-repeat;}
.table-content .strategy-pair {margin-left: 2%;}
.table-content .strategy-row {width: 100%; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #E8E8E9;
    background-color: #fff; padding: 3px 0;
    }
.table-content .cell {display: inline-block; vertical-align: middle; padding: 2px 0.5%;
    text-align: left; margin: 0 -2px;
    }
.table-content .cell span {display: inline-block; vertical-align: top; line-height: 20px;}
.table-content .todaychange span {line-height: inherit;}
.table-content .todaychange .chart-button {margin: 6px 0 0; float: right;}
.table-content .manage-strategy {width: 100%; white-space: nowrap;}
.strategy-img img {width: 100%; height: auto;}
.strategy-img {display: inline-block; vertical-align: top; width: 29px; height: 29px; overflow: hidden;
    position: relative; top: -1px; left: 2px; margin-bottom: -5px;
    }

/* symbols selector */
.symbols-selector{top: 18px; left: 0; z-index: 10; border-color: #c9c9c9; width: 175px;
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.2);
            box-shadow: 0 2px 7px rgba(0,0,0,0.2);
    }
.symbols-selector .symbols-list-filter {padding: 8px; position: relative;}
.symbols-selector .symbols-list-filter input.text {padding: 4px 4px 4px 24px; width: 129px; text-align: left;}
.symbols-selector .symbols-list-filter .icon {position: absolute; top: 11px; left: 11px;}
.symbols-selector .symbols-add {padding: 8px; text-align: center;}
.symbols-selector .symbols-list {height: 150px; overflow: auto;}
.symbols-selector .symbols-list label {display: block; margin-bottom: 5px;}
.table-content .cell .ui-spinner-buttons {vertical-align: top;}
.table-content .button, .table-content .price-undefined {background-position: 0 -568px; border-color: #cdcdcd;
    margin: 0 0 1px; width: 92%; padding: 5px 4%; color: #000; white-space: nowrap; box-shadow: 0 1px 0 1px #f6f6f6;
    }
.table-content .button:hover {background-position: 0 -598px; cursor: pointer;}
.table-content .button {background: #eeeeee url("../images/button.png") repeat-x 0 -420px !important;}
.table-content .button:hover {background-position: 0 -406px !important;}
.table-content .price-undefined {min-height: 20px;}
.table-content .price-undefined:hover {cursor: default;}
.table-content .price-undefined .arrow {display: none;}
.table-content .price-increase .arrow {background-position: -36px -1px;}
.table-content .price-decrease .arrow {background-position: -36px -16px;}
.table-content .price-stable .arrow {background-position: -36px -31px;}

@-moz-keyframes textgreenfade {
    from {color: 42a600;}
    to {color: #000;}
    }
@-webkit-keyframes textgreenfade {
    from {color: 42a600;}
    to {color: #000;}
    }
@-o-keyframes textgreenfade {
    from {color: 42a600;}
    to {color: #000;}
    }
@keyframes textgreenfade {
    from {color: 42a600;}
    to {color: #000;}
    }
@-moz-keyframes textredfade {
    from {color: ff3838;}
    to {color: #000;}
    }
@-webkit-keyframes textredfade {
    from {color: ff3838;}
    to {color: #000;}
    }
@-o-keyframes textredfade {
    from {color: ff3838;}
    to {color: #000;}
    }
@keyframes textredfade {
    from {color: ff3838;}
    to {color: #000;}
    }
.table-content .greenfade {color: #000;
    -webkit-animation: textgreenfade 4s;
       -moz-animation: textgreenfade 4s;
        -ms-animation: textgreenfade 4s;
         -o-animation: textgreenfade 4s;
            animation: textgreenfade 4s;
    }
.table-content .redfade {color: #000;
    -webkit-animation: textredfade 4s;
       -moz-animation: textredfade 4s;
        -ms-animation: textredfade 4s;
         -o-animation: textredfade 4s;
            animation: textredfade 4s;
    }
.table-content .price-increase {color: #42a600;}
.table-content .price-decrease {color: #ff3838;}
.table-content .price-stable {color: #000;}
.table-content .price-buy-first {font-size: 14px;}
.table-content .price-buy-second {font-size: 18px;}
.table-content .price-buy-third {font-size: 14px;}
.table-content .price-sell-first {font-size: 14px;}
.table-content .price-sell-second {font-size: 18px;}
.table-content .price-sell-third {font-size: 14px;}
.table-content .button span {vertical-align: baseline;}
.table-content .cell .spread-box {display: inline-block; padding: 2px 5%; line-height: 16px; background-color: #fff;
    min-width: 50%; text-align: center; color: #000 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    }
.cell.lots-cell {padding-top: 4px;}
.table-content .symbol-cell {width: 10.5%; padding-left: 1.8%}
.table-content .lots-cell {width: 10.5%; text-align: center; padding: 0 0 2px;}
.table-content .button-cell {padding: 0 0.7%; width: 10.6%;}
.table-content .rate-cell {width: 7%;}
.table-content .profit-cell {width: 6%;}
.table-content .heading-row .symbol-cell {width: 6.2%; padding-left: 2%;}
.table-content .rate-cell.todaychange {width: 11.5%;}
.table-content .button-cell.minimized {width: 6%;}
.table-content .close-button {position: relative; width: 2%; padding-left: 1px; padding-right: 0; white-space: nowrap;}
.table-content .strategy-card-close {position: static;}

/* Open order */
#form_open {padding-top: 7px;}
.popup-normal-close {cursor: pointer;}

.placeorder .popup-normal-bottom {height: 42px; background-position: 0 -55px;}
.placeorder .popup-normal-body {padding: 0 40px;}
.placeorder .form-row {width: 270px; margin: 0 auto 10px auto; position: relative;}
.placeorder .form-label {width: 36%; float: left;}
.placeorder .form-value {float: left; position: relative; height: 22px; width: 64%;}
.placeorder .form-note {color: #888; position: absolute; right: -100px; width: 95px; top: -16px; font-size: 11px;
    line-height: 140%; padding: 5px 10px; background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 0 6px 6px 6px;
            border-radius: 0 6px 6px 6px;
    }
.placeorder .buttons {text-align: center; padding-top: 15px;}
.placeorder .text {width: 75px; padding: 4px 3px; font-size: 18px; margin: 0;}
.placeorder .errors {padding: 5px 0 0 0; clear: both; font-size: 11px; color: #d00; width: 225px;}
.placeorder .value-text {padding-top: 5px;}
.placeorder span.value-text {display: inline-block; font-size: 18px; padding-top: 0;}
.placeorder select {padding: 1px; width: 76px;}
.placeorder .ui-spinner-buttons {vertical-align: top;}
.placeorder input.button, .modifyposition input.button {height: auto; margin-right: 2px; vertical-align: middle;}
.placeorder-symbol-row {text-align: center; margin: 10px 0 27px;}
.placeorder-symbol {font-size: 20px; margin-left: 5px;}
.placeorder .current-bid,  .placeorder .current-ask {font-weight: bold; display: inline-block;}
.placeorder-direction-item {display: inline-block; padding: 5px 9px 12px 5px; background-color: #EFEFEF; margin: 0 6px;
    border-radius: 4px; border: 1px solid #e0e0e0; font-size: 18px;
    }
.placeorder-result {visibility: hidden; color: #999; margin-top: 4px;}
.placeorder-result-value {font-weight: bold; color: #000;}
.placeorder-result.visible {visibility: visible;}

@-moz-keyframes labelgreenfade {
    from {color: #42a600; background-color: #c8fba6; border-color: #7ede3f;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@-webkit-keyframes labelgreenfade {
    from {color: #42a600; background-color: #c8fba6; border-color: #7ede3f;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@-o-keyframes labelgreenfade {
    from {color: #42a600; background-color: #c8fba6; border-color: #7ede3f;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@keyframes labelgreenfade {
    from {color: #42a600; background-color: #c8fba6; border-color: #7ede3f;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@-moz-keyframes labelredfade {
    from {color: #ff3838; background-color: #ffd2d2; border-color: #fdb2b2;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@-webkit-keyframes labelredfade {
    from {color: #ff3838; background-color: #ffd2d2; border-color: #fdb2b2;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@-o-keyframes labelredfade {
    from {color: #ff3838; background-color: #ffd2d2; border-color: #fdb2b2;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
@keyframes labelredfade {
    from {color: #ff3838; background-color: #ffd2d2; border-color: #fdb2b2;}
    to {color: #000; background-color: #efefef; border-color: #e0e0e0;}
    }
.placeorder .greenfade {color: #000; background-color: #efefef; border-color: #e0e0e0;
    -webkit-animation: labelgreenfade 4s;
       -moz-animation: labelgreenfade 4s;
        -ms-animation: labelgreenfade 4s;
         -o-animation: labelgreenfade 4s;
            animation: labelgreenfade 4s;
    }
.placeorder .redfade {color: #000; background-color: #efefef; border-color: #e0e0e0;
    -webkit-animation: labelredfade 4s;
       -moz-animation: labelredfade 4s;
        -ms-animation: labelredfade 4s;
         -o-animation: labelredfade 4s;
            animation: labelredfade 4s;
    }
.placeorder-label {font-size: 18px; color: #000;}

.placeorder .placeorder-order {margin-top: 20px; text-align: center; color: #888; display: none;}
.placeorder .placeorder-direction-row {margin-bottom: 20px; width: 100%; text-align: center;}
.placeorder .form-buttons .button {font-size: 18px; line-height: normal; height: auto; height: 20px; line-height: 20px;}
.placeorder .form-buttons .cancel-button {background: url(../images/buttons.png) 0 -568px repeat-x; color: #000;
    border-color: #dbdbdb;
    }
.placeorder .form-buttons .cancel-button:hover {background-position: 0 -598px; border-color: #ccc;}

#autotrading_page #control-panel_table {border-left: 1px solid #E8E8E9; border-right: 1px solid #E8E8E9;}
#autotrading_page #control-panel_table .controlpanel_block {font-size: 12px; padding: 5px 1%; min-height: 35px;
    display: table-cell; vertical-align: middle;
    }
#autotrading_page #control-panel_table .headline {background: url("table-header.png") repeat-x scroll 0 0 #E5E5E5;
    font-weight: bold; display: table;
    }
#autotrading_page #control-panel_table .headline .controlpanel_block {
    border-left: 1px solid #fff; border-right: 1px solid #d4d4d4;
    }
#autotrading_page #control-panel_table .headline .controlpanel_block:first-of-type {border-left: none;}
#autotrading_page #control-panel_table .headline .controlpanel_block:last-of-type {border-right: none;}
#autotrading_page #control-panel_table .headline div div {display: table-cell; height: 35px; vertical-align: middle;}
#autotrading_page #control-panel_table .controlpanel_block div {line-height: 16px; padding: 0 13px;}
#autotrading_page .controlpanel_row,
    #autotrading_page .controlpanel_row_inside {border-bottom: 1px solid #E8E8E9; display: table; width: 100%;}
#autotrading_page .controlpanel_row.inside,
    #autotrading_page .controlpanel_row_inside.last {border: none;}
#autotrading_page .controlpanel_row_inside .name a {text-decoration: none;}
#autotrading_page .controlpanel_row_inside .name a:hover {text-decoration: underline;}
#autotrading_page .controlpanel_name {width: 18%;}
#autotrading_page .controlpanel_account {width: 18%;}
#autotrading_page .controlpanel_broker {width: 13%;}
#autotrading_page .controlpanel_status {width: 8%;}
#autotrading_page .controlpanel_engine1,
#autotrading_page .controlpanel_engine2 {width: 8%; text-align: center;}
#autotrading_page .controlpanel_amount {width: 13%;}
#autotrading_page .controlpanel_engine1 div,
#autotrading_page .controlpanel_engine2 div {padding: 0 !important; text-align: center; width: 100px;}
#autotrading_page .controlpanel_row.active {box-shadow: 0 1px 20px rgba(0,0,0,0.15);}
#autotrading_page .controlpanel_row_inside .name {width: 68%; padding: 5px 1% 5px 4% !important;}
#autotrading_page .controlpanel_row_inside .allocated_amount {
    width: 120px; padding: 5px 1% !important; float: right !important; text-align: center;
    }
#autotrading_page .controlpanel_row_inside .allocated_amount div {padding: 0 !important;}
#autotrading_page .ui-spinner-sides {margin: 7px 0 0;}

/* onetrade accounts */
.onetrade-accounts {margin-bottom: 40px;}
.onetrade-accounts .requestdemobutton {position: absolute; top: 6px; right: 6px;}
.onetrade-accounts .nothing {color: #999; line-height: 150%;}
.onetrade-accounts .cell-account {width: 40%; padding-left: 10px;}
.onetrade-accounts .cell-profit {width: 20%;}
.onetrade-accounts .cell-pips {width: 20%;}
.onetrade-accounts .cell-status {width: 20%; text-align: center;}

/* onetrade */
.onetrade .at-stream, .onetrade .at-strategies {bottom: 0;}
.onetrade .activity-button-more {width: 150px;}
.onetrade .activity-item {padding: 12px;}
.onetrade .activity-item .avatar {width: 27px; height: 27px;}
.onetrade .activity-item .compact {display: block;}
.onetrade .activity-button-copy {right: 12px; top: auto; bottom: 20px;}
.onetrade .activity-item-body {padding-right: 20px; padding-left: 40px;}
.onetrade .activity-item-controls {margin-bottom: 0;}
.onetrade .activity-item-controls a {display: none;}
.onetrade .activity-item-body .accounttype {display: block; margin: 0;}
.at-accounts {overflow: auto;}
.at-accounts .active td {background: #e8f2f7;}
.at-accounts .active .account-account {color: #000; text-decoration: none;}
.at-accounts .active td {background: #e8f2f7;}
.at-accounts-requestdemo {margin: 15px 0; text-align: center;}
.accounts-table a {text-decoration: none;}
.accounts-table a:hover .label {text-decoration: underline;}
.onetrade .accounts-table td {padding: 0 10px;}
.onetrade .accounts-table th {padding: 4px 10px;}
.onetrade-performancelinks {position: absolute; top: 6px; right: 80px; z-index: 5;}
.onetrade-performancelink, .onetrade-resettrading {text-decoration: none; padding: 5px 8px; display: inline-block;
    color: #000; line-height: 18px;
    }
.onetrade-performancelink:hover, .onetrade-resettrading:hover {text-decoration: none; background: rgba(0,0,0,0.1);}
.onetrade-resettrading {position: absolute; top: 6px; right: 72%;}
.onetrade .activity-item-dropdown .dropdown-values {left: auto; right: 0;}
.onetrade .activity-item-dropdown {position: absolute; top: 0px; right: 0px;}

/* Modify order */
.modify-popup .popup-normal-top {height: 60px;}
.modifyposition .form-label, .modifyposition .form-value {float: left;}
#modify-popup-live-prices {font-weight: normal;}
.modifyposition .form-label {width: 62px; padding-top: 4px;}
.modifyposition .heading-part {background: #f2f2f2; margin: 0 -30px 30px; padding: 15px 30px;}
.modifyposition .form-row {margin-bottom: 10px;}
.modifyposition .heading-part .form-label {padding: 0; width: 49%;}
.modifyposition .form-column {float: left; width: 50%; margin: 0;}
.modifyposition .heading-part .form-value {font-weight: bold; width: 51%;}
.modifyposition select, .modifyposition .text {font-size: 12px;}
.modifyposition .text {width: 60px; padding: 2px 3px; margin: 0;}
.modifyposition select {padding: 1px; width: 86px;}
.modifyposition .ui-spinner-buttons {vertical-align: top;}
.modifyposition .modify-popup-close-price-label {margin-top: 4px;}
.modifyposition .rate-button,
    #trades_table .modify-button {display: inline-block; background: url(../images/buttons.png) 0 -852px repeat-x;
        width: 108px; border: #fe6060 1px solid; padding: 3px 0; text-align: center; color: #000; text-decoration: none;
        border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }
#trades_table .modify-button {width: auto; font-size: 13px; color: #fff; min-height: 12px; min-width: 38px;}
.modifyposition .rate-button:hover,
    #trades_table .modify-button:hover {background-position: 0 -877px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.modifyposition .rate-button.profit,
    #trades_table .modify-button.profit {background-position: 0 -902px; border-color: #4e9dfe;}
.modifyposition .rate-button.profit:hover, #trades_table .modify-button.profit:hover {background-position: 0 -927px;}
.modifyposition .form-note {text-align: center; margin: 15px 0; font-size: 11px; color: #888;}
.modifyposition#popup .close {top: 0; right: 0;}
.modify-button.openprice {background: #AAAAAA!important; border-color: #AAAAAA!important; color: #fff;}
.modify-button.openprice:hover {border-color: #919191!important; background: #bebebe!important;}

/* Grouping for positions */
.group-control {cursor: pointer;}
.group-control.hide {background-position: -218px -31px;}
.group-control.show {background-position: -232px -31px;}
.provider-row .with-group-control {text-align: left;}
.with-group-control a, .with-group-control span {display: inline-block; vertical-align: middle;}
.provider-row .group-control {margin: 0 8px;}
.provider-row .avatar-mini {margin: 0 7px 0 0;}
.provider-count {padding: 2px 5px; border-radius: 3px; color: #7a7a7a; background-color: #eeeeee; font-size: 12px;}
.provider-row .portfolio-performance {width: auto; margin-right: 3px; color: #007fb9; cursor: pointer; font-size: 12px;}
.provider-row .portfolio-performance:hover {text-decoration: underline !important;}
.provider-row .manual-trade-marker {margin: 0 5px 0 0; padding: 2px 4px 3px;}

/* autotrading account Provider Charts */
.at-chart {padding: 6px 10px; background: #fff; overflow: hidden; position: absolute;
    top: 41px; left: 0; right: 0; z-index: 2; box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    }
.at-chart-switches {float: left; width: auto; margin-right: 10px;}
.at-blender-results .at-chart {top: 37px;}
.management-box {float: left; width: 32%; margin: 5px 0.5% 5px; border: #bbb 1px solid; height: 140px;
    white-space: nowrap; position: relative; background: url(../images/box-back.png) 0 100% repeat-x;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    }
.management-box .errors {white-space: normal;}
.strategies-actions {padding: 10px 10px 0; height: 34px; position: absolute; left: 0; right: 0; bottom: 0;}
.performances_perpage {position: absolute; right: 100px; top: 7px; width: 156px;}
.autotrading-page .performances_perpage {top: 0;}
.strategies-actions .button {width: auto; padding: 0 13px 0 10px; font-weight: normal; margin-right: 6px;}
.trading .headpagination, .blender .headpagination {display: none;}
.trading .smallpagination, .blender .smallpagination {top: 6px; right: 3px;}
.trading .at-positions .headpagination, .blender .at-positions .headpagination {display: block; top: 6px;}
.at-positions .headswitches {right: 98px;}
.blender .strategies-actions, .trading .strategies-actions {z-index: 1; bottom: -34px; padding: 0;}
.autotrading-page .strategies-actions {bottom: 0;}
.str-button {background: url("../images/commonactions.png") no-repeat 6px -57px transparent; padding: 0 40px; float: left;}
a.button-addtoportfolio {font-size: 11px; padding: 4px 15px 5px; height: auto;}
a.button-addtoportfolio.disabled, a.button-addtoportfolio.disabled:hover {background-position: 0 -198px;}
.m-box-title {background: url(../images/table-header.png) 0 0 repeat-x; padding: 5px 10px; font-weight: bold;
    margin-bottom: 5px; position: relative;
    -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    }
.management-box .form-label {float: left; width: 43%; white-space: normal; margin-left: 3%;
    margin-top: 5px; padding-top: 5px;
    }
.management-box .indent {text-indent: 20px;}
.management-box ul, .management-box li {padding-left: 0; background: transparent;}
.management-box .nopad {padding-top: 0;}
.management-box input, .management-box label  {vertical-align: middle; display: inline-block;}
.management-box .radio {vertical-align: bottom;}
.management-box .form-value {float: left; width: 50%; margin-top: 5px;}
.management-box .form-note {margin-left: 5px; clear: both; color: #777;}
.management-box input.text {width: 36px; padding: 2px; vertical-align: middle; font-size: 12px; height: 14px;}
.management-save-buttons {text-align: right; position: absolute; top: 107px; right: 6px;}
.ui-spinner-buttons {vertical-align: middle; display: inline-block; position: relative; top: 0;}
.at-positions-refresh.disabled:hover .label {color: #999;}
.at-positions-refresh.disabled .icon-refresh {opacity: 0.2;}
.export-box .form-label {float: left; width: 43%; margin-left: 3%; margin-top: 5px;}
.export-box input, .export-box label {vertical-align: middle; display: inline-block;}
.export-box .form-value {float: left; width: 50%; margin-top: 5px;}
.export-box .form-note {margin: 10px 3%; clear: both; color: #777; text-align: justify;}
.export-box input.text {width: 36px; padding: 2px; vertical-align: middle; font-size: 12px;}
.export-box input.date {width: 78px; padding: 2px; vertical-align: middle; font-size: 12px;
    background: #fff url(../images/calendar.png) 98% 2px no-repeat; border: #97a3ae 1px solid;
    }
.export-box .select {margin-left: 0; font-size: 12px;}
.export-save-buttons {display: inline-block; width: 100%;}
.export-box .group-title {margin: 0 0 5px 3%; font-weight: bold;}
.export-box .settings-columns {margin: 5px 0 5px 3%;}
.export-box .column-block {display: inline-block; width: 140px;}
.export-box .format-selector-block {margin-left: 3%; margin-top: 5px; padding-bottom: 5px; }
.export-box .helpbaloon {position: relative; display: inline-block; left: 15px; top: -2px; right: 0;}
.export-box .date-input {margin-top: 8px;}
.at-positions-container .nothing,
.at-strategies-container .nothing {padding: 40px 110px; width: 350px; margin: 60px auto;
    font-size: 18px; color: #ccc;
    }
.at-strategies-container .nothing {margin-bottom: 0; width: 210px;}
.at-update .form-row {width: 300px; margin: 0 auto 10px;}
.at-update .at-update-radios {text-align: center; padding: 20px 0;}
.at-update-radio {display: inline-block; margin-right: 20px;}
.at-update .form-label {float: left; padding-top: 5px; width: 100px;}
.at-update .form-value {float: left;}
.at-update input.text {width: 80px;}
.at-update .form-note {margin: 20px 0; color: #777;}
.browserssupportnote {background: #eee; border-bottom: #ddd 3px solid; padding: 5px 10px 2px; color: #777;
    font-size: 10px; position: absolute; bottom: 0; left: 0.5%; right: 0.5%;
    -webkit-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
    }
.browserssupportnote a {text-decoration: none; color: #777;}
.browserssupportnote a:hover {color: #007fb9; text-decoration: none;}
.browserssupportnote a:hover .label {text-decoration: underline;}
.browserssupportnote .downloadlink {float: right; white-space: nowrap;}
.page-wide .browserssupportnote {background: transparent; padding: 0; left: 0; right: 0; border-bottom: 0;}

/* strategy settings popup */
.allocation-settings .headerswitches .switch {background: none repeat scroll 0 0 #eee; font-size: 11px;
    color: #fff; padding: 3px 12px 3px 17px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    }
.allocation-settings .headerswitches .switch.active {background: none repeat scroll 0 0 #ff8100; color: #000;}
.allocation-settings .headerswitches .switch .inner {background: transparent; color: #000; border: 0; padding: 0;}
.allocation-settings .headerswitches .switch.active .inner {color: #fff; border: 0;}
.allocation-settings .headerswitches {position: absolute; top: 21px; left: auto; width: auto; right: 58px;}
.allocation-settings .management-box {float: none; background: transparent; border: 0; margin: 0 auto 20px;
    width: 350px; height: auto;
    }
.allocation-settings .volumecontrol {margin-bottom: 10px;}
.allocation-settings .m-box-title {padding: 5px 0; margin-bottom: 5px; border-bottom: #ddd 1px solid;
    background: transparent;
    }
.allocation-settings .popup-buttons a {margin: 0 20px;}
.allocation-settings .maxleverage {text-align: center; margin-top: 5px; color: #777;}
.allocation-settings .form-note.consecutive {text-align: center; margin: 5px 0 10px;}
.allocation-settings .form-note.volume {text-align: center; margin: 5px 0 10px; white-space: normal;}
.allocation-settings .leveragevalue {vertical-align: middle;}
.allocation-amounts {text-align: center; margin: 10px 0 20px;}
.allocation-box {text-align: center; display: inline-block; padding: 5px; background: #f3f3f3; border: #eee 1px solid;
    width: 26%; margin: 0 2px;
    }
.allocation-box .label {display: block; text-align: center; white-space: nowrap;}
.allocation-box .value {font-size: 15px; font-weight: bold;}
.allocation-settings .warning {padding: 10px 20px; background: #ffd7d7; border: #fbb3b3 1px solid; margin: 10px 0;
    color: #f00; text-align: left; white-space: normal;
    }
.allocation-settings .notify {padding: 10px 20px; border: #97A3AE 1px solid; margin: 10px 0;
    text-align: left; white-space: normal;
    }
.allocation-settings .form-single-value {padding: 5px 0; text-align: center; float: none; width: auto;}
.allocation-box.highlight {background: #9cf;
    -webkit-animation: blink 1s;
       -moz-animation: blink 1s;
        -ms-animation: blink 1s;
         -o-animation: blink 1s;
            animation: blink 1s;
    }
.allocation-settings #allocated, .allocation-settings #cancel_percent {width: 60px;}
.helpbaloon {position: absolute; top: 3px; right: 3px;}
.helpbaloon-content {background: #fff; border: #9ba5bc 1px solid; padding: 15px; position: absolute; color: #000;
    top: 30px; right: -30px; z-index: 5; width: 380px; font-weight: normal; white-space: normal; line-height: 140%;
    -webkit-border-radius: 8px;
            border-radius: 8px;
    }
.helpbaloon-content .corner {width: 23px; height: 12px; background: url(../images/icons.png) -203px -16px no-repeat;
    position: absolute; top: -12px; right: 28px;
    }
.helpbaloon-close {width: 12px; height: 0; padding-top: 12px; overflow: hidden; position: absolute;
    top: 6px; right: 6px; display: block; background: url(../images/icons.png) -190px -1px;
    }
.helpbaloon-close:hover {background-position: -190px -14px;}
.helpbaloon .icon-helpmark {margin: 0; text-decoration: none;}
.tradingjournal th, .tradingjournal td {text-align: center;}
.profit-box,
    .manual-trade-marker,
    .spread-box-container {color: #fff; padding: 2px; margin: 0 3px; background: #2ac600;
        display: block; font-weight: bold;
        -webkit-border-radius: 3px;
                border-radius: 3px;
    }
.negative .profit-box, .minus .profit-box {background: #ff3838;}
.zero .profit-box {background: #a9a4a4;}
.zero .profit-box-smaller {background: transparent; color: #000; font-weight: normal;}
.manual-trade-marker {background: #a9a4a4; display: inline-block;}

/* small spinners */
.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {white-space: nowrap;background: none; border: none;}
.ui-spinner .ui-spinner-button {background: url(../images/spinner-small.png) 0 0 no-repeat; width: 14px; height: 10px;
    position: relative; left: -1px;
    }
.ui-spinner .ui-spinner-down {background-position: 0 -10px;}
.ui-state-hover, .ui-state-default {border: 0 !important;}
.ui-spinner-up.ui-state-hover {background-position: -14px 0 no-repeat !important;}
.ui-spinner-down.ui-state-hover {background-position: -14px -10px no-repeat !important;}
.ui-spinner-up.ui-state-active {background-position: -28px 0 no-repeat !important;}
.ui-spinner-down.ui-state-active {background-position: -28px -10px no-repeat !important;}
.ui-widget-content .ui-state-default {text-align: center !important;}

/* Wide spinners */
.ui-spinner-sides {vertical-align: middle; display: inline-block;}
.ui-spinner-sides .ui-spinner-button {display: inline-block; vertical-align: middle;
    background: url(../images/spinner.png) 0 0 no-repeat; width: 21px; height: 21px;
    position: relative; cursor: pointer; left: 0;
    }
.ui-state-active {border: 0 !important;}
.ui-spinner-sides .ui-spinner-down {background-position: 0 0;}
.ui-spinner-sides .ui-spinner-up {background-position: -21px 0;}
.ui-spinner-sides .ui-spinner-down.ui-state-hover,
    .ui-spinner-sides .ui-spinner-down.ui-state-active  {background-position: 0 -21px !important;}
.ui-spinner-sides .ui-spinner-up.ui-state-hover,
    .ui-spinner-sides .ui-spinner-up.ui-state-active {background-position: -21px -21px !important;}
input.ui-spinner-input {border: #c4c4c4 1px solid; background: #fff; font-size: 12px; vertical-align: middle;
    padding: 2px; margin: 0 !important; height: 15px !important; text-align: center;
    -webkit-border-radius: 0;
            border-radius: 0;
}
.placeorder .ui-spinner-sides .ui-spinner-button {width: 25px; height: 25px;}
.placeorder .ui-spinner-sides .ui-spinner-down {background-position: 0 -42px;}
.placeorder .ui-spinner-sides .ui-spinner-up {background-position: -25px -42px;}
.placeorder .ui-spinner-sides .ui-spinner-down.ui-state-hover,
    .placeorder .ui-spinner-sides .ui-spinner-down.ui-state-active {background-position: 0 -67px !important;}
.placeorder .ui-spinner-sides .ui-spinner-up.ui-state-hover,
    .placeorder .ui-spinner-sides .ui-spinner-up.ui-state-active {background-position: -25px -67px !important;}
#videopage {text-align: center; padding: 20px 0;}
#terms-use  .text .clear {height: 10px;}

/* blender */
.blender {position: absolute; top: 0; bottom: 42px; left: 0; right: 0;}
.subheadermessage .blender {top: 34px;}
.blender .box {position: absolute; width: 100%; margin-bottom: 0.35%;}
.blender .strategy-finder {top: 0; height: 354px;}
.blender .portfolio-results {top: 364px; bottom: 0;}
.page-wide .blender .slider {top: 356px;}
.blender .at-strategies-container {background-image: url(../images/blender-watermark.png); top: 38px; bottom: 0;}
.blender .at-strategies {width: 72%; height: auto; top: 41px;}
.blender .at-navigate {background: #F3F3F3;}
.blender .at-search {background: #e9e9e9;}
.blender .at-portfolio {float: left; width: 28%; height: auto; margin-right: -2px; top: 41px; bottom: 34px;}
.blender #portfolio_content {overflow: auto; position: absolute; top: 26px; bottom: 0; width: 100%;}
.at-blendersettings {padding: 130px 0 10px; text-align: center; font-size: 13px; position: relative;}
.at-blendersettings .note {color: #999; margin-top: 50px;}
.blendersettings-deposit {margin-bottom: 55px;}
.blendersettings-date {display: inline-block; position: relative;}
.blendersettings-date .text {width: 80px; font-size: 13px; padding: 5px;}
.blendersettings-date-label {font-size: 11px; position: absolute; top: -17px; left: 0;}
.blendersettings-date-presets {position: absolute; left: 0; bottom: -25px; white-space: nowrap;}
.blendersettings-date-presets a {background: #eee; border: #ccc 1px solid; display: inline-block;
    padding: 2px 10px 5px; color: #000; font-size: 11px; text-decoration: none; line-height: 12px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    }
.blendersettings-date-presets a:hover {background: #baddf3; border-color: #6dc1f6;}
.blendersettings-date-separator {display: none;}
.blendersettings-deposit .button {background: url(../images/buttons.png) 0 -283px repeat-x; color: #000;
    font-weight: normal; padding: 3px 10px; border: #ccc 1px solid;
    }
.blendersettings-deposit .button:hover {background: #fff !important; border-color: #999 !important;}
.blendersettings-deposit .deposit-value {font-weight: bold; margin: 0 20px 0 5px;}
.blender-tip {z-index: 400; position: absolute; left: 50%; top: 20%; margin-left: -80px; margin-top: -55px;
    background: url(../images/blender-tip.png) 0 0 no-repeat; width: 320px; height: 60px; font-size: 15px;
    padding: 10px 18px 32px; text-align: left;
    }
.blender-tip-number {display: inline-block;  vertical-align: middle; width: 55px; height: 55px; text-align: center;
    line-height: 55px; color: #fff; font-weight: bold; font-family: Arial, sans-serif; font-size: 37px;
    }
.blender-tip-text {display: inline-block; vertical-align: middle; padding: 10px 20px; width: 220px;}
.blender .ui-datepicker {display: none!important;}
.blender .at-blender-results {position: absolute; width: 72%; border-left: 1px solid #CFCFCF; overflow: auto; top: 41px;
    bottom: 34px; right: 0;
    }
.blender .at-statistics-container {height:auto;}
.blender .at-chart {padding: 10px;}
.blendersettings-compact {background: #e9e9e9; padding: 5px 10px; font-size: 11px; text-align: left; height: 27px;}
.blendersettings-compact .blendersettings-deposit {display: inline-block; margin: 0 30px 0 0; position: relative;
    line-height: 26px;
    }
.blendersettings-compact .blendersettings-deposit a { line-height: 18px;}
.blendersettings-compact .blendersettings-period {display: inline-block; margin: 0 30px 0 0;}
.blendersettings-compact .blendersettings-date-presets {display: none;}
.blendersettings-compact .note {display: none;}
.blendersettings-compact .blendersettings-date-label {display: none;}
.blendersettings-compact .text {font-size: 11px; padding: 3px;}
.blendersettings-compact .makeblend {padding: 3px 10px; line-height: normal;}
.blendersettings-compact .blendersettings-date-separator {display: inline-block;}
.blender-permalink {float: right; font-size: 11px; text-decoration: none; color: #fff; border-bottom: #fff 1px dotted;
    font-weight: normal;
    }
.blendersettings-compact .smallpagination {margin: 0; top: 6px; right: 5px; position: absolute;}
.blender .at-strategies-filtercontrols {position: absolute; left: 294px; top: 6px;}
.blender .at-strategies-filterlink:focus {background-color: #494949;}
.at-finder .blender-tip {top: 60%;}
.blendersettings-compact .blender-tip {margin-top: -94px; left: 250px; margin-left: 0;}
.changedeposit .form-row {margin: 20px 0; text-align: center; font-size: 13px;}
.changedeposit .form-label, .changedeposit .form-value {display: inline-block; vertical-align: middle; width: auto;}
.changedeposit .form-note {color: #777; font-size: 11px;}
.changedeposit-note {color: #777; text-align: center; font-size: 13px; margin: 20px 0;}
.changedeposit .text {width: 80px; padding: 2px; font-size: 12px;}
.changedeposit #spread {width: 50px; height: 14px;}
.changedeposit .ui-spinner-buttons {vertical-align: top;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #changeDepositForm .ui-spinner-buttons {position: relative; top: 0;}
    }

/* Create/edit account page */
.createsystem .createsystem-step {padding: 40px; border-bottom: #e6e6e6 1px solid;}
.createsystem .form-section-platform {min-height: 240px;}

.createsystem .stepnumber {font-size: 18px; margin-bottom: 20px;}
.createsystem .iconnumber {font-weight: bold; width: 20px; height: 20px; line-height: 20px; padding: 10px;
    text-align: center; background: #a4df69; color: #fff; display: inline-block; vertical-align: middle;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    }
.createsystem .form-row {width: 500px; margin: 0 auto 15px; position: relative;}
.createsystem .form-label {float: left; width: 120px; padding-top: 4px;}
.createsystem .form-value {float: left; width: 250px;}
.createsystem .form-note {color: #999; margin-top: 2px; display: block;}
.createsystem .platform-help, .createsystem .description-note {position: absolute; top: 0; left: 430px; width: 160px;}
.createsystem .platform-help {color: #000; z-index: 1;}
.helptip {background: #f3f3f3; padding: 15px; width: 160px; padding-left: 55px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    }
.helptip .icon {position: absolute; top: 15px; left: 15px;}
.helptip .link {display: block; margin-top: 10px;}

.createsystem .onetrade-promo {padding: 10px 0; border-bottom: #e4e4e4 1px solid; display: block; text-decoration: none;
    color: #000; text-align: center;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.createsystem .onetrade-promo:hover {background: #FFB540;}
.createsystem .onetrade-promo .onetrade-logo {width: 82px; height: 24px; display: inline-block;
    vertical-align: top; margin: 0 10px 0 0;
    }
.createsystem select, .createsystem .text {padding: 10px; width: 250px;}
.createsystem .text {width: 228px;}
.createsystem .checkboxes label {display: block; margin-bottom: 4px;}
.createsystem .form-group {margin: 0 -40px 20px; background: #f3f3f3; line-height: 150%; padding: 20px 0;}
.createsystem .form-group-content {width: 500px; margin: 0 auto;}
.createsystem .form-group .logo-mt4 {width: 48px; height: 47px; float: left; margin-right: 20px;
    background: url(../images/platforms-logos.png) 0 0 no-repeat;
    }
.createsystem .form-group .button {display: block; margin: 10px auto 0; width: 120px;}
.createsystem .form-group .title {font-weight: bold;}
.createsystem .form-group p {overflow: hidden;}
.createsystem #form_description {height: 120px;}
.createsystem .form-buttons {padding: 40px 0; text-align: center; color: #777; line-height: 28px;}
.createsystem .form-buttons input, .createsystem .form-buttons a {margin: 0 10px;}
.createsystem .perfomance-edit-error {color: red;}
.createsystem .privacysettings {width: 500px; margin: 0 auto;}
.createsystem .privacy-setting {display: block; margin-bottom: 7px; padding-left: 20px;
    position: relative; padding-top: 3px;
    }
.createsystem .privacy-setting input {position: absolute; top: 0; left: 0;}
.createsystem .display-publicly {margin-top: 20px;}
.createsystem .display-publicly .form-label {padding: 0; float: none; margin-bottom: 10px; width: auto;}
.createsystem .display-publicly .form-value {padding: 0; float: none; width: auto;}
.createsystem .display-publicly .column-block {width: 40%; margin-right: 10%; float: left;}
.security-note {width: 500px; margin: 25px auto 0; color: #999; text-align: left; overflow: hidden;}
.security-note #siteseal {float: left; position: relative; top: -10px;}
.security-note .https-icon {font-weight: bold; font-size: 18px; color: #999; background: #eee; float: left;
    margin-right: 36px; position: relative; padding: 10px 20px;
    }
.security-note .https-icon:after {content: ""; border: #ccc 5px solid; position: absolute; right: 0; bottom: 0;
    border-color: #ccc #fff #fff #ccc;
    }
.truste-seal {width: 135px; height: 37px; background: url(../images/truste.png) 0 -38px no-repeat;
    text-decoration: none; float: left; margin-right: 20px;
    }
.truste-seal:hover {background-position: 0 -75px; text-decoration: none;}
#siteseal a {display: none;}

/* settings pages */
.tabpage {min-height: 400px; padding: 40px 0;}
.settingspage {position: relative;}

/* settings - systems */
.settingspage .systemstab {padding: 0;}
.settingspage .accountstab {padding: 0;}
.settings-systems th, .settings-systems td {line-height: normal; padding: 10px; text-align: center;}
.settings-systems .name {padding-left: 15px; text-align: left;}
.settings-systems-buttons {padding: 25px; border-bottom: #e6e6e6 1px solid; position: relative;}
.settingspage .connect-bridge {position: absolute; top: 10px; right: 10px; width: 400px; text-align: center; color: #999;}
.settingspage .download-bridge-link {display: inline-block;}
.settingspage .download-bridge-link {font-weight: bold; margin-bottom: 10px; display: inline-block; vertical-align: middle;}

/* settings - password */
.changepassword {font-size: 13px; margin: 50px 0;}
.changepassword .form-row {width: 450px; margin: 0 auto 15px;}
.changepassword .form-label {float: left; width: 140px; padding-top: 7px;}
.changepassword .form-value {float: left;}
.changepassword .text {padding: 6px; width: 180px; font-size: 13px;}
.changepassword .form-buttons {text-align: center; padding: 20px 0;}

/* settings - profile */
.settings-profile {font-size: 13px; padding: 12px;}
.settings-profile .tabs-space {text-align: center;}
.settings-profile .public-tabs {margin: 0 0 30px 0; display: inline-block; overflow: hidden;}
.settings-profile .form-row {width: 600px; margin: 0 auto 15px;}
.settings-profile .form-label {float: left; width: 140px; padding-top: 7px;}
.settings-profile .nopad {padding-top: 0;}
.settings-profile .form-value {float: left; width: 460px;}
.settings-profile .text {padding: 6px; width: 230px; font-size: 13px;}
.settings-profile textarea.text {width: 400px; height: 80px;}
.settings-profile select {padding: 4px; width: 150px;}
.settings-profile .form-note {color: #777; font-size: 11px; margin-top: 5px;}
.settings-profile .form-buttons {text-align: center; padding: 20px 0;}
.settings-profile .avatar {display: block; float: left; margin: 0 10px 0 0;}
.settings-profile .email-private {margin-top: 5px;}
.settings-profile #profile-experience {width: 600px; margin: 0 auto;}
.public-create-area {text-align: center;}
.experience-position {font-size: 18px; margin: 0;}
.experience-organization {margin-bottom: 5px;}
.experience-date-locale {color: #999;}
.experience-note {font-style: italic; margin-top: 5px;}
.experience-item {border-bottom: #e2e2e2 1px solid; padding: 0 0 20px 0; position: relative; margin-bottom: 20px;}
.experience-list h1 {padding: 0 0 5px 0; margin: 0 0 20px; font-size: 13px; color: #999;
    line-height: normal; margin-top: 30px;
    }
.experience-buttons {position: absolute; top: 0; right: 0; opacity: 0;
    -webkit-transition: opacity 0.5s;
            transition: opacity 0.5s;
    }
.experience-item:hover .experience-buttons {opacity: 1;}
.settings-profile .form-row.dates select {width: 97px; padding: 2px;}
.experience-add-form {background: #f2f2f2; padding: 15px 25px; margin-bottom: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }
.settings-profile .skill-add-form {margin-bottom: 20px;}
.experience-add-form .form-label {width: 25%;}
.experience-add-form .form-value {width: 70%;}
.experience-add-form .form-buttons, .experience-add-form .form-buttons {padding: 0;}
.experience-add-form .button, .experience-add-form .button {vertical-align: middle;}
.experience-add-form .text {width: 96%; font-size: 13px; padding: 4px;}
.experience-add-form select {padding: 3px;}
.experience-add-form textarea {height: 50px;}
.settings-profile #experience-list {min-height: 100px;}
.skill-list {margin-bottom: 20px;}
.settings-profile .skill-add-form .form-row  {margin: 0;}
.settings-profile .skill-add-form .text {width: 150px;}
.settings-profile .skill-add-form  {width: 450px; display: inline-block; text-align: left;}
.settings-profile #profile-skills {width: 600px; margin: 40px auto; text-align: center;}
.settings-profile .skill-list {display: inline-block;}
.profile-skill {background: #cce3fd; display: inline-block; margin: 0 5px 5px 0; padding: 4px 6px; line-height: 16px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
	}
.profile-skill .icon-close {margin: 0 0 0 5px; opacity: 0.5; vertical-align: top;}
.profile-skill .icon-close:hover {opacity: 1;}
.settings-profile .profile-skill-close {margin-left: 5px; cursor: pointer; font-size: 14px;
    font-weight: bold; color: black
    }

/* UI overrides */
.ui-autocomplete {background: #fff !important; padding: 5px !important; border: 0 !important;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
            box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    }
.ui-menu .ui-menu-item {background: transparent !important; border: 0 !important; border-radius: 0;}
.ui-menu .ui-menu-item a {background: transparent !important; border: 0 !important; font-family: Arial, sans-serif;
    font-size: 13px;
    -webkit-border-radius: 0;
            border-radius: 0;
    }
.ui-menu .ui-menu-item a:hover {background: #424242 !important; color: #fff !important;}

/* settings - notifications */
.settings-notifications {font-size: 13px; width: 400px; margin: 0 auto;}
.settings-notifications .form-row {margin-bottom: 5px;}
.notifications-heading {font-weight: bold; margin: 25px 0 10px;}
.settings-notifications .text {width: 80px;}

/* settings - connections */
.settings-connections {width: 720px; margin: 0 auto;}
.connectorstable {width: 100%;}
.connectorstable td, .connectorstable th {padding: 8px;}
.connectorstabletitle {display: block; margin: 25px 0 10px; font-size: 13px;}
.connectorstabletitle .actions a {margin: 0 4px;}
.connicon {display: inline-block; margin-right: 3px; width: 14px; height: 14px; vertical-align: baseline;
    background: url(../images/connicon.png) 0 0 no-repeat;
    }
.icon-online {background-position: 0 0;}
.icon-offline {background-position: 0 -14px;}
.icon-blocked {background-position: 0 -28px;}
.performancestable {width: 100%;}
.performancestable .performance {width: 50%;}
.performancestable .fb {width: 25%; text-align: center;}
.performancestable .twitter {width: 25%; text-align: center;}
.p-row {/* width: 720px; */ border-bottom: #e8e8e9 1px solid;}
.p-row:hover {background: #e8f2f7;}
.p-row a, .p-row span {float: left; padding: 8px 1%; width: 23%; text-align: center;}
.p-row  .p-link {width: 48%; text-align: left;}
.p-table {border: #ccc 1px solid; border-top: 0;}
.p-options {border-bottom: #ccc 1px solid; padding: 10px; font-size: 12px; background: #eef;}
.p-options .permissions {float: left; width: 44%; background: #fff; font-size: 11px;
    padding: 10px 2.5%; height: 150px;
    }
.p-options .options {float: right; width: 44%; background: #fff; font-size: 11px;
    padding: 30px 2.5% 10px; height: 130px;
    }
.p-options .preview {padding: 15px; text-align: center; color: #555;}
.p-options .previewtext {color: #000;}
.p-options strong {display: inline; margin: 0;}
.p-options .permissions table {width: 100%; border: 0;}
.nodecor:hover td {border-top: #fff 1px solid; background: transparent; border-bottom: #e8e8e9 1px solid;}
.p-options input.text {width: 40px;}
.p-options .label {width: 180px; padding-top: 4px; vertical-align: top; text-align: right;
    margin-right: 5px; display: inline-block;
    }
.p-options .value {width: 45px; margin-bottom: 10px; display: inline-block;}
.p-options .note {background: url(../images/icons2.png) 0 -243px no-repeat; padding-left: 20px;
    line-height: 16px; color: #777; font-size: 10px; margin-left: 10px; white-space: nowrap;
    }
.p-options .errors {background: #e00; color: #fff; float: right; margin-top: 5px; margin-left: 5px;}

/* settings - branding */
.settings-branding {font-size: 13px; padding: 12px;}
.settings-branding-form {float: left; width: 40%;}
.settings-branding .form-row {width: auto; margin: 0 0 15px;}
.settings-branding .text {padding: 6px; font-size: 13px; width: 180px;}
.settings-branding .form-label {float: left; width: 140px; padding-top: 7px;}
.settings-branding .form-value {float: left; width: 200px;}
.settings-branding .formpadded {padding-top: 7px;}
.settings-branding-instructions {float: right; width: 50%; background: #ebebeb;
    border: #e4e4e4 1px solid; padding: 20px 30px;
    -webkit-border-radius: 8px;
            border-radius: 8px;
    }
.settings-branding-instructions div {margin-bottom: 10px; padding-left: 30px;}
.settings-branding-instructions .institle {display: block; margin-bottom: 15px;}
.settings-branding .iconnumber {width: 20px; height: 19px;  font-family: Arial, sans-serif; font-size: 13px;
    background: url(../images/icon-number-small.png) 0 0 no-repeat;
    left: -25px; top: -2px; font-weight: bold; margin-right: -20px; padding: 0;
    }

/* settings - affiliates */
.settings-affiliates {font-size: 13px; padding: 12px;}
.settings-affiliates .affiliates {text-align: center;}
.affiliate-invitelink {display: inline-block; vertical-align: top;}
.affilates-count {font-size: 30px; text-align: center; font-family: Arial, sans-serif; margin-bottom: 10px;
    margin-right: 25px; display: inline-block; vertical-align: middle;
    }
.settings-affiliate-form {padding: 20px 0; text-align: center;}
.settings-affiliate-form .text {font-size: 13px; padding: 6px; width: 400px; margin-top: 5px;}
.settings-affiliates .banner-section {padding: 20px 0; border-top: #ddd 1px solid;}
.settings-affiliates .banner-section strong {display: block; margin-bottom: 5px;}
.settings-affiliates .banner-section img {float: left; margin-right: 20px;}
.settings-affiliates .code {background: #eef0f2; border: #cdcfd4 1px solid; padding: 10px; font-size: 12px;
    line-height: 17px; overflow: hidden;
    }
.affiliates .button {height: auto; font-weight: bold; background: url(../images/largebutton.png) 0 0 repeat-x;
    margin-bottom: 10px; display: inline-block; padding: 5px 20px; color: #fff; text-decoration: none;
    vertical-align: middle; border: #006595 1px solid;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    }
.affiliates .button:hover {background-position: 0 -50px; box-shadow: 0 1px 3px #aaa;}
.affiliatepage .content {padding-left: 30px; padding-right: 30px; overflow: hidden;}
.affiliatepage .info {float: left; width: 25%; margin: 30px 5% 30px 0; line-height: 140%;}
.affiliatepage .info p {margin: 0 0 15px;}
.affiliatepage .banners {margin: 30px 0; overflow: hidden; width: 468px;}
.affiliatepage .banner-section {margin-bottom: 40px;}
.affiliatepage .code,
.affiliatepage .banners strong {display: block; margin-bottom: 10px;}
.setting {padding: 0 12px;}

/* searchresults */
.searchresults {margin-bottom: 40px; position: relative;}
.searchresults .perpage {float: left; margin: 0; padding: 15px;}
.searchresults .smallpagination {top: 0; padding: 15px;}
.searchresults  .systemname {text-align:left;}
.searchresults  .systemchart {padding-top: 1px; padding-bottom: 1px;}
.searchresults-found {color: #999; float: left; padding: 15px;}
.searchresults table {text-align: center; width: 100%; font-size: 13px;}
.searchresults table td {padding: 8px 15px;}
.searchresults table th {padding: 8px 15px;}
.searchresults .avatar {display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.searchresults .username {text-align: left; width: 70%;}
.searchresults .since {text-align: left; width: 30%;}
.searchresults-forums th {text-align: left;}
.searchresults-forums td {text-align: left; color: #777;}
.searchresults-forums a {display: inline-block; font-size: 18px; font-weight: normal; margin-bottom: 5px;
    text-decoration: none;
    }
.searchresults-forums a:hover {text-decoration: underline;}
.deletequestion .close_note {margin: 0;}
.deletequestion .content {min-height: 140px;}
.deletequestion .message {padding: 20px 10px;}
.adminactions {margin-top: 10px}
.adminactions .icon {padding: 0; height: 16px; width: 13px; background-image: url(../images/icons.png);}
.info span.positive {color: #2ac600;}
.info span.negative {color: #ff3838;}
.linkslist input {width: 330px; font-size: 11px; padding: 2px;}
.linksbox .linkslist {overflow: auto; margin-bottom: 50px; max-height: 177px;}
.linksbox .nothing {padding: 80px 0 0;}
.linksbox .button {margin-right: 5px;}
.linksbox .linkcell {width: 350px;}
.linksbox .headline th {border-bottom: 0;}
.linksbox .buttons {line-height: 28px;}
#results_content .positive  {color: #2ac600;}
#results_content .negative  {color: #ff3838;}
#answerbox textarea {height: 100px;}
span.private {background: url(../images/lock.png) -2px -2px no-repeat; display: inline-block; vertical-align: middle;
    width: 13px; height: 13px;
    }

/* friends page */
.friendspage {margin-bottom: 40px;}
.friendspage .content {padding-left: 20px; padding-right: 20px;}
.friendspage .heading-navi {position: relative; padding: 10px; margin-top: 20px;}
.friendspage .switches {display: inline-block; vertical-align: middle; width: auto; margin-right: 30px;}
.friendspage .smallpagination {margin-right: 20px; float: left;}
.friendspage .results_num {display: inline-block; vertical-align: middle; margin-right: 30px;}
.friendspage .perpage {padding: 15px 10px 40px;}
.friendspage .expandnetworkbutton {position: absolute; top: 6px; right: 6px;}
.friendbox {display: inline-block; margin: 5px 2px 3px 0; padding: 17px;
    background: #eef0f2 url(../images/friendbox.png) 0 0 no-repeat;
    }
.friendbox .since {color: #989fa2; display: block; margin: 5px 0 0;}
.friendbox .name {font-size: 18px; font-family: Arial, sans-serif; display: block; margin-top: 3px;}
.friendbox .name a {text-decoration: none;}
.friendbox .name a:hover {text-decoration: underline;}
.friendbox .avatar {float: left; margin: 0 15px 0 0;}
.friendbox .actions {display: block; text-align: right; height: 20px; margin: -5px -5px -10px 0;}
.friendbox .actions a {margin-left: 5px; color: #000; text-decoration: none;}
.friendbox .insight {overflow: hidden; color: #000; padding: 5px; text-align: center; font-weight: bold;
    line-height: 17px; margin: 12px 0 10px;
    }
.insight strong {display: block; margin-bottom: 2px; font-weight: normal;}
.insight span {margin-right: 10px;}
.friendbox .datasharing {padding: 7px 0 5px; text-align: center;}
.friendbox .sharing-enabled {position: relative; padding: 0; text-align: left; height: 30px; left: 5px;}
.datasharing .icon,  .friendbox .datasharing .icon {float: left; width: 23px; height: 24px;
    background: url(../images/datasharing.png) 0 0 no-repeat; margin-right: 5px;
    }
.friendbox .sharing-enabled span {float: left; width: 140px; color: #989fa2;}
.friendbox .sharing-enabled a {float: right; position: relative; left: -20px; top: 5px;}
.friendstable {width: 100%;}
.friendstable .username {width: 40%;}
.friendstable .since {width: 15%; text-align: center;}
.friendstable .insight {width: 25%; text-align: center;}
.friendstable .actions {width: 20%; text-align: center;}
.friendstable .actions a {margin: 5px; display: block;}
.friendstable .avatar {display: inline-block; vertical-align: middle; margin: 10px;}
.friendstable .name {font-size: 12px; font-weight: bold; text-decoration: none;}
.friendspage .search {position: relative; top: 5px; margin: 0 auto; width: 350px;}
.friendspage .searchinput {background: url(../images/contactsearch.png) 0 0 no-repeat; border: 0; font-size: 12px;
    font-family: Arial, sans-serif; padding: 6px; margin: 0; width: 220px; height: 18px; float: left; color: #000;
    }
.friendspage .searchbutton {display: inline-block; width: 31px; border: 0; height: 28px; text-decoration: none;
    background: url(../images/contactsearch.png) -235px 0 no-repeat; padding: 0; margin: 0;
    }
.friendspage .search a {float: left; margin: 5px 0 0 20px;}
.faqpage h1 {border-bottom: #ddd 1px solid; margin: 0 0 30px; padding: 0 0 5px;}
.faqpage {font-size: 13px; padding-bottom: 40px; }
.faqpage .content {padding: 30px 60px;}
.faqpage .questionslist {list-style-type: disc; line-height: 18px; padding: 0 0 0 15px;
    margin-bottom: 50px; margin-top: 30px;
    }
.faqpage .questionslist li {padding: 0 0 0 5px; margin-bottom: 4px;}
.faqpage .questionslist a {text-decoration: none;}
.faqpage .questionslist a:hover {text-decoration: underline;}
.faqpage p {padding: 20px 20px 30px 45px; border-bottom: #ccc 1px dotted; line-height: 18px;}
.faqpage .faq-intro {padding: 0; margin-top: 15px; border: 0;}
.faqpage .ol {display: block; margin: 10px 0 10px 25px;}
.faqpage h2 {color: #000; margin: 30px 0 20px; font-size: 25px;}
.faqpage .questionslist h2 {position: relative; left: -15px; font-size: 18px; margin: 20px 0 15px;}
.faqpage .question {display: block; font-family: Arial, sans-serif; font-size: 20px; background: transparent;
    border: 0; margin-bottom: 20px; line-height: normal;
    }
.icon-q, .icon-a {display: block; background: url(../images/qa.png) 0 0 no-repeat; width: 34px; height: 34px;
    margin-bottom: -34px; position: relative; left: -45px; top: -5px;
    }
.icon-a {background-position: 0 -34px; top: -8px;}

/* payment page styles */
.paymentpage {padding-bottom: 40px;}
.accountbalance-content {padding: 40px;}
.paymentslist {position: relative;}
.paymentpage .balance {float: left; font-size: 13px; margin: 0 40px 0 0;}
.paymentpage .balance .amount {font-size: 24px; display: block; font-weight: bold; margin-top: 4px;}
.paymentpage .orangebutton {float: left; position: relative; top: 20px;}
.paymentpage h4 {font-size: 12px; margin: 0 0 5px; float: left;}
#paymenttable td {padding: 5px 8px;}
#paymenttable .filter {width: 100px;}
.filters td {background: #e2e2e2; border: 0;}
.filters:hover td {background: #e2e2e2; border: 0;}
.filters a {text-decoration: none; margin-right: 15px;}
.filters-actions {text-align: center;}
#paymenttable .date-from, #paymenttable .date-to {width: 83px; border: #97a3ae 1px solid;
    background: #fff url(../images/calendar.png) 98% 1px no-repeat;
    }
#paymenttable #note {width: 250px;}
#paymenttable #date {width: 230px;}
.payment-performance {margin: 40px 0 20px; text-align: center; font-size: 12px;}
#managed_content {min-height: 250px;}
#managed_content .nothing {background: url(../images/add_account.png) 50% 0 no-repeat; padding-bottom: 0;}
.payment-performance select {padding: 3px;}
.provider-agreement {font-size: 10px; padding: 30px;}
.provider-agreement h4 {font-family: Arial, sans-serif; font-size: 11px; float: none;}

/* bookkeeping table */
.managedreport {margin-bottom: 30px; border: 0;}
.bookkeeping {border: 0;}
.bookkeeping-cell {padding: 0 !important;}
.bookkeeping-container {background: #fff; padding: 20px;}
.bookkeeping-container table {border: 0;}
.bookkeeping .month {width: 7%; text-align: center;}
.bookkeeping td {background: #fff; border-bottom: #eee 1px solid; vertical-align: top; padding: 8px 6px;}
.bookkeeping th,  .bookkeeping .headline td {text-align: left; background: #fff; border: 0;
    border-bottom: #ccc 1px solid; padding: 8px 6px;
    }
.bookkeeping .month-odd {background: #eff1f2; border-bottom: #fff 1px solid;}
.bookkeeping tr:hover td.month-odd {background: #e0edf4; border-top: #61a7d2 1px solid;
    border-bottom: #61a7d2 1px solid;
    }
.bookkeeping .headline .month-odd,  .bookkeeping th.month-odd {border-bottom: #ccc 1px solid;}
.bookkeeping .totals td {font-weight: bold; border-top: #ccc 1px solid;}
.bookkeeping-fee-item {display: block; margin-bottom: 10px;}
.bookkeeping-fee {white-space: nowrap; display: block;}
.positive {color: #2ac600;}
.negative {color: #ff3838;}
.yearswitch {margin-bottom: 20px; font-size: 15px; font-weight: bold;}
.yearswitch .switch {display: inline-block; padding: 8px 20px; cursor: pointer;}
.yearswitch .label {display: inline-block; padding-bottom: 1px; border-bottom: #000 1px dotted;}
.yearswitch .switch.active {background: #c8ff81;}
.yearswitch .switch:hover .label {color: #007eff; border-color: #007eff;}
.yearswitch .switch.active .label {border: 0; color: #000;}
.payment-account-row td {background: #fff; font-size: 15px; padding-top: 15px; font-weight: bold;}

/* trading journal popup */
.journaltable .date {width: 40%}
.journaltable .size, .journaltable .type, .journaltable .profit {width: 20%;}
.journaltable th, .journaltable td {padding: 5px;}
#journal_content {max-height: 300px; overflow: auto;}

/* load/withdraw money popups */
.loadbox .formrow {padding-top: 0; margin: 10px 0 30px; text-align: center; font-size: 13px;}
.loadbox label {margin-right: 20px;}
.loadbox .row-agreement label {display: inline-block; vertical-align: top;}
.withdrawbox .form-label,
    .loadbox .form-label,
	.addbrokeraccount .form-label {font-weight: bold; margin-right: 20px; font-size: 13px;}
.withdrawbox .buttons,
    .loadbox .buttons,
	.addbrokeraccount .buttons {text-align: center; margin: 20px 0; font-size: 13px;}
.withdrawbox .button,
    .loadbox .button,
	.addbrokeraccount .button {margin-right: 30px; font-size: 13px; vertical-align: middle;}
.withdrawbox .text,
    .loadbox .text {width: 60px; font-size: 13px;}
.loadbox .row-gateway {width: 400px; margin: 10px auto 30px;}
.row-gateway .form-label {display: block; text-align: left; float: none; width: auto; padding: 0; font-weight: normal;
    margin-bottom: 10px;
    }
.row-gateway .form-value {display: block; text-align: left; float: none; width: auto;}
.row-gateway label {display: inline-block; text-align: center; width: 30%; margin: 0;}
.paymentlogo {background: url(../images/payment.png) 0 0 no-repeat; width: 86px; height: 22px; display: inline-block;
    margin: 0; vertical-align: middle;
    }
.payment-moneybookers {background-position: 0 -44px;}
.payment-paypal {background-position: 0 -22px;}
.payment-fxstat {background-position: 0 0;}
.loadbox .paycard-input {width: 180px;}
.wire-transfer {background: url(../images/Wire-transfer.png) 0 0 no-repeat; width: 45px; height: 45px !important;}
.icon-neteller {background: url(../images/icon-neteller.png) 0 0 no-repeat; width: 71px !important; height: 12px;}
.icon-skrill {background-position: -10px -44px;}
.icons-payments {background: url(../images/logo-payments.png) 0 0 no-repeat; width: 186px; height: 23px;
    display: inline-block; margin: 0 0 0 10px;
    }
#form_fund .row-paymentmethod label {display: block; text-align: left; margin: 0 0 15px !important;}
#form_fund .row-paymentmethod label input{margin: 0 10px 0 0;}
#form_fund .row-paymentmethod .form-label{width: 22%;}
#form_fund .row-paymentmethod .form-value{width: 78%;}
.withdrawbox .form-row {padding: 10px 22%;}
.withdrawbox .availablemoney {text-align: center; margin-bottom: 10px;}
.addbrokeraccount #form_number {width: 120px;}
.addbrokeraccount .text {width: 200px !important;}
.addbrokeraccount select {width: 208px;}
.addbrokeraccount .formrow {padding-top: 0; text-align: left; width: 360px; margin: 0 auto 10px;}
.addbrokeraccount .form-label {float: left; width: 145px; padding: 4px 0 0 !important; margin: 0;}
.addbrokeraccount .form-value {float: left;}
.addbrokeraccount .terms {text-align: center; margin-bottom: 20px;}
.steps {width: 496px; height: 100px; background: url(../images/steps.png) 0 0 no-repeat; position: relative;
    top: -17px; left: -13px;
    }
.steps ol {list-style: none; overflow: hidden; display: block; padding: 60px 0 0; color: #6b6b6b; margin: 0;}
.steps li {float: left; text-align: center; width: 25%; margin: 0 4%; padding: 0; position: relative; left: 6px;}
.step-active {color: #000;}
.addbrokeraccount .steps {background-position: 0 -100px; top: -17px; left: -13px;}
.addbrokeraccount .steps ol, .withdrawbox .steps ol {padding-top: 65px;}
.withdrawbox .steps {background-position: 0 -200px;}
.withdrawbox .amount_errors {padding-left: 30%;}
.withdrawbox .close {top: 13px; right: 20px;}

/* Translations */
.translate-ready {background: url(../images/translateback.png); cursor: pointer; position: relative; z-index: 100;}
.translate-ready:hover { outline: 1px solid green;}
.trans_popup {display: none; padding: 0 6px; cursor: pointer;}
#main_home_link {display: none;}
.form_len {display: inline-block; height: 20px; width: 70px; border: 1px solid lightgray;}

/* add translation pop-up box */
.translatebox {padding: 23px 20px; width: 490px;}
.translatebox .buttons {text-align: center; margin-top: 5px;}
.phrasetotranslate {font-weight: normal; font-size: 11px; margin: 7px 0; color: #000;}
.translatebox #translation {position: relative; width: 89%; height: 90px; top: -5px;}
.translatebox .radio {display: block; height: 20px; margin-bottom: -20px;}
.translatebox label {margin-bottom: 6px; display: block; padding-left: 23px; padding-top: 3px;}
.translatebox .button {vertical-align: middle; margin-right: 3px;}
.translatebox .intro {margin-bottom: 12px;}
dfn.trans_mod {font-style: normal;}
#translations-list td {text-align: center; padding: 5px 0;}
.translates_container {margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #F4F2F2;}
.translate_button {font-size: 1em; border: none; background: url(../images/smallOff.png) center top no-repeat;
    color: #656565; height: 22px; padding-bottom: 3px; width: 76px; cursor: pointer;
    }
.translate_button:hover {background: url(../images/smallOn.png) center top no-repeat;}
.translate_form {display: none; padding: 20px 0;}
.textToTranslate {font-size: 1.2em; margin-left: 20px;}
.fleft {float: left;}
.fright {float: right;}
.translate_form textarea {width: 99%; height: 50px; margin: 0 0 10px; font: 11px Arial, sans-serif; padding: 5px;}
.translated {color: #8F8E8E}
.lang_icon {margin: 5px 5px 0;}
#translates-menu {list-style-type: none;}
#translates-menu li {border-bottom: 1px solid #F4F2F2; padding: 10px 5px; background: none;}
#translates-menu li a {text-decoration: none;}
#translates-menu li a:hover {text-decoration: underline;}
#translates-menu li a.active {font-weight: bold;}
#lang_select {width: 100%;}
.approved_message {margin: 5px; color: #007FB9;}
img.lang {width: 20px; border: 1px solid lightgray;}

.unvote {color: red; cursor: pointer;}

/* Pagination*/
.paginationControl {font-size: 1em; text-align: center; margin: 10px;}
.paginationControl span {padding-right: 10px;}
.paginationControl a {text-decoration: none;}
.pagination_page {border: 1px solid lightgray; padding: 0 0 1px 4px; margin: 0 4px 0 0;}
.pagination_next, .pagination_previous {margin: 0 5px; padding: 0 10px;}
.pagination_next.pagination-button, .pagination_previous.pagination-button {
    border: 1px solid lightgray; padding: 1px 5px 0; vertical-align: middle;
}
.pagination_next.pagination-button {margin-left: 0}
.pagination_currentpage {padding: 0 5px; vertical-align: middle;}

/* Watchers list */
.watchersbox {position: relative;}
.watchersbox .buttons {text-align: center; left: 250px; bottom: 35px; position: absolute;}
.watcherslist {height: 180px; overflow: auto; padding: 15px;}
.centered {text-align: center;}
.watcher {float: left; width: 20%; white-space: nowrap; margin-bottom: 15px; text-decoration: none;
    text-align: center; padding: 5px 0;
    }
.watcher:hover {background: #eaeff3;}
.watcher .username {text-decoration: underline; display: block;  margin-top: 4px;}
.watcherslist img {margin: 0; vertical-align: middle; display: inline;}
.sl {background-color: #f9d5c5}
.tp {background-color: #e8fbc6}

/* Sitemap */
.sitemappage {font-size: 13px; padding-bottom: 40px;}
.sitemappage h1 {border-bottom: #ddd 1px solid; margin: 0 0 30px; padding: 0 0 5px;}
.sitemappage ul {padding: 0 0 10px 10px; margin-left: 20px;}
.sitemappage a {text-decoration: none;}
.sitemappage li ul {padding: 10px 0 0; margin: 0;}
.sitemappage .lang_name {padding: 10px 0 10px 30px;}
.sitemappage .sitemap_lang {padding-top: 0;}

/* messages box */
#messagesBox {margin: 0; padding: 10px 20px; background: #c1cfe7; color: #1f3a68; text-align: center;
    position: relative; z-index: 3; top: -21px;
    -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
}
#messagesBox.message-emergency {background: #f3aaa0; color: #780e05;}
#messagesBox.message-emergency a {color: #780e05; font-weight: bold;}
#messagesBox .close {display: inline-block; text-decoration: none; width: 16px; height: 16px;
    background: url(../images/icons2.png) 0 -422px no-repeat; margin-right: -10px;
    }
#messagesBox .close:hover {background-position: 0 -438px;}
#messagesBox .messagetitle {display: block; margin: 0 auto 3px; display: block; text-align: center; font-weight: bold;
    font-size: 15px;
    }
.page-home #messagesBox {display: none;}
.page-wide #messagesBox {display: none;}

/* Statistics page */
.statisticspage {padding-bottom: 40px;}
.statisticspage h1 {border-bottom: 1px solid; margin: 0 0 30px; padding: 0 0 5px;}
.statisticspage h2 {text-align: center; font-size: 24px;}
.communitytrend h2 {text-align: left;}
.statistics_left {float: left; width: 33%; margin: 20px 10px;}
.statistics_right {float: right; width: 63%; height: 365px; overflow: hidden;}
.statistics_left .total {padding: 30px 0 25px; background: #DCE6F1; text-align: center; direction: rtl;}
.statistics_left .total span {padding-top: 10px; display: block; text-align: center; font-size: 2em;}
.statistics_left .donetrades_num {width: 31px; height: 30px; float: right; text-align: center; color: #fff;
    font-size: 2.6em; font-weight: bold; line-height: 25px;
    }
.statistics_left .donetrades_section {display: inline-block; width: 93px;
    background: url(/themes/default/images/counter.png) left top repeat-x;
    }
.statistics_left .separator {font-size: 2.6em; color: #fff; display: inline-block;}
.statistics_left .open {margin: 30px 0 10px; width: 100%;}
.statistics_left .open table {border: none; width: 100%; font-size: 1.6em;}
.statistics_left .open table td {background: #DCE5F0; border: none; text-align: center; width: 33%; padding: 10px 0;}
.statistics_left .open .header td {background: #ECEFF5;}
.statistics_left .open .first {border-right: 1px solid lightgray; float: none; width: auto;}
.statiatics_left .open table tr, .statistics_left .header {height: 40px;}
.statistics_left .counter1 {background: url(/themes/default/images/counter.png) left top repeat-x; height: 30px;
    position: relative; overflow: hidden;
    }
.widgetlink {position: relative; float: right; left: -8px; color: #777; text-decoration: none;}
.widgetlink:hover {color: #007eff;}
.statisticspage td, .statisticspage th {padding: 2px 5px;}
.statisticspage .direction_chart .buy,
.statisticspage .direction_chart .sell {position: relative;}
.statisticspage .direction_chart .dir_tip {position: absolute; left: 50%; top: -25px; border: 1px solid #fff;
    background: rgba(0,0,0,0.8); padding: 4px; color: #fff;
	-webkit-border-radius: 4px;
            border-radius: 4px;
    }
.statisticspage .communitytrend {padding: 20px 10px;}
.statisticspage #symbolsPopularity {height: 400px; margin: 0 10px;}
.statisticspage .trendheader .direction {width: 260px; text-align: center;}
.statisticspage #charts_1 {float: left; width: 40%;}
.statisticspage #charts_2 {float: left; width: 30%;}
.statisticspage #charts_3 {float: left; width: 30%;}
.statisticspage .growth-data span {font-size: 1em;}
.statisticspage table tr td.smallDescription {background: #ECEFF5; font-size: 0.55em; color: gray;}
.statisticspage .open .growth-up {display: inline; padding: 0 0 0 10px; color: green;
    background: url(/themes/default/images/growth-icon.png) 0 -10% no-repeat;
    }
.statisticspage .open .growth-down {background: url(/themes/default/images/growth-icon.png) 0 111% no-repeat;
    display: inline; padding: 0 0 0 10px; color: red;
    }
.statisticspage .direction_chart {height: 20px; width: 250px; border: #555 1px solid; margin: 0 auto;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    }
.statisticspage .direction_chart .buy,
    .statisticspage .direction_chart .sell {float: left; text-align: center; font-weight: bold; padding-top: 3px;
        height: 17px; color: gray;
    }
.statisticspage .direction_chart .sell {background: #CFD7DE url(/themes/default/images/direction.jpg) left top repeat-x;}
.statisticspage .direction_chart .buy {background: #AFD585 url(/themes/default/images/direction.jpg) left bottom repeat-x;}
.statisticspage .direction_chart .sell:hover, .statisticspage .direction_chart .buy:hover {opacity: 0.8;}
.stats-trend {width: 100%;}
.stats-trend td, .stats-trend th {padding: 5px; text-align: center;}
.stats-trend .avgstop {background: #f9d5c5;}
.stats-trend .avgtp {background: #e8fbc6;}
.stats-trend .avgsell, .stats-trend .avgbuy, .stats-trend .symbol {font-weight: bold;}

/* Last News on Dashboard*/
#questions_content table {text-align: left; width: 100%;}
#questions_content .info {color: #666; float: none; padding: 5px 10px 5px 40px; width: 105px;}
#questions_content .info big {font-size: 12px; font-weight: bold;}
#questions_content .info .dateContainer {width: 70px; white-space: nowrap;}
#questions_content .info .date {font-size: 15px; font-weight: bold; width: 30px; float: left;}
#questions_content .info .time {padding-left: 10px; font-size: 11px; float: left; border-left: 1px solid gray;}
#questions_content a.sublink {font-size: 14px; font-weight: bold;}
#questions_content a.sublink:hover {text-decoration: none;}
#questions_content .inContainer {font-weight: normal; color: #999; font-size: 12px;}
#questions_content .inContainer a {color: #999;}

/* approvement controls for tradebook/managedbook */
.approve {position: fixed; display: block; bottom: 0; left: 2%; z-index: 12000;}
a.approve-button {display: inline-block; background: url(../images/approve.png) 0 0 repeat-x; text-decoration: none;
    color: #fff; padding: 6px 10px 4px; font-size: 12px; font-weight: bold; vertical-align: bottom; margin-right: 5px;
    -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
    }
a.approve-button:hover {background-position: 0 -32px;}
.approvebox p {text-align:center; padding: 15px 40px;font-size: 15px;}
a.revoke-button {display: inline-block; background-color: #ff0000; text-decoration: none; color: #fff;
    padding: 6px 10px 4px; font-size: 12px; font-weight: bold; vertical-align: bottom; margin-right: 5px;
    -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}
a.revoke-button:hover {background-color: rgb(165, 0, 0);}

.icon-apply {display: inline-block; vertical-align: middle; width: 20px; height: 20px;
    background: url(/themes/backend/images/icons.png) 0 0 no-repeat; cursor: pointer;
    }
.icon-empty {display: inline-block; vertical-align: middle; width: 20px; height: 20px; cursor: pointer;
    background: url(/themes/backend/images/icons.png) -20px 0 no-repeat;
    }
.searchParam.hasDatepicker {float: left; width: 100px; margin: 0 5px;}
.dateText {float: left; padding-top: 5px;}
#portfolio_page h3 {float: left;}
#addportfolio {float: right}
input.short {width: 40px; border: 1px solid #fff;}
.params .left{text-align: left;}
.params td {border: none}

/* Prices page styles */
#pricepage {padding-bottom: 40px;}
#pricepage h1 {padding: 0 0 5px; margin: 0 0 20px; border-bottom: #ddd 1px solid;}
#pricepage .content {overflow: hidden;}
#pricepage .supplementscolumn {float: left; width: 280px; margin-right: 50px;}
#pricepage .helpbox {background: #fee8cb; padding: 20px; line-height: 140%; margin-bottom: 10px; border-radius: 6px;}
#pricepage .icon-help {display: block; margin-bottom: -28px; position: relative; left: -35px;}
#pricepage .commissionbox {background: #e3ecf7 url(../images/commission-box-back.png) 50% 30% no-repeat;
    padding: 20px; line-height: 140%;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    }
#pricepage .marketleader {font-size: 16px; font-family: Arial, sans-serif; text-align: center;
    margin: 10px 0; line-height: 20px;
    }
#pricepage .strong-percent {color: #f15a29; font-size: 40px; font-weight: bold; display: block; text-align: center;
    line-height: 38px;
    }
#pricepage .moreinfo {text-align: center; margin: 15px 0;}
.pricelist-content {overflow: hidden;}
.prices-group {margin: 0 0 20px; overflow: hidden;}
.prices-main {float: left; width: 40%; line-height: 18px;}
.prices-main strong {display: block; margin-top: 10px;}
.prices-prices {float: right; width: 40%; margin-right: 40px;}
.prices-prices strong {display: block; text-align: right; padding: 32px 30px 7px;}
.prices-item {display: block; text-align: right; padding-right: 130px;}
.prices-prices .prices-value {display: block; position: relative; margin-top: -17px; margin-bottom: 2px; padding: 4px;
    height: 14px; width: 100px; left: 106%; top: -4px; background: #c5f46a; font-weight: bold; text-align: center;
    }
.autotrading #openCounter, .autotrading #closedCounter {float:none}

/* close position box */
.closeposition .confirmation {font-size: 15px; text-align: center; margin: 10px 30px 30px;}
.warningicon {position: relative; display: inline-block; width: 41px; height: 41px; top: 15px;
    background: url(../images/warning.png) 0 0 no-repeat; vertical-align: bottom;
    }
.closeposition .note {text-align: center; color: #777; margin: 30px; line-height: 140%;}
.closeposition .buttons {text-align: center; margin: 15px 0;  font-size: 12px;}
.closeposition .buttons a, .closeposition .buttons input {margin: 0 5px;}
#ot_counter, #oo_counter, #co_counter {float: none; margin: 0;}

/* confirm reload of history box and account delete */
.popupconfirm .confirmation {font-size: 15px; text-align: center; margin: 25px 30px 17px;}
.confirmation .label, .confirmation .warningicon {display: inline-block; vertical-align: middle; left: 8px;}
.confirmation .label {position: relative; line-height: 20px; text-align: left; width: 85%; word-wrap: break-word;}
.confirmation .warningicon {margin-right: 10px; top: 0;}
.popupconfirm .note {text-align: center; color: #777; margin: 30px; line-height: 140%;}
.popupconfirm .buttons {text-align: center; margin: 15px 0; font-size: 12px; line-height: 28px;}
.popupconfirm .buttons a, .closeposition .buttons input {margin: 0 5px;}
.popupconfirm .buttons a.button {line-height: 18px;}

/* confirm block popup */
.confirmbox .form-row {width: 400px; margin: 0 auto;}
.confirmbox .message-text {margin: 10px auto 15px; font-size: 1.15em;}
.confirmbox textarea {width: 390px; resize: none;}

/* banned user popup */
.popup-banned .popup-message {text-align: left; line-height: 17px; padding: 10px 20px 0;}
.popup-message-centered {text-align: center; margin-bottom: 20px;}
.popup-banned .popup-message-centered {
    background: #ffd5d5; border: #ffc8c8 1px solid; text-align: center; font-weight: normal;
    margin-bottom: 20px; padding: 15px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    }
.popup-banned p {margin: 0 0 15px;}

/* performances comparison */
.comptable {width: 100%;}
table.comparison {width: 100%; border: 0; margin-bottom: -1px;}
.comparison td, .comparison th {text-align: center;}
.comparison td.col0, .comparison td.col2,
    .comparison td.col4, .comparison td.col6, .comparison td.col8 {
        background: #f3f3f3; border-bottom: #dfdfdf 1px solid;
    }
.comparison tr:hover>td.col0,
    .comparison tr:hover>td.col2,
    .comparison tr:hover>td.col4,
    .comparison tr:hover>td.col6,
    .comparison tr:hover>td.col8 {background: #dcedf3; border-bottom: #dcedf3 1px solid;}
.comparison td {padding: 4px 10px;}
.comparison .property {text-align: left; min-width: 105px; font-weight: bold;}
.comparison .comparison-group-title td {text-align: left; padding: 0; border: 0; border-bottom: solid 1px #fff;}
.comparison .comparison-group-title .content {position: relative;}
.comparison .box-headlink {position: absolute; top: 10px; right: 10px;}
.comparison .highcharts-container {margin: 0 auto !important;}
.comparison-group-title .boxleft {margin-left: -2px;}
.comparison-group-title .boxright {margin-right: -2px;}
.comparison .best {color: #37b500;}
.comparison .worst {color: #da0000;}
.charts-row td {padding: 0;}
.comparison-charts {overflow: hidden;}
.comparison-daily-chart, .comparison-growth-chart {width: 49.65%; position: relative;}
.comparison-daily-chart, .comparison-growth-chart, .comparison-trades-chart {margin-bottom: 0;}
.comparison-charts h3 {text-align: left;}
.comparison-daily-chart {float: left;}
.comparison-growth-chart {float: right;}
.comparison-pie-chart {width: 95%; margin: 0 auto; height: 350px;}
.remove-link {position: relative; top: 1px; display: inline-block; width: 17px; height: 17px; text-decoration: none;
    background: url(../images/remove-link.png) 0 0 no-repeat; vertical-align: top; margin-left: 4px;
    }
.remove-link:hover {background-position: 0 -17px;}
.charts-row:hover td {background: #fff; border-color: #e6e6e6;}
.comparison-group-title:hover td {background: #fff; border-color: #fff;}
.comparison .performance {overflow: visible; width: 14%; color: #000;}
.comparison .system-name {display: inline-block; vertical-align: middle; max-width: 100px;
    overflow: hidden; white-space: nowrap;
    }
.comparison .dropdown-content {top: 24px; right: -5px;}
.comparison-permalink {margin: 20px 10px; text-align: center; font-size: 12px;}
.comparison-permalink input {background: #ededed; border: #d0caca 1px solid; padding: 4px; width: 390px;}
.comparison-profile {margin: 20px 10px; font-size: 12px; text-align: center;}
.comparison-profile select {padding: 3px; width: 150px; vertical-align: middle;}
.comparison-profile #saveprofile, .comparison-profile #removeprofile {vertical-align: middle; padding: 5px 10px 4px;}
.comparison-profile-form {margin-top: 10px; padding: 20px; background: #e8f2f7;
    border: #badced 1px solid; text-align: center;
    }
.comparison-profile-form .text {width: 200px; padding: 4px;}
.comparison-profile-form #cancelprofile {margin-left: 15px;}
#chart_overview {padding: 15px; height: 250px;}
#chart_winLos, #chart_trades {margin-top: 10px; overflow: hidden;}

/* Invite page */
.invite {padding-bottom: 40px;}
.invite h1 {margin: 0 0 30px; padding: 0 0 5px; border-bottom: #ddd 1px solid;}
.invite iframe {margin: 0 auto; width: 100%;}


/* My followers page (trade followers) */
.followers-table {width: 100%;}
.followers-table a {vertical-align: top;}
.followers-table td {padding: 5px;}
.followers-header {font-size: 1.4em; margin-bottom: 20px; text-align: right;}
.followers-header div {width: 70%; float: left; text-align: left;}
.followers-tabs {list-style: none; display: block; width: 100%; margin: 5px 0 1px; padding-left: 0;}
.followers-tabs li {display: inline; background: none; padding: 5px; margin: 0 10px 0 0;
    background: rgba(120,120,120,.4);
	-webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
    }
.followers-tabs li.active {background: lightgray;}
.followers-tabs li a {text-decoration: none; color: #fff;}
.managedreport span.positive {color: #2ac600;}
.managedreport span.negative {color: #ff3838;}

/* trading journal popup */
.journaltable .date {width: 40%}
.journaltable .size,
.journaltable .type,
.journaltable .profit {width: 20%;}
#journal_content .date {width: 42%}
#journal_content .size,
#journal_content .type,
#journal_content .profit {width: 19%;}
#journal_content .profit {width: 16%;}
.journaltable th, .journaltable td {padding: 5px;}
#journal_content {max-height: 300px; overflow: auto; border: 1px solid #D0CACA; border-top: 0;}
#journal_content table {border: 0;}
#journal_pagination {margin-top: 10px; top: 0;}

/* new Account buttons*/
.account_box {float: left; padding: 10px; height: 140px;}
.account_box.start_here {background:url(../images/add_account.png) 50% 100% no-repeat;}
.account_box.add_tracking {background: url(../images/add_performance.png) 50% 10% no-repeat;}
.account_box .sign {clear: both; margin-top: 75px; color: #999; font-size: 12px; font-weight: normal;}
.account_box.start_here .sign {margin-top: 200px;}
.account_box a.addsystem {padding: 0; display: block; float: right; line-height: 22px; height: 32px; width: 145px;
    text-align: center; color: #000; text-decoration: none; font-weight: bold; margin-top: 20px;
    background: url(../images/button-account.png) 0 0 no-repeat;
    }
.account_box a.addsystem i {background: url(../images/icons2.png) 0 -525px no-repeat; line-height: 20px; font-size: 17px;
    line-height: 24px;
    }
.account_box a.link-compare {border: 0; padding: 0; display: block; line-height: 27px; height: 32px; width: 180px;
    float: right; background: url(../images/button-white.png) 0 0 no-repeat; margin-top: 20px;
    text-align: center; color: #000; text-decoration: none; font-weight: bold;
    }
.account_box a.link-compare i {background: url(../images/icons2.png) 0 -511px no-repeat;
    line-height: 20px; margin-right: 3px;
    }
.allocated_errors .errors {background: #fff; color: #e00;}
.mmaccounts-table td.creation-date input {width: 71px;}
.account_box.add_tracking {padding: 130px 4% 10px; width: 92%;}
.account_box  a.link-compare {margin: 20px 16% 20px 0;}

/* Partners pages */
#partners_content {text-align: center;}
.partnerspage h1 {float: left;}
.partnerspage .switches {float: right; width: auto; margin-top: 8px; margin-bottom: 15px;}
.partnerspage .switch {margin: 0;}
.partnerspage .switch .inner {padding-right: 9px;}
.partner-box {display: inline-block; vertical-align: top; margin: 35px 20px 0; width: 205px; padding: 20px;
    height: 160px; overflow: hidden; text-align: center; color: #000; text-decoration: none;
    border-radius: 4px; box-shadow: 0 1px 4px #aaa;
    }
.partner-box:hover {box-shadow: 0 1px 4px #888;}
.partner-logo {display: block; border-bottom: 1px solid #e3e3e3; text-align: center; margin-bottom: 10px;
    padding-bottom: 10px;
    }
.partner-logo img {display: block; width: 160px; height: 61px; margin: 0 auto;}
.partner-name {font-size: 15px; display: block; font-weight: bold; text-align: center; margin-bottom: 10px;}
.partner-short-description {height: 48px; overflow: hidden; line-height: 16px; font-size: 12px; display: block;}
.partnerpage {padding: 35px 50px;}
.partnerpage h1 {margin-bottom: 25px; color: #000; font-size: 35px;}
.partner-info {float: left; width: 30%; font-size: 12px;}
.partner-info img {display: block; width: 160px; height: 61px; margin: 0 0 10px;}
.partner-info-table {background: #e2ebf3; padding: 15px 20px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
   }
.partner-description {float: right; width: 67%;}
.partnerpage p {line-height: 18px; font-size: 12px;}
.partnerpage .buttons {text-align: center; margin: 30px 0;}
.partner-property {padding: 8px 0; border-bottom: #cfdce8 1px solid; overflow: hidden;}
.partner-label {width: 50%; float: left;}
.partner-value {width: 50%; float: right;}


/* export to PDF */
.exportbox input {vertical-align: middle;}
.export-column {width: 26%; float: left;}
.export-section-title {font-weight: bold;}
.export-section {padding: 0 0 0 20px; margin-bottom: 15px;}
.export-section li {display: block; margin: 3px 0 0; padding: 0; background: transparent;}
.preview-container {width: 300px; float: right; position: relative; height: 460px;}
.preview-blind {background: url(../images/white.png); border: #ccc 1px solid; text-align: center; padding: 200px 0;
    height: 25px; position: absolute; left: 0; right: 0; bottom: 0;
    }
.preview-page {display: block; margin-top: 20px;}
.exportpage h1 {font-size: 31px;}
.exportpage h3 {font-size: 14px;}
.exportpage {margin: 0 auto; padding: 20px;}
.exportpage .relatedstats  {width: 32%; float: left; margin-right: 1%;}
.exportpage .statstable  {width: 100% !important; float: none !important;}
.exportpage #message, .exportpage .highslide-html-content, .exportpage .footer-space {display: none;}
.exportpage .footer-content {padding: 0;}

/* Profile - Public page */
.public-page {font-size: 13px; margin-top: -16px; margin-bottom: 40px; position: static;}
.public-page h1 {font-size: 50px; line-height: 50px; padding: 0; height: 50px; position: absolute; left: 0; right: 0;
    bottom: 70px; z-index: 1; border: 0; font-family: Arial, sans-serif; font-weight: normal;
    margin: 0 0 15px; color: #fff; margin: 0;
    -webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.4);
            text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    }

.public-page .public-subscribe {float: right; position: relative; width: 32%; border-left: #e6e6e6 1px solid;
    margin-left: -1px; padding-top: 20px;
    }
.public-page .public-stream {float: left; width: 68%; margin-right: -1px; border-right: #e6e6e6 1px solid;}
.public-page-head {height: 345px; position: absolute; top: 49px; left: 0; right: 0;
    background: #ccc url(../images/profile-background-1.jpg) 50% 50% no-repeat;
    background-size: cover;
    }
.public-head-content {width: 843px; padding-left: 142px; margin: 0 auto; position: relative; height: 345px;}

@media screen and (min-width: 1260px) {
   .public-head-content {width: 986px; padding-left: 0;}
}

.public-head-bg {position: absolute; bottom: 0; right: 0; left: 0; height: 345px;
    background: url(../images/black-gradient.png) 0 100% repeat-x;
}
.public-content {margin-top: 290px;}
.public-page .profile-buttons {position: absolute; bottom: 75px; right: 32%; margin-right: 15px; z-index: 2;
    -webkit-transition: all 0.5s;
            transition: all 0.5s;
   }
.button-trust {background: url(../images/fxstat-like.png) 0 0 no-repeat; padding-top: 26px; overflow: hidden;
    height: 0; width: 58px; display: inline-block; vertical-align: top;
    }
.button-trust.disabled {opacity: 1; background-image: url(../images/fxstat-like-trusted.png); cursor: default;}
.like-profiles {position: absolute; right: 0; background: url(../images/black50.png); font-weight: normal; padding: 8px;
    width: 208px; line-height: normal; bottom: 52px; opacity: 0;
    -webkit-border-radius: 4px;
            border-radius: 4px;
	-webkit-transition: bottom 0.2s, opacity 0.2s;
            transition: bottom 0.2s, opacity 0.2s;
    }
.like-profiles .avatar {border: 0; margin: 0;}
.like-profiles-title {display: block; margin-bottom: 10px; text-decoration: none; color: #fff;}
.like-profiles-corner {display: block; position: absolute; bottom: -8px; right: 20px; width: 15px; height: 8px;
    background: url(../images/icons.png) -167px -35px no-repeat;
    }
.likes-count:hover .like-profiles {bottom: 42px; opacity: 1;}
.icon-verifiedbroker {position: relative; vertical-align: bottom;}
.verifiedbroker-tip {opacity: 0; position: absolute; top: -4px; left: 100%; margin-left: 20px; color: #fff;
    font-size: 12px; padding: 8px 15px; line-height: normal; background: rgba(0,0,0,0.6);
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    }
.verifiedbroker-tip:before {content: ""; position: absolute; top: 50%; left: -10px; margin-top: -5px;
    border: transparent 5px solid; border-right-color: rgba(0,0,0,0.6);
    }
.icon:hover .verifiedbroker-tip {margin-left: 5px; opacity: 1;}
.showlikes .avatar {display: inline-block;}
.showlikes #likes_content {max-height: 300px; overflow: auto;}

.background-large:hover .profile-buttons {opacity: 1;}
.public-page .public-avatar {position: absolute; text-align: center; padding: 5px; width: 220px;
    height: auto; margin: 0; bottom: 75px; left: 68%; z-index: 2;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
                box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    }
.public-avatar img {height: 220px; width: 220px;}
.public-avatar .avatar-large img {height: 220px; width: 220px;}
.public-avatar .button {width: 160px; margin: 0 auto; display: block; padding-left: 0; padding-right: 0;}
.public-stream .public-tabs {margin-bottom: 18px;}
.page-list-subscribed, .subscribers {margin-bottom: 25px;}
.public-subscribe .avatar {border: 0; margin: 0; padding: 0; display: inline-block;}
.public-subscribe .add-button {padding: 6px 18px; position: absolute; top: 0; right: 0;}
.public-subscribe .bottom-link {display: block; margin: 18px 80px 35px 105px;}
.subscribers h3 {margin-bottom: 14px;}
.sub-list {text-align: center;}
.subscribers .subscriber {display: inline-block; margin: 0 5px 8px 0;}
.profile .subscribers .avatar-image {width: 100%; height: 100%;}
.subscriber {background: #eaeaea;}
.subscriber .avatar-mini {width: 46px; height: 46px; display: inline-block;}
.public-page .friends-list, .public-page .sub-list {padding: 10px;}
.public-page .postbox {padding: 30px 15px; border-bottom: #e2e2e2 1px solid;}
.public-page .comment-form-actual textarea {resize: none; margin-bottom: 5px;}
.public-page .message-form-actual textarea {width: 98%; padding: 5px; height: 56px;
    margin-bottom: 5px; resize: none;
    }
.public-page .message-form-actual .text {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.public-page .message-form-actual .buttons {float: right;}
.page_files {font-size: 11px; vertical-align: middle; display: none;}
.postform-expanded .page_files {display: block;}
#page_attach_file {margin-top: 7px;}
.public-page .attach-files-note {display: inline-block; font-size: 12px; color: #999;
    vertical-align: middle; margin-left: 10px;
    }
.public-page .attach-label {display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 12px;}
.public-page #attachementsUploader {display: inline-block; vertical-align: middle; min-height: 30px;}
.public-page .errors {float: none;}
.public-page .form-media .control-buttons {width: 109px;}
.public-page .form-media .buttons {text-align: center;}
.public-page .form-note {padding: 3px 0; display: block; color: #636363;}
.public-page .control-buttons label {position: relative; top: -1px; cursor: pointer;}
.control-buttons label:hover {cursor: pointer;}
.public-page #attaches #page_files_list {width: 100%; border: none;}
.public-page #page_files_list div.atdel, .public-page #attaches div.atdel {margin: 10px 0;}
.public-page #page_files_list .atdel a,
    .public-page #attaches .atdel a {background: url(../images/reply_delete.jpg) left center no-repeat;
        margin: 0 0 0 5px; text-decoration: none;
    }
.public-page #page_attach_file a {font-size: 1.4em; font-weight: bold; float: right; display: block;
    margin-right: 250px; position: relative;
    }
.public-page #files-label {font-weight: bold;}

.public-page .uploadifyQueueItem {width: 97.6%; border: 0 !important; background: #e2e2e2; padding: 6px;
    font-size: 12px; font-family: Arial, sans-serif;
    -webkit-border-radius: 4px; border-radius: 4px;
    }
.uploadifyProgress {margin-top: 5px; border: 0;}
.uploadifyProgressBar {height: 2px;}

.public-page .property {padding: 15px 0; overflow: hidden; border-bottom: #e2e2e2 1px solid;}
.public-page .property span {display: inline-block; vertical-align: top; word-wrap: break-word;}
.public-page .property-label {width: 20%; float: left;}
.public-page .property-value {width: 80%; float: left;}
.public-page .property-input {width: 80%; float: left;}
.public-page .property-input .text {padding: 7px; width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.public-page .property-input dt, .public-page .property-input dd {padding: 0; margin: 0;}
.public-page .about-button, .public-page .buttons  {padding: 15px; text-align: center;}
.public-stream .property-input dt {display: none;}
.public-stream .page-info {padding: 25px;}
.posts-content {width: 100%;}
.public-page .posts-content {padding-top: 20px;}
.message-form-actual textarea{max-width: 98%;}
.public-page .property-input.hidden{display: none;}
#share_twitter, #share_facebook {display: inline-block; vertical-align: middle;}

/* Public page settings */
.settings-public  .avatar {float: right;}
.settings-public  .background-small {float: right;}
.settings-public .banner-section {padding: 20px 0; border-top: #ddd 1px solid; width: 550px; margin: 0 auto;}
.settings-public .banner-section strong {display: block; margin-bottom: 10px;}
.settings-public .banner-section img {float: left; margin-right: 15px; margin-bottom: 20px;}
.fxstat-like {display: inline-block; vertical-align: top; margin-right: 4px !important;}
.like-followers {display: inline-block; padding: 4px; height: 14px; color: #fff; font-size: 11px;
    background: url(../images/black50.png); border: 1px solid rgba(225,225,225,0.5);
    line-height: 14px; vertical-align: top; border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    }
.like-followers-arrow {display: inline-block; background: url(../images/fxstat-like-arrow.png) 0 0 no-repeat;
    width: 9px; height: 5px; vertical-align: middle; position: relative; top: -2px; margin-right: 3px;
    }
.settings-public .code {
    background: #eef0f2; border: #cdcfd4 1px solid; padding: 10px; font-size: 12px; line-height: 17px;
    overflow: hidden; margin-bottom: 20px; float: right; width: 460px;
    }
.settings-public .form-row {width: 550px;}
.settings-public .form-label {width: 130px;}
.settings-public .form-value {width: 414px;}
.settings-public .form-value dd {margin: 0;}
.settings-public .form-value dt {display: none;}
.settings-public .text {width: 400px;}
.settings-public select {width: 414px;}
.upload-row input, .upload-row img {display: inline-block; vertical-align: top;}
.settings-public .upload-row {margin-bottom: 10px;}
.settings-public .upload-row .form-value {margin-top: 5px;}

/* profile page */
#profile {margin-bottom: 40px;}
.profile tr.headline td {font-weight: bold; line-height: 24px;}
.profile .systemstable {width: 682px; margin: 0 auto;}
.profile .tabletitle {text-align: center; font-weight: bold; padding: 5px 10px; background: #b3b3b3;
    font-size: 13px; font-family: Arial, sans-serif; width: 662px; margin: 20px auto 0;
    }
.profile .user-info-wall {padding: 25px 0 40px; float: left;}
.profile .column-left {position: relative; width: 68%; position:relative; border-right: #e6e6e6 1px solid;
    margin-right: -1px;
    }
.profile .column-right {width: 32%;}
.profile .column-right-content {border-left: #e6e6e6 1px solid; padding-bottom: 40px;}
.performances-connections {position: relative;}
.profile-performances {margin-bottom: 30px;}
.profile-performances .smallpagination {top: 9px;}
.profile h3 .show-link {font-size: 13px; color: #007fb9; position: absolute; bottom: 7px; right: 0;
    text-decoration: none;
    }
.profile h3 .all-performances {text-decoration: underline; bottom: 6px;}
.accounts-indicator {width: 100%; line-height: 32px; font-size: 12px;}
.profile .accounts-indicator {margin-top: 11px;}
.account-bar {width: 49.5%; display: inline-block; text-align: center;
    background: url(../images/profile-accounts.png) repeat-x;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    }
.accounts-indicator .demo {
    background-position: 0 0; border-right: 1px solid rgba(255, 255, 255, .47); border-radius: 4px 0 0 4px;
    }
.accounts-indicator .real {background-position: 0 -32px; border-left: 1px solid rgba(0, 0, 0, .11);
    border-radius: 0 4px 4px 0;
    }
.performances-connections .card {border-radius: 4px; margin-top: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, .29);}
.performances-connections .performance {position: relative; padding: 10px 11px 15px; top: 2px;}
.performance .account-rate {color: #fff; padding: 4px 5px 4px 4px; position: absolute;
    top: 9px; right: 8px; border-radius: 4px;
    }
.account-rate.plus {background: #2ac600;}
.account-rate.minus {background: #c60000;}
.performance h4 {width: 70%; color: #007fb9; font-weight: bold; font-size: 12px;
    line-height: 15px; margin: 3px 0 5px;
    }
.performances-connections  .accounttype {position: absolute; top: 52px; left: 45%; line-height: 16px;
    display: inline-block; vertical-align: bottom; height: 16px; margin-top: 3px;
    }
.performances-connections .chapter {padding: 10px;}
.user-card {z-index: 1; position: relative; padding: 12px; background: #f2f2f2; margin: -16px 0 0;}
.profile-joined {position: absolute; top: 15px; right: 15px; color: #868686; font-size: 12px; text-align: right;}
.user-card  .avatar-large {float: left; margin: 0 23px -30px 0; padding: 5px; width: 186px; height: 186px;
    border: 0; position: relative; z-index: 2; box-shadow: 0 1px 2px rgba(0,0,0,.24);
    }
.user-card .avatar-large img {width: 100%; height: 100%;}
.user-card .main-info {float: left; width: 330px;}
.profile-name {font-size: 35px;}
.user-card .profile-name {margin: 0 9px 0 0; position: relative; bottom: 3px; font-size: 26px;}
.country-icon {width: 16px; height: 11px;}
.country-icon img {width: 100%; height: 100%;}
.user-card .user-country {position: relative;}
.user-card .user-public-page {display: block;}
.user-card .country-icon {display: inline-block; position: relative; top: 1px; margin: 0 2px 0 6px;}
.user-card .country-name {display: inline-block; width: 135px;}
.user-card .properties {margin: 10px 0; font-size: 13px;}
.user-card .property {line-height: 22px;}
.user-card .property-label {display: inline-block; width: 30%; vertical-align: top;}
.user-card .property-value {display: inline-block; width: 68%;}
.user-card .followers {position: absolute; right: 0; bottom: 0;}
.user-card .followers-count {font-size: 20px; font-weight: bold; margin-right: 5px;
    display: inline-block; vertical-align: middle;
    }
.user-card .buttons {text-align: left; position: relative; min-height: 30px;}
.user-card .button {margin: 0 0 10px 10px;}
.profile .sharemessanger {padding: 7px 0 0 12px; margin-right: 165px; margin-bottom: -47px;
    position: relative; z-index: 2;
    }
.profile .activity-filters-box {padding: 0; height: 40px; position: relative; margin-bottom: 10px;
    display: block; float: none; top: 12px; background: transparent;
    }
.subscribers .profile-subscriber {display: inline-block; margin: 0 4px 6px 0; background: #ffffff;}
.profile-subscriber a {display: inline-block;}
.profile-subscriber .avatar-small {width: 46px; height: 46px; display: inline-block;
    border: 0 none; margin: 0; padding: 0;
    }
.profile .invitelink {margin-top: 15px;}
.profile .module-content {padding: 10px; margin-bottom: 20px; position: relative;}
.profile .module-content p {font-size: 12px; line-height: 18px;}
.profile .tabs {padding-left: 230px; position: absolute; left: 0; bottom: 0; right: 0;}
.profile .tabs .performancescount {display: inline-block; vertical-align: middle; font-size: 12px; line-height: 18px;
    background: #ccc; padding: 0 5px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    }
.activity-steam-search {float: left; margin: 0 0 0 15px;}
.activity-steam-search textarea {height: 22px !important; line-height: 22px;}
.profile #activity_content {padding: 0; border-top: solid 1px #eaeaea; margin: 10px 0 0;}
.profile .activity-item {padding: 18px 0 12px 15px;}
.container.chartContent {min-height: 240px;}

#profile-experience {padding: 35px 18px; font-size: 13px;}
#profile-genex {padding: 35px 18px; font-size: 13px;}
#profile-genex .statsbox {float: left; text-align: center; margin: 0 5% 30px 0; width: 47%;}
#profile-genex .statsbox:nth-of-type(2n) {margin-right: 0;}
#profile-genex .stats-total {font-size: 18px;}
.profile-icons {background: url("../images/profile-icons.png") no-repeat 0 0; display: inline-block;
    height: 81px; width: 158px;
    }
.icon-total-analiz {background-position: 0 0;}
.icon-performances-analiz {background-position: 0 -81px;}
.icon-total-network {background-position: 0 -162px;}
.icon-total-posts {background-position: 0 -243px;}
.stats-content {padding: 10px 15px; background: #eee; font-size: 13px; border: solid 1px #e7e7e7;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    }
.stats-total {margin-bottom: 15px; text-align: center; display: block;}
.stats-total-wrap {text-align: center;}
.stats-total-wrap .stats-total {display: inline-block; vertical-align: top; width: 45%;}
.stats-total .value {color: #000; font-size: 54px; font-weight: normal; display: block;}
.stats-content .properties {
    line-height: 160%; border-top: #ddd 1px solid; padding: 15px 0 10px; text-align: left; color: #777;
    }
#profile-performances {font-size: 12px; margin: 10px 0 0;}
.performances-row {border-bottom: solid 1px #e0e0e0; padding: 10px 15px;}
.performances-row .performances-graph,
.performances-row .performances-name,
.performances-row .performances-profit,
.performances-row .performances-subscribers,
.performances-row .performances-weeks {float: left;}
.performances-graph {width: 24%; min-height: 50px; overflow: hidden; margin-right: 10px;}
.performances-graph img {max-width: 100%; box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.performances-name {width: 31%; font-size: 15px; padding: 12px 0;}
.performances-name a {text-decoration: none;}
.performances-name a:hover {text-decoration: underline;}
.performances-profit,
.performances-subscribers,
.performances-weeks {text-align: center; color: #808080; padding: 8px 0;}
.performances-profit span,
.performances-subscribers span,
.performances-weeks span {font-weight: bold; font-size: 18px; display: block; color: #000;}
#profile-performances .smallpagination {float: none; margin: 36px auto 0; width: 100px;}
.performances-profit {width: 17%;}
.performances-subscribers {width: 15%;}
.performances-weeks {width: 13%;}
.profile-performances .icon-check {position: absolute; bottom: -2px; left: -4px;}
.perform-row {padding: 10px; border-bottom: #e6e6e6 1px solid;}
.perform-graph {float: left; position: relative;}
.perform-info {padding: 0 0 0 64px;}
.perform-name {font-size: 14px; font-weight: bold; text-decoration: none; display: block; margin: 0 0 5px;}
.perform-name:hover {text-decoration: underline;}
.perform-profit,
    .perform-subscribers,
    .perform-weeks {color: #808080; font-size: 11px; float: left; width: 33%; text-align: center;}
.perform-profit span,
    .perform-subscribers span,
    .perform-weeks span {font-weight: bold; display: block; color: #000; margin: 0 0 4px;}
.perform-profit, .perform-subscribers {width: 37%;}
.perform-weeks {width: 26%;}

/* articles */
.profile-blog {padding: 5px 18px; font-size: 13px;}
.blog-articles {position: relative;}
.icon-add-symbol {color: #9c9c9c; font-size: 26px; vertical-align: middle; margin: 0 8px 0 0;}
.redactor_editor {min-height: 150px;}
.re-direction {position: absolute;}
.re-direction:before {content: "RTL"; font-size: 10px; font-weight: bold; line-height: 14px;
    display: block; text-indent: -2px;
    }
.add-article {padding: 10px 15px;}
.button-addarticle {display: block; font-size: 13px; padding: 7px 20px; width: 30%; margin: 0 auto;}
.button-addarticle .plus {font-size: 16px; font-weight: bold; margin-right: 5px;}
.blog-article-one, .add-article-blog {border-bottom: solid 1px #dadada; position: relative; margin-top: 20px;}
.blog-article-one {padding: 25px 15px;}
.blog-article-edit {color: #bfbfbf; display: inline-block; margin: 0 0 0 20px;}
.blog-article-edit span {vertical-align: middle; display: inline-block;}
.blog-article-edit:hover .icon-text {text-decoration: underline;}
.blog-article-icons {position: absolute; top: 25px; right: 15px;}
.blog-article-icons .icon {margin-right: 6px;}
.blog-articles .blog-article-icons {display: none;}
.blog-articles .blog-article-one:hover .blog-article-icons {display: block;}
.blog-article-one a {text-decoration: none;}
.blog-article-one a:hover {text-decoration: underline;}
.blog-article-actions {position: absolute; top: 20px; right: 0; }
.blog-article-data {color: #999; margin: 0 0 7px;}
.blog-article-title {font-size: 25px; line-height: 140%; margin: 0 0 8px;}
.blog-article-title a {color: #000;}
.blog-article-title a:hover {color: #007fb9;}
.blog-article-text {font-size: 14px; line-height: 140%;}
.blog-article-text p {margin: 0 0 17px; line-height: 20px;}
.blog-article-text iframe {height: auto; width: 100%;}
.blog-article-more {margin: 0 0 15px;}
.blog-article-more a {display: inline-block;}
.blog-article-more .comments {color: #bfbfbf; margin: 0 0 0 15px;}
.blog-article-tags, .blog-article-tags a {color: #bfbfbf; font-size: 11px;}
.blog-articles h2 {margin: 10px 0 15px;}
.blog-articles .label { margin: 0 0 4px;}
.blog-articles .text {width: 97%; padding: 7px;}
.blog-articles textarea {resize: none; height: auto;}
.blog-articles-comments {margin: 17px 0 0;}
.blog-articles .form-buttons {text-align: left; padding: 0; margin: 30px 0 0;}
#blogForm .button {vertical-align: middle;}
#blogForm {margin-bottom: 20px;}
.article-blog-inside .blog-article-actions {top: 17px;}
.article-blog-inside .blog-article-title {
    margin: 0 0 20px; border-bottom: #e6e6e6 1px solid; font-size: 13px; padding-bottom: 10px; color: #000;
    }
.article-blog-inside h1 {margin: 0 0 15px; font-size: 24px; border-bottom: none; padding: 0; padding-right: 180px;
    line-height: normal; position: static; text-shadow: none; color: #000; height: auto;
    }
.article-blog-inside .addthis_toolbox {display: inline-block; vertical-align: middle;}
.blog-article-date {padding-right: 15px; margin-right: 15px; border-right: #e6e6e6 1px solid; display: inline-block;
    vertical-align: middle;
    }
.article-blog-navigation {position: absolute; top: 32px; right: 0; z-index: 10;}
.article-blog-navigation a {text-decoration: none; display: inline-block; margin: 0 25px 0 0; color: #000;}
.article-blog-navigation a.disabled {color: #BFBFBF}
.article-blog-navigation a:hover span {text-decoration: underline;}
.article-blog-inside .blog-article-one {border-top: none;}
.blog-article-comment {border-top: solid 1px #dadada; padding: 25px 18px;}
.blog-article-comment .blog-article-title {font-size: 18px;}
.blog-article-comment .profilebutton {margin: 0 0 25px;}
.blog-article-comment .activity-item {padding: 12px 0;}
.blog-article-comment .commentscontent .activity-item-controls {margin: 10px 0 0;}
.article-preview img {max-width: 200px; max-height: 150px; width: auto; height: auto; float: left;
    margin: 0 10px 10px 0;
    }
.blog-article-text img {max-width: 100%;}
.blog-article-text {overflow: hidden;}

/* Info - more */
table#vsTable_14009 td, #vsTable_14010 td  {border-right: 1px solid #B7B7B7;}
table#vsTable_14009 .cat, #vsTable_14010 .cat {border-left: 1px solid #A7A7A7 !important;}
table#vsTable_14009 .title, #vsTable_14010 .title {border-top: 1px solid #A7A7A7 !important;
    border-bottom: 1px solid #A7A7A7 !important;
    }
table#vsTable_14009 .title-left,
    table#vsTable_14009, #vsTable_14010,
    #vsTable_14010 .title-left {border-bottom: 1px solid #A7A7A7 !important;}
.slides li {float: left; width: 200px; height: 250px; padding: 0 5px 0 0;}
.slides li a {width: 200px; height: 250px; display: block;}
.banks-brokers .overlay {display: none; height: 140px; width: 140px; padding: 10px; color: #fff; text-decoration: none;
    background: none repeat 0 0 rgba(0, 0, 0, 0.5);
    }
.banks-brokers a {height: 160px !important; position: relative;}
.banks-brokers li {height: 160px !important; width: 160px !important; margin: 0 0 10px;}
.banks-brokers a:hover  .overlay {display: block !important;}
.whatisauto {padding: 0 0 0 100px;}
.how-trade-text {margin: 0 0 50px;}
.how-trade-text p {line-height: 20px;}
.how-trade-text h3 {margin: 0;}
.how-trade-text.only-real {background: url(../images/more-info/how-trade1.png) top right no-repeat;
    padding: 0 600px 0 0; height: 330px;
    }
.how-trade-text.only-real h3 {padding: 85px 0 15px;}
.how-trade-text.control-trades {background: url(../images/more-info/how-trade2.png) top left no-repeat;
    padding: 0 190px 0 420px; height: 345px;
    }
.how-trade-text.control-trades h3 {padding: 60px 0 15px;}
.how-trade-text.any-interface {background: url(../images/more-info/how-trade3.png) right 12px no-repeat;
    padding: 0 590px 0 0; height: 275px;
    }
.how-trade-text.any-interface h3 {padding: 0 0 15px;}
.how-trade-text.risk-management {background: url(../images/more-info/how-trade4.png) top left no-repeat;
    padding: 0 160px 0 420px; height: 265px;
    }
.how-trade-text.risk-management h3 {padding: 45px 0 15px;}
.how-trade-text.reporting {background: url(../images/more-info/how-trade5.png) top right no-repeat;
    padding: 0 580px 0 0; height: 345px;
    }
.how-trade-text.reporting h3 {padding: 35px 0 15px;}
.how-trade-text .left-column {float: left; width: 330px; padding: 0 20px 0 40px;}
.how-trade-text .right-column {float: left; padding: 0 60px 0 30px; width: 290px;}
.autosync-img {background: url(../images/more-info/how-trade6.png) top left no-repeat; width: 161px; height: 114px;
    display: block; margin: 20px auto 0;
    }
.how-trade-text.autosync h3 {padding: 0 0 15px;}
.how-trade-text.autosync .autosync-text {background: #f1f1f1; padding: 8px 12px; margin: 40px 0 0; border-radius: 4px;}
.autotrading_features h2 {border-bottom: solid 1px #e8e8e8; font-size: 18px;}
.autotrading_features .block-one {width: 230px; height: 106px; float: left; padding: 0 75px 0 0;}
.autotrading_features .block-one.last {padding: 0 !important;}
.autotrading_features .block-one h3 {font-size: 13px; font-weight: bold; margin: 0;}
.autotrading_features .block-one p {margin: 0;}
.comissions img {margin: 0 0 85px 85px;}
#control-panel_table td, #control-panel_table th {font-size: 12px; line-height: 16px !important;}
#control-panel_table .headline th div {line-height: 35px; padding: 0 13px; vertical-align: middle;}
.controlpanel_row  td, .controlpanel_row_inside td {height: 35px; padding: 4px 13px; vertical-align: middle;}
.controlpanel_row_inside .name {padding: 0 13px 0 40px;}
.controlpanel_row .group-control {vertical-align: middle;}
.controlpanel_row_inside input.text {padding: 2px !important; width: 62px;}
.controlpanel_engine {text-align: center;}

/* imperavi */
.redactor_toolbar li {background: none;}
.redactor_text p[dir='rtl'], .blog-article-text p[dir='rtl'] {text-align: right;}
.subnotify {margin-left: 30px;}

/* Alerts */
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert {
    padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;
}
label.expand-label {
    color: #999;
}