/* -------------------------------------------------------------- */
/* Title: CSS basics for modern browsers by Vladislavs Judins     */
/* -------------------------------------------------------------- */

/* IMPORT STYLES
----------------------------------------------- */

/* RESET STYLES
----------------------------------------------- */

 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr,th, 
 article, aside, canvas, details, figcaption, figure,
footer, body > header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: normal;
    vertical-align: baseline;
    background: transparent;
    border: 0;
    outline: 0;
}

/* HTML5 RESETS FOR OLDER BROWSERS */

article, aside, figure, figure img, hgroup, footer, body > header, nav, section {
    display: block;
}
ol, ul { list-style: none }
b, strong { font-weight: bold; color: #2c2d31 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
input, select, textarea { vertical-align: middle;
    font-family: 'Helvetica Neue', 'Helvetica', 'Open Sans',
    'Arial', 'Verdana', 'Tahoma', sans-serif;
    font-size: 12px;
}
textarea { resize: vertical }
a img { border: 0 }
:focus { outline: 0 }
a:hover, a:active { outline: none }
::-webkit-input-placeholder { color: #bbb !important }
:-moz-placeholder { color: #bbb !important }
:-ms-input-placeholder { color: #bbb !important }
input::-webkit-input-placeholder { color: #bbb !important }
input:-moz-placeholder { color: #aaa !important }
input:-ms-input-placeholder { color: #aaa !important }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb !important }
input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb !important }
input:-moz-placeholder { color: #bbb !important }
textarea:-moz-placeholder { color: #bbb !important }
/* ----- GENERAL STYLES ----- */

html {
    height: 100%;
    overflow-y: scroll;
    min-height: 100%;
}

body {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    color: #444;
    background: #f5f5f5 url('https://www.share4you.com/static/img/backgroundwm.png') repeat 0 0;
    font-family: 'Helvetica Neue', 'Helvetica', 'Open Sans',
                 'Arial', 'Verdana', 'Tahoma', sans-serif;

}
body.extend-body-height { min-height: 1100px}
img, embed, object, video { max-width: 100% }
.nowrap { white-space: nowrap }
.hide { display: none }
.bold { font-weight: bold }
.clear { clear: both }
.noneI { display: none !important }
a, a b { color: #; text-decoration: underline; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; -o-transition: color 0.15s ease }
a:hover { text-decoration: none; color: #fff }
body > header:after,
footer:after,
.body:after,
.body > .cnt:after,
.conditions .block .tabs:after,
.body .cnt .side-right > .block .tabs:after,
.buttons-inc:after,
.body .cnt .side-left > .block.search-block:after,
.body .cnt .side-left > .block section > .item.checkbox:after,
.switch-type:after,
.accounts-table .thead:after,
.accounts-table .tbody > .row:after,
.accounts-table .tbody > .row .details .columns > div:after,
.accounts-table .tbody > .row .details .columns > div .item:after,
.accounts-table .tbody > .row .details .columns:after,
.leverage-buttons:after,
.body .cnt .block .label-control:after,
.modal-login .container .box-container .box .form .form-line .information:after,
.body .cnt .side-right > .block .notice-register:after,
.body .cnt .side-right > .block:after,
.form:after,
.body .splash-green .container-slider:after,
.index-top-hero:after,
.hero-master:after,
.master-explained:after,
.master-explained-center .master-text:after,
.body .splash-green.splash-overlay:after,
.hero-follower:after,
.hero-block:after,
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.color-gray, time { color: #aaa }
.color-red { color: #db4931 }
.color-green { color: #3e9918 }
.color-blue-dark { color: #00409b }
.text-normal { font-weight: normal }
.link-dashed { border-bottom: 1px dashed; border-color: inherit }
body > header > .cnt,
.body > .cnt,
footer > .cnt { position: relative; width: 960px; margin: 0 auto }

.button-share,
div.strategy span:before,
.body .cnt .side-left > .block section > .item.log:before,
.stars,
.icons,
.body .cnt .block > header > .absolute-right .directions > a:after,
.icons:before,
.ui-slider-handle,
.ui-slider-handle.ui-state-default.ui-corner-all,
table th .sort-down:after,
table th .sort-up:after,
.modalmenu .current:after,
.body .cnt .block > header > .search-right .search-action,
.button-gray > .arrow,
.accounts-table .tbody > .row > div.c-number > a:before,
div.agression:before,
.remove-favorites,
.button-select > span,
.absolute-actions-button:before,
.link-icon-refresh:before,
.button-custom:before,
.button-select.like > span,
.button-select.dislike > span,
section .form-line .value .password-status.password-ok,
.switcher,
.switcher .thing,
.button-connect,
.body .splash-green .bubbles a,
.index-top-hero .side h2 .forex-tag,
.body .cnt .side-left > .block section > .line a.social-link:before,
.icons:after { background-image: url('https://www.share4you.com/static/img/icons.png'); background-position: -4515px -4515px; background-repeat: no-repeat }
.dropdown { display: none }
.notification .notification-icon,
.icons:after { background-image: url('https://www.share4you.com/static/img/icons.png'); background-position: -4515px -4515px; background-repeat: no-repeat }

/* ----- NOTIFICATION BOX ----- */
.block + .notification { margin-top: 20px }
.notification { position: relative; border: 1px solid #ddd; border-bottom-color: #ccc; background-color: #f5f5f5; padding: 11px 15px 8px; font-size: 12px; margin: 0 0 20px; border-radius: 3px; min-height: 26px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.09), 0 1px 0 rgba(255,255,255,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.09), 0 1px 0 rgba(255,255,255,0.25);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.09), 0 1px 0 rgba(255,255,255,0.25);
    box-shadow: 0 1px 3px rgba(0,0,0,0.09), 0 1px 0 rgba(255,255,255,0.25);
}
.notification .notification-icon { position: absolute; top: 15px; left: 15px; width: 14px; height: 14px; background-color: transparent }
.notification p { padding-left: 30px; font-weight: bold; font-size: 13px; }
.notification.status-success { border-color: #c4dba0; background: #edfdd3; }
.notification.status-success p { color: #58700f; text-shadow: 0 1px 0 rgba(255,255,255,0.25) }
.notification.status-success .notification-icon { background-position: -193px -193px }

.notification.status-warning { border-color: #e9d477; background: #fff7d6; }
.notification.status-warning p { color: #956433; text-shadow: 0 1px 0 rgba(255,255,255,0.25) }
.notification.status-warning .notification-icon { background-position: -193px -222px }

.notification.status-error { border-color: #f2c3bf; background: #ffe6e3; }
.notification.status-error p { color: #bf210e; text-shadow: 0 1px 0 rgba(255,255,255,0.25) }
.notification.status-error .notification-icon { background-position: -193px -177px }

/* ----- DEFAULT STYLES FOR MODAL MENU FOR POPUP ----- */

.modalmenu { position: relative }
.modalmenu.active > .menu { display: block }
.modalmenu > .menu { display: none; position: absolute; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); width: auto; height: auto; top: 100%; margin-top: 5px; left: 0; z-index: 20;
    text-align: left !important;
    padding: 3px 0;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0,0,0,.23);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.23);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.23);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.23);
}
.modalmenu > .menu > .arrow { position: absolute; top: -7px; left: 12px; height: 7px; overflow: hidden; display: block; width: 106px }
.modalmenu > .menu > .arrow .one,
.modalmenu > .menu > .arrow .two { position: absolute; top: 0; left: 0; display: inline-block; margin-left: -1px }
.modalmenu > .menu > .arrow .one { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #aaa; border-bottom-color: rgba(0,0,0,.2) }
.modalmenu > .menu > .arrow .two { top: 1px; left: 1px; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff }
.modalmenu > .menu > a { display: block; color: #069; font-size: 11px; line-height: 24px; padding: 0 10px; text-decoration: none; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -moz-transition: none; -webkit-transition: none; transition: none; min-width: 77px }
.modalmenu > .menu > a:hover {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.33);
    background-image: none;
    background-position: 0 0;
    background: #499bea;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, hsla(209,79%,60%,1) 0%, hsla(212,79%,51%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(209,79%,60%,1)), color-stop(100%,hsla(212,79%,51%,1)));
    background: -webkit-linear-gradient(top, hsla(209,79%,60%,1) 0%,hsla(212,79%,51%,1) 100%);
    background: -o-linear-gradient(top, hsla(209,79%,60%,1) 0%,hsla(212,79%,51%,1) 100%);
    background: -ms-linear-gradient(top, hsla(209,79%,60%,1) 0%,hsla(212,79%,51%,1) 100%);
    background: linear-gradient(to bottom, hsla(209,79%,60%,1) 0%,hsla(212,79%,51%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
}
.modalmenu > .menu > a:active {
    box-shadow: 0 1px 5px rgba(0,0,0,0.33) inset;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.33) inset;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.33) inset;
    -o-box-shadow: 0 1px 5px rgba(0,0,0,0.33) inset
}

/* ----- DEFAULT ELEMENTS ----- */

.slider { width: 100px; display: inline-block; margin: 0 5px 0 10px; top: 0px }
.ui-slider-handle.ui-state-default.ui-corner-all { width: 18px; height: 18px; background-position: -96px -48px; background-color: transparent; border: 0; margin-top: -3px; cursor: pointer }
.ui-slider-handle.ui-state-default.ui-corner-all:hover { background-position: -96px -66px }
.ui-slider-range.ui-widget-header.ui-slider-range-min {
    left: -1px; top: -1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    height: 4px; border: 1px solid #989898;
    border-color: #2f6c0f #448424 #509d2a #448424;
    background: #449819;
    background: -moz-linear-gradient(top, #449819 0%, #58b22b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#449819), color-stop(100%,#58b22b));
    background: -webkit-linear-gradient(top, #449819 0%,#58b22b 100%);
    background: -o-linear-gradient(top, #449819 0%,#58b22b 100%);
    background: -ms-linear-gradient(top, #449819 0%,#58b22b 100%);
    background: linear-gradient(to bottom, #449819 0%,#58b22b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#449819', endColorstr='#58b22b',GradientType=0 );
}
.slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { height: 4px; border: 1px solid #989898;
    border-color: #7f7f7f #989898 #bdbdbd #989898;
    background-color: #c9c9c9;
    background: #b3b3b3;
    background: -moz-linear-gradient(top, #b3b3b3 0%, #d5d5d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#d5d5d5));
    background: -webkit-linear-gradient(top, #b3b3b3 0%,#d5d5d5 100%);
    background: -o-linear-gradient(top, #b3b3b3 0%,#d5d5d5 100%);
    background: -ms-linear-gradient(top, #b3b3b3 0%,#d5d5d5 100%);
    background: linear-gradient(to bottom, #b3b3b3 0%,#d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#d5d5d5',GradientType=0 ) }
.icons.icon-help { position: relative; width: 16px; height: 16px; display: inline-block; margin-left: 8px; background-position: -112px 0; vertical-align: middle; cursor: help }
.icons.icon-help > span { position: absolute; top: 100%; margin-top: 8px; width: auto; min-width: 200px; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #444; max-width: 300px; left: -103px; display: none;
    z-index: 1005;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    background: #ffffd6;
    background: -moz-linear-gradient(top, #ffffd6 0%, #ffffc8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffd6), color-stop(100%,#ffffc8));
    background: -webkit-linear-gradient(top, #ffffd6 0%,#ffffc8 100%);
    background: -o-linear-gradient(top, #ffffd6 0%,#ffffc8 100%);
    background: -ms-linear-gradient(top, #ffffd6 0%,#ffffc8 100%);
    background: linear-gradient(to bottom, #ffffd6 0%,#ffffc8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffd6', endColorstr='#ffffc8',GradientType=0 );
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.25);
    -o-box-shadow: 0 3px 15px rgba(0,0,0,0.25);
    box-shadow: 0 3px 15px rgba(0,0,0,0.25);
}
.icons.icon-help > span:after, .icons.icon-help > span:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.icons.icon-help > span:after {
    border-color: rgba(254, 255, 213, 0);
    border-bottom-color: #feffd5;
    border-width: 7px;
    left: 50%;
    margin-left: -7px;
}
.icons.icon-help > span:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #cccccc;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}
.icons.icon-help:hover > span { display: block }
.switcher { position: relative; margin-top: 2px; display: inline-block;width: 32px; height: 14px; background-position: -138px -133px; background-repeat: no-repeat; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; border-radius: 7px; cursor: pointer }
.switcher.active { background-position: -106px -133px; cursor: pointer; text-decoration: none;}
.switcher .thing { position: absolute; top: -1px; left: -3px; height: 19px; width: 19px; background-position: -127px -95px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease }
.switcher.active .thing { left: 16px }
.switcher .status { position: absolute; left: 40px; top: -1px; font-size: 12px; font-weight: bold}
.switcher .status.enabled { color: #3e9918 }
.switcher .status.disabled { color: #db4931 }
.switcher .status.enabled,
.switcher.active .status.disabled { display: none }
.switcher.active .status.enabled { display: block }



.buttons-inc { display: inline-block; margin-left: 6px; vertical-align: middle }
.buttons-inc .inc,
.buttons-inc .dec {
    float: left;
    color: #444; font-weight: bold;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    width: 26px;
    text-align: center;
    height: 22px;
    line-height: 20px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
    -o-transition: all 0.23s ease;
}
.buttons-inc .inc:hover,
.buttons-inc .dec:hover {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 0 50px rgba(0,0,0,0.04) inset;
}
.buttons-inc .inc:active,
.buttons-inc .dec:active { box-shadow: 0 0 50px rgba(0,0,0,0.06) inset, 0 1px 3px rgba(0,0,0,0.12) inset; color: #777 }

.buttons-inc .inc { border-radius: 3px 0 0 3px; border-right: 0; line-height: 24px; }
.buttons-inc .dec { border-radius: 0 3px 3px 0; line-height: 23px; }

.select-custom.width-200 { width: 200px }
.select-custom {
    position: relative;
    display: inline-block;
    width: 64px;
    border: 1px solid #aaa;
    border-color: #bbb #bbb #aaa #bbb;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
    -webkit-box-shadow: 0 1px 0 #e8e8e8;
    -moz-box-shadow: 0 1px 0 #e8e8e8;
    -o-box-shadow: 0 1px 0 #e8e8e8;
    box-shadow: 0 1px 0 #e8e8e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 19px;
    z-index: 49;
    padding: 0 19px 0 9px;
    line-height: 18px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 50%, #ececec 50%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(50%,#ececec), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#ececec 50%,#f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#ececec 50%,#f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#ececec 50%,#f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 50%,#ececec 50%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
}
.select-custom:hover {
    box-shadow: 0 1px 2px #ccc, 0 0 50px rgba(0,0,0,0.02) inset;

}
.select-custom.long { width: 160px }
.select-custom.long > .current { max-width: 140px }
.select-custom.long > .dropdown > .option > span { min-width: 250px }
.select-custom.long > .dropdown > .option { min-width: 280px }
.select-custom:before {
    position: absolute;
    top: 4px;
    right: 7px;
    width: 5px;
    height: 11px;
    background: url('https://www.share4you.com/static/img/select-arrows.png') no-repeat 0 0;
    content: ' ';
}

.select-custom > .current { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 90px; cursor: pointer }
.select-custom > .dropdown { display: none; position: absolute; top: -1px; left: -2px; background-color: rgba(255,255,255,0.99); padding: 3px 0; border: 1px solid rgba(0,0,0,0.25); box-shadow: 0 5px 15px rgba(0,0,0,0.25); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25); border-radius: 5px; -moz-border-radius: 5px; z-index: 10; max-height: 300px; overflow-y: auto; overflow-x: hidden }
.select-custom > .dropdown > .option { padding: 0; min-width: 220px; max-width: 300px; white-space: nowrap; height: 19px; line-height: 19px; text-shadow: 0; text-shadow: none; font-weight: normal; cursor: pointer; font-size: 11px }
.select-custom > .dropdown > .option > span { font-size: 11px }
.select-custom > .dropdown > .option:hover {
    background: #6389f8;
    background: -moz-linear-gradient(top, #6389f8 0%, #2160f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6389f8), color-stop(100%,#2160f6));
    background: -webkit-linear-gradient(top, #6389f8 0%,#2160f6 100%);
    background: -o-linear-gradient(top, #6389f8 0%,#2160f6 100%);
    background: -ms-linear-gradient(top, #6389f8 0%,#2160f6 100%);
    background: linear-gradient(to bottom, #6389f8 0%,#2160f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6389f8', endColorstr='#2160f6',GradientType=0 );
    color: #fff;
}
.select-custom.active { position: relative; z-index: 50 !important }
.select-custom.active > .dropdown { display: block; z-index: 50 !important }
.select-custom > .dropdown > .option:active { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset; -o-box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset; box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset }
.select-custom > .dropdown > .option > span { display: inline-block; padding: 0 0 0 28px; min-width: 160px; max-width: 220px; white-space: nowrap; height: 19px; line-height: 18px; text-shadow: none; font-size: 12px }
.select-custom > .dropdown > .option:hover > span { color: #fff }
.select-custom > .dropdown > .option.active > span { background: transparent url('/static/img/select-check-black.png') no-repeat 11px 4px }
.select-custom > .dropdown > .option.active:hover > span { background-image: url('/static/img/select-check-white.png') }

.select-custom.active { position: relative; z-index: 50 !important }
.select-custom.active > .dropdown { display: block; z-index: 50 !important }

.button-connect { display: inline-block; height: 27px; width: 108px; padding-left: 40px; line-height: 26px; font-weight: normal; font-size: 11px; color: #fff !important; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.33); border-radius: 5px }
.button-connect.facebook { background-position: 0 -157px }
.button-connect.linkedin { background-position: 0 -220px }
.button-connect.twitter { background-position: 0 -189px; color: #05585c !important; text-shadow: 0 1px 0 rgba(255,255,255,0.25);  }
.button-connect:hover { box-shadow: 0 0 50px rgba(0,0,0,0.10) inset }
.button-connect:active { box-shadow: 0 0 50px rgba(0,0,0,0.10) inset, 0 3px 7px rgba(0,0,0,0.25) inset }

.button-gray > .arrow { display: inline-block; background-position: -181px -38px; width: 9px; height: 6px; margin: 0 -3px }
.button-gray.arrow { padding-left: 5px; padding-right: 5px }

.button-watch,
.button-red,
.button-green,
.button-gray,
.button-select,
.button-blue { text-align: center }

.button-watch {
    display: inline-block;
    height: 24px;
    line-height: 11px;
    padding: 0 15px;
    text-shadow: 0 1px 1px #fff;
    color: #069;
    font-size: 8px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
    text-align: left;
}
.button-watch.unwatch {
    color: #069;
    text-decoration: none;
}
.button-watch.unwatch:hover { color: #c00 }

.button-red {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.56);
    color: #fff !important;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    background: #df4a32;
    background: -moz-linear-gradient(top, #df4a32 0%, #d4472f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4a32), color-stop(100%,#d4472f));
    background: -webkit-linear-gradient(top, #df4a32 0%,#d4472f 100%);
    background: -o-linear-gradient(top, #df4a32 0%,#d4472f 100%);
    background: -ms-linear-gradient(top, #df4a32 0%,#d4472f 100%);
    background: linear-gradient(to bottom, #df4a32 0%,#d4472f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df4a32', endColorstr='#d4472f',GradientType=0 );
    border-color: #d44730 #c9412b #bf3c26 #c9412b;
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
}
.button-select,
.button-gray {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.69);
    color: #444 !important;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f3f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f3f2f2));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f3f2f2 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f3f2f2 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f3f2f2 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f3f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f2f2',GradientType=0 );
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
}
.button-select { padding: 0 24px; -webkit-transition: none; -moz-transition: none; transition: none; -o-transition: none; white-space: nowrap }
.button-select > span { display: none;  }
.button-select.active { padding: 0 18px 0 16px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.56);
    color: #fff !important;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    background: #51b121;
    background: -moz-linear-gradient(top, #51b121 0%, #4ca71c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51b121), color-stop(100%,#4ca71c));
    background: -webkit-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -o-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -ms-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: linear-gradient(to bottom, #51b121 0%,#4ca71c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b121', endColorstr='#4ca71c',GradientType=0 );
    border-color: #49aa20 #439e1c #3b9017 #439e1c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.button-select.active > span { display: inline-block; width: 10px; margin-right:4px; height: 8px; background-position: -92px -136px }

.button-select.like > span { display: inline-block; width: 17px; height: 19px; background-position: -194px 0; vertical-align: top; margin-top: 5px; margin-left: -5px; margin-right: 5px;}
.button-select.like.active > span { background-position: -194px -24px }
.button-select.dislike > span { display: inline-block; width: 17px; height: 21px; background-position: -194px -75px; vertical-align: top; margin-top: 5px; margin-left: -5px; margin-right: 5px;}
.button-select.dislike.active > span { background-position: -194px -50px }

.button-select.like,
.button-select.dislike { height: 30px; line-height: 30px; padding: 0 17px !important; }

select { border: 1px solid #aaa; background-color: #fff; color: #444; height: 26px; padding: 3px 5px 5px; font-size: 12px; line-height: 24px; min-width: 50%; width: auto; max-width: 99%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 1px; }
select:focus { border-color: #56b4ef; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6) }
.button-green {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.56);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    background: #51b121;
    background: -moz-linear-gradient(top, #51b121 0%, #4ca71c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51b121), color-stop(100%,#4ca71c));
    background: -webkit-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -o-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -ms-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: linear-gradient(to bottom, #51b121 0%,#4ca71c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b121', endColorstr='#4ca71c',GradientType=0 );
    border-color: #49aa20 #439e1c #3b9017 #439e1c;
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
}

.button-green.size-large {
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    text-align: center;
    min-width: 200px;
    font-size: 14px;
}

.button-blue {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.56);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
    background: #4f91fe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmOTFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDg1ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, hsla(217,99%,65%,1) 0%, hsla(217,86%,61%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(217,99%,65%,1)), color-stop(100%,hsla(217,86%,61%,1)));
    background: -webkit-linear-gradient(top, hsla(217,99%,65%,1) 0%,hsla(217,86%,61%,1) 100%);
    background: -o-linear-gradient(top, hsla(217,99%,65%,1) 0%,hsla(217,86%,61%,1) 100%);
    background: -ms-linear-gradient(top, hsla(217,99%,65%,1) 0%,hsla(217,86%,61%,1) 100%);
    background: linear-gradient(to bottom, hsla(217,99%,65%,1) 0%,hsla(217,86%,61%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f91fe', endColorstr='#4485f1',GradientType=0 );
    border-color: #2a75f0;
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
}
.button-blue.long-submit { width: 312px }
.button-red.small,
.button-green.small,
.button-gray.small,
.button-blue.small { height: 20px; line-height: 20px }
.button-red.long,
.button-green.long,
.button-gray.long,
.button-blue.long { padding: 0 50px }
.button-red:hover,
.button-blue:hover,
.button-green:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.15) inset, 0 0 100px rgba(0,0,0,0.15) inset;
    color: #fff;
}
.button-gray:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.15) inset, 0 0 100px rgba(0,0,0,0.05) inset;
}
.c-actions .modalmenu.active .current .button-gray,
.button-red.active,
.button-blue.active,
.button-gray.active,
.button-green.active,
.button-red:active,
.button-blue:active,
.button-gray:active,
.button-green:active { box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset, 0 1px 5px rgba(0,0,0,0.33) inset, 0 1px 0 #fff, 0 1px 50px rgba(0,0,0,0.25) inset; color: #eee }

.button-share { display: inline-block; width: 56px; height: 16px; background-position: -64px -32px; text-indent: -4515px; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; cursor: pointer }
.button-share:hover { opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=100); border-radius: 2px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.33) }
.stars { width: 84px; display: inline-block; height: 16px; text-indent: -4515px }
.stars.stars-5 { background-position: 0 -48px }
.stars.stars-4 { background-position: 0 -64px }
.stars.stars-3 { background-position: 0 -80px }
.stars.stars-2 { background-position: 0 -96px }
.stars.stars-1 { background-position: 0 -112px }
.stars.stars-0 { background-position: 0 -128px }
div.agression {
    display: inline-block;
    position: relative;
    width: auto;
    padding-left: 21px;
}
div.agression:before { position: absolute; left: 0; top: 0; width: 15px; height: 10px; content: ' ' }
div.agression.agression-green:before { background-position: -92px -120px }
div.agression.agression-green { color: #3e9918 }
div.agression.agression-yellow:before { background-position: -109px -120px }
div.agression.agression-yellow { color: #dcac03 }
div.agression.agression-orange:before { background-position: -126px -120px }
div.agression.agression-orange { color: #ff8400 }
div.agression.agression-red:before { background-position: -143px -120px }
div.agression.agression-red { color: #db4931 }
div.agression.agression-black:before { background-position: -160px -120px }
.listing-people td > div.agression:before { top: 5px }

div.strategy span { position: relative; padding-left: 15px }
div.strategy {}
div.strategy span:before { position: absolute; top: 2px; left: 0; content: ' '; width: 11px; height: 10px }
div.strategy.long-term span:before { background-position: -34px -19px }
div.strategy.mid-term span:before { background-position: -50px -19px }
div.strategy.short-term span:before { background-position: -66px -19px }
div.strategy.intra-term span:before { background-position: -82px -19px }

.block > header h2 { font-weight: bold; color: #444; font-size: 12px; text-shadow: 0 1px 0 #fff }
.block > header h2.icons { padding-left: 18px }
.block > header h2.icons:before { position: absolute; left: 14px; top: 7px; width: 16px; height: 16px; background-position: -16px 0; content: ' ' }
.block > header h2.icons.icon-statistics:before { background-position: -32px 0; content: ' ' }
.block > header h2.icons.icon-users:before { background-position: 0 0; content: ' ' }
.block > header h2.icons.icon-share:before { background-position: -174px -131px }
.block > header h2.icons.icon-globe:before { background-position: -128px -16px }
.block > header h2.icons.icon-settings:before { background-position: 0 -249px }
.block > header h2.icons.icon-rules:before { background-position: -143px 0; content: ' ' }
.block > header h2.icons.icon-log:before { background-position: -48px 0; content: ' ' }
.block > header h2.icons.icon-download:before { background-position: -144px -34px; content: ' ' }
.block > header h2.icons.icon-accounts:before { background-position: -144px 0; content: ' ' }
.block > header h2.icons.icon-suggestion:before { background-position: -162px -34px; content: ' ' }
.block > header h2.icons.icon-suggestion { color: #5bbb33 }
.block > header h2.icons.profile-check:before { background-position: -160px -16px; content: ' ' }
.block > header h2.icons.icon-performance:before { background-position: -160px 0; content: ' ' }
.block > header h2.icons.icon-newrule:before { background-position: -96px -16px; content: ' ' }
.block > header h2.icons.icon-statistics:before { background-position: -32px 0; content: ' ' }
.block > header h2.icons.icon-perftable:before { background-position: -144px -16px; content: ' ' }
.icon-help.icon-warning { background-position: -39px -285px; width: 16px; height: 16px; }

.body .cnt .block > header > .absolute-right { position: absolute; top: 0; right: 15px; text-shadow: 0 1px 0 rgba(0,0,0,0.69) }
.body .cnt .block > header > .absolute-right .directions {}
.body .cnt .block > header > .absolute-right .directions > a { float: right; height: 30px; padding: 0 20px; position: relative; color: #737374; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 #fff }
.body .cnt .block > header > .absolute-right .directions > a.next { padding-right: 35px; border-left: 1px solid #e2e2e2; box-shadow: 1px 0 0 #fff inset; margin-right: -15px; border-radius: 0 2px 0 0 }
.body .cnt .block > header > .absolute-right .directions > a:hover { background-color: rgba(0,0,0,0.05) }
.body .cnt .block > header > .absolute-right .directions > a:active { box-shadow: 0 1px 3px rgba(0,0,0,0.33) inset }
.body .cnt .block > header > .absolute-right .directions > a.prev { padding-left: 35px; border-left: 0 }
.body .cnt .block > header > .absolute-right .directions > a:after { content: ' '; width: 16px; height: 16px; position: absolute; top: 6px }
.body .cnt .block > header > .absolute-right .directions > a.next:after { right: 15px; background-position: -16px -32px }
.body .cnt .block > header > .absolute-right .directions > a.prev:after { left: 15px; background-position: 0 -32px }
.body .cnt .block > header > .absolute-right .directions > a.prev:hover { border-left: 1px solid #e2e2e2 }
.body .cnt .block > header > .search-right { position: absolute; top: 1px; right: 15px }
.body .cnt .block > header > .search-right input[type=text] { width: 120px; border: 1px solid #ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset, 0 1px 0 #fff; height: 15px; border-radius: 2px; padding: 2px 20px 3px 10px; vertical-align: top; margin-top: 3px; line-height: 16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; font-size: 11px;  }
.body .cnt .block > header > .search-right input[type=text]:focus { background-color: #fff; box-shadow: none; border-color: #bbb }
.body .cnt .block > header > .search-right .search-action { text-indent: -4515px; width: 16px; height: 16px; position: absolute; opacity: .5; top: 6px; right: 6px; background-position: -128px -32px }
.body .cnt .block > header > .search-right .search-action:hover { opacity: 1 }

.body .cnt .block .label-control { padding: 15px }
.body .cnt .block .label-control.border-top { border-top: 1px solid #e8e8e8 }
.body .cnt .block .label-control > label { float: left; width: 200px; font-weight: bold; height: 24px; line-height: 24px }
.body .cnt .block .label-control > .control { display: block; margin-left: 200px }
.body .cnt .block .label-control > .control > a + a { margin-left: 10px }
.body .cnt .block .label-control.width-160 > label { width: 160px }
.body .cnt .block .label-control.width-160 > .control { margin-left: 160px }
.body .cnt .block .label-control .additional-control { display: inline-block; line-height: 26px; margin-left: 30px }
.body .cnt .block .label-control .additional-control > label { cursor: pointer }
.body .cnt .block .label-control .error-message { font-weight: bold; margin-top: 10px; color: #db4931 }

/* ----- HEADER ----- */

body > header { width: 100%; height: 58px; background: #222 url('https://www.share4you.com/static/img/header.png') repeat-x 0 0; box-shadow: 0 1px 5px rgba(0,0,0,0.45); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.45); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.45); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.45) }
body > header .logo { float: left; position: relative }
body > header .logo a { display: inline-block; height: 58px; width: 124px; line-height: 56px; position: relative; z-index: 1 }
body > header .logo a img { vertical-align: middle; width: 127px; height: 38px }
body > header .logo:hover:before { position: absolute; top: 0; left: -15px; padding: 0 15px; content: ' '; background-color: rgba(255,255,255,0.05); width: 100%; height: 58px; cursor: pointer; box-shadow: 1px 0 0 rgba(0,0,0,0.02), -1px 0 0 rgba(0,0,0,0.02) }
body > header .logo:active:before { background-color: rgba(0,0,0,0.15); box-shadow: 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(255,255,255,0.05); -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(255,255,255,0.05); -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(255,255,255,0.05); -o-box-shadow: 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(255,255,255,0.05) }

body > header nav { float: left; margin-left: 18px; height: 58px; margin-top: 15px }
body > header nav li { float: left; list-style: none }
body > header nav li a { display: inline-block; padding: 4px 10px 3px; color: #aaa; text-decoration: none; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.69) }
body > header nav li.active a,
body > header nav li.active a:hover,
body > header nav li.active a:active {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: 0 1px 0 rgba(255,255,255,0.2);
    color: #fff;
    background: #060707;
    background: -moz-linear-gradient(top, #060707 0%, #171819 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060707), color-stop(100%,#171819));
    background: -webkit-linear-gradient(top, #060707 0%,#171819 100%);
    background: -o-linear-gradient(top, #060707 0%,#171819 100%);
    background: -ms-linear-gradient(top, #060707 0%,#171819 100%);
    background: linear-gradient(to bottom, #060707 0%,#171819 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060707', endColorstr='#171819',GradientType=0 )
}
body > header nav li.active a { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,1) }
body > header nav li a:hover { color: #fff }
body > header nav li a:active { color: #666; text-shadow: 0 1px 0 #000 }

/* ----- LANGUAGE SELECTOR ----- */

body > header .language { float: left; padding: 0 10px; margin: 0 10px; border-left: 1px solid rgba(255,255,255,0.15); border-right: 1px solid rgba(255,255,255,0.15); box-shadow: -1px 0 0 #000 inset, -1px 0 0 #000 }
body > header .language .current { font-size: 12px; color: #aaa; margin: 4px 0 }
body > header .language .icons { padding-left: 21px; position: relative }
body > header .language .icons:after { content: ' '; position: absolute; left: 0; top: 1px; width: 16px; height: 11px }
body > header .language .icons.lang-English:after { background-position: -123px -53px }
body > header .language .icons.lang-Spanish:after { background-position: -123px -64px }
body > header .language .icons.lang-Russian:after { background-position: -155px -65px }
body > header .language .icons.lang-German:after { background-position: -139px -53px }
body > header .language .icons.lang-French:after { background-position: -139px -64px }
body > header .language .icons.lang-Italian:after { background-position: -155px -53px }
body > header .language .menu .icons:after { left: 8px; top: 6px }
body > header .language .menu { margin-top: 2px }
body > header .language.modalmenu .current:after { top: 2px }
body > header .language .current > a {}
body > header .language .menu { display: none }
body > header .language .menu > a { padding-left: 31px }
body > header .language .menu > a span {}

/* ----- SWITCH FOR MASTER/FOLLOWER ----- */

.switch-type { display: inline-block; position: relative; width: auto; height: 24px; border: 1px solid #000; background-color: rgba(127,127,127,0.15); box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset, 0 1px 0 rgba(127,127,127,0.15); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset, 0 1px 0 rgba(127,127,127,0.15); -o-box-shadow: 0 2px 5px rgba(0,0,0,0.33) inset, 0 1px 0 rgba(127,127,127,0.15); border-radius: 3px }
.switch-type > a { line-height: 24px;
    font-weight: bold;
    color: #b1b0b0;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.69);
    text-decoration: none; padding: 0 9px;
    text-align: center;
    display: inline-block;
}
.switch-type > a:hover { color: #fff }
.switch-type > a:last-child { border-radius: 0 3px 3px 0 !important }
.switch-type > a:first-child { border-radius: 3px 0 0 3px !important }
.switch-type > a.active.right,
.switch-type > a.active.left { color: #fff;
    -moz-transition: color 0.15s ease;
    -webkit-transition: color 0.15s ease;
    -o-transition: color 0.15s ease;
    transition: color 0.15s ease;
    background: #58b730;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4YjczMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzhiMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, hsla(102,58%,45%,1) 0%, hsla(102,75%,31%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(102,58%,45%,1)), color-stop(100%,hsla(102,75%,31%,1)));
    background: -webkit-linear-gradient(top, hsla(102,58%,45%,1) 0%,hsla(102,75%,31%,1) 100%);
    background: -o-linear-gradient(top, hsla(102,58%,45%,1) 0%,hsla(102,75%,31%,1) 100%);
    background: -ms-linear-gradient(top, hsla(102,58%,45%,1) 0%,hsla(102,75%,31%,1) 100%);
    background: linear-gradient(to bottom, hsla(102,58%,45%,1) 0%,hsla(102,75%,31%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58b730', endColorstr='#378b14',GradientType=0 );
    box-shadow: 0 1px 3px rgba(127,127,127,0.33) inset;
    -moz-box-shadow: 0 1px 3px rgba(127,127,127,0.33) inset;
    -o-box-shadow: 0 1px 3px rgba(127,127,127,0.3) inset;
    border-radius: 3px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45);
}

/* ----- HEADER'S USER BLOCK----- */

body > header .profile { float: right; margin-top: 15px; font-size: 11px }
body > header .profile .user { float: left; height: 34px }
body > header .profile .user .photo { float: left; height: 34px }
body > header .profile .user .photo a { text-decoration: none; display: block; width: auto; height: auto; }
body > header .profile .user .photo a img { display: inline-block; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 0 rgba(255,255,255,0.15); width: 30px; height: 30px; overflow: hidden }
body > header .profile .user .photo a:hover img { opacity: .9;  }
body > header .profile .user .info { margin-left: 40px; line-height: 14px; margin-top: 0 }
body > header .profile .user .info b { display: block; color: #fff; }
body > header .profile .user .info b > a { display: inline-block; white-space: nowrap; color: #fff; text-decoration: none; max-width: 100px; overflow: hidden; text-overflow: ellipsis }
body > header .profile .user .info b > a:hover { text-decoration: underline }
body > header .profile .user .info .account-profile { display: block; color: #aaa; }
body > header .modalmenu .current { position: relative; padding-right: 10px; display: inline-block }
body > header .modalmenu .current:hover { color: #fff; cursor: pointer }
body > header .modalmenu .current:after { position: absolute; right: -1px; top: 0; width: 12px; height: 12px; background-position: -64px 0px; content: ' ' }
body > header .modalmenu .current:hover:after { background-position: -128px 0px }
body > header .profile .side-right { float: left;; margin-right: 15px; padding-right: 15px; height: 28px; line-height: 14px; border-right: 1px solid rgba(255,255,255,0.15); box-shadow: -1px 0 0 rgba(0,0,0,0.9) inset; -webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.9) inset; -moz-box-shadow: -1px 0 0 rgba(0,0,0,0.9) inset; -o-box-shadow: -1px 0 0 rgba(0,0,0,0.9) inset; color: #aaa }
body > header .profile .side-right.last { margin-right: 0; box-shdadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border-right: 0; padding-right: 0 }
body > header .profile .side-right .select { margin-top: 7px }
body > header .profile .side-right .button-login-signup {
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    color: #000;
    font-size: 11px;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    border: 3px solid rgba(0,0,0,0.95);
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
body > header .profile .side-right .button-login-signup:hover { box-shadow: 0 0 50px rgba(0,0,0,0.09) inset }
body > header .profile .side-right .button-login-signup:active { box-shadow: 0 0 50px rgba(0,0,0,0.09) inset, 0 2px 7px rgba(0,0,0,0.69) inset; color: #444 }

/* ----- BODY ----- */

.body.top-border { margin-top: 60px; padding-top: 40px; border-top: 1px solid #e2e2e3; box-shadow: 0 1px 0 rgba(255,255,255,0.45) inset, 0 -2px 5px rgba(0,0,0,0.07); }
.body .cnt { margin-top: 40px }

/* ----- INDEX PAGES ----- */
.index-top-hero {}
.index-top-hero .side { width: 400px; float: left; text-shadow: 0 1px 0 #fff }
.index-top-hero .side.hero-copying {}
.index-top-hero .side.hero-trading { float: right }
.index-top-hero .side h2, .performance_calculator form .form-line .value h2 { font-size: 36px; font-weight: bold; line-height: 38px; color: #111; display: inline-block; position: relative }
.index-top-hero .side h2 .forex-tag { width: 76px; height: 13px; position: relative; display: inline-block; margin-left: 0px; top: -16px; text-indent: -4515px }
.index-top-hero .side.hero-copying h2 .forex-tag { background-position: 0 -269px }
.index-top-hero .side.hero-trading h2 .forex-tag { background-position: -78px -269px }
.index-top-hero .side h2 .color-green { color: #4e9a2f }
.index-top-hero .side h2 .color-blue { color: #069 }
.index-top-hero .side p { display: block; font-size: 13px; line-height: 22px; color: #666; margin-top: 8px }
.index-top-hero .side .action { margin-top: 14px }
.index-top-hero .side .action > a.large { padding: 0; width: 250px; height: 34px; line-height: 34px; font-size: 13px }
.index-top-hero .side .action > span { display: inline-block; margin-left: 8px; color: #666 }
.index-top-hero .side .action > span > a { font-size: 13px; text-decoration: underline }
.index-top-hero .side.hero-copying p a { color: #4e9a2f }
.index-top-hero .side.hero-trading p a { color: #069 }
.index-top-hero .side.hero-copying .action > span > a:hover,
.index-top-hero .side.hero-trading .action > span > a:hover { text-decoration: none }

/* ----- GREEN SPLASH WITH SLIDER ----- */
.body .splash-green { margin: 60px 0; width: 100%; border-top: 1px solid #4aa922; border-bottom: 1px solid #296f0c; background-color: #47a021; color: #fff; padding: 0; box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset; -o-box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset }
.body .splash-green.splash-overlay { background: #58b730 url('https://www.share4you.com/static/img/splash-green-background.png') repeat-x 0 0; height: 180px }
.body .splash-green .cnt-center { width: 960px; margin: 0 auto; text-align: center; position: relative; height: 180px }
.body .splash-green .cnt-center .container-edges { width: 960px; margin: 0 auto; text-align: center; position: relative; overflow: hidden }
.body .splash-green .container-slider { position: relative; overflow: hidden; width: 10000px; margin-left: -240px }
.body .splash-green .container-slider .item { width: 320px; padding: 0 80px; float: left; display: inline; padding-top: 28px; height: 140px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.45); text-align: center; font-weight: bold }
.body .splash-green .container-slider .item h3 { text-transform: uppercase; font-size: 14px; font-weight: bold }
.body .splash-green .container-slider .item h4 { text-transform: uppercase; font-size: 82px; font-weight: bold; line-height: 72px }
.body .splash-green .cnt-center .edge { display: block; position: absolute; bottom: 0; width: 300px; height: 162px;  }
.body .splash-green .cnt-center .edge.edge-left { left: 0; background: url('https://www.share4you.com/static/img/splash-green-overlay-left.png') no-repeat -211px 2px }
.body .splash-green .cnt-center .edge.edge-right { right: 0; background: url('https://www.share4you.com/static/img/splash-green-overlay-right.png') no-repeat 111px 2px }
.body .splash-green .bubbles { position: absolute; width: 100px; text-align: center; left: 50%; margin-left: -50px; top: 140px; cursor: pointer }
.body .splash-green .bubbles a { display: inline-block; width: 14px; height: 14px; text-indent: -9999px; background-color: transparent; border-radius: 99px; background-position: -192px -154px }
.body .splash-green .bubbles a.active { background-position: -192px -136px; cursor: default; opacity: 1 !important; }
.body .splash-green .bubbles a:hover { background-position: -192px -136px; opacity: .9;}

/* ----- ABOUT THE SERVICE----- */
.splash-dark { position: relative; text-shadow: 0 1px 0 #000 !important; font-size: 13px; line-height: 20px; width: 100%; height: 100%; padding: 40px 0 60px; background: url('/static/img/background-dark.jpg') repeat 0 0; border-bottom: 1px solid #ddd; box-shadow: 0 -1px 5px rgba(0,0,0,0.23) inset, 0 1px 5px rgba(0,0,0,0.15); color: #fff; }
.splash-dark .cnt { margin-top: 0; position: relative; }
.splash-dark .cnt:before { content: ' '; width: 940px; top: -40px; position: absolute; left: 0; height: 39px; background: url('https://www.share4you.com/static/img/background-dark-shadow.png') no-repeat 0 0 }
.splash-dark a { color: #61cb35; text-decoration: underline; }
.splash-dark a:hover { text-decoration: none }
.splash-dark .column-left { float: left; width: 480px; }
.splash-dark .column-right { float: right; width: 400px; }
.splash-dark h2 { font-size: 24px; color: #fff; line-height: 36px; font-weight: normal; }
.splash-dark p { text-align: justify; font-size: 13px; line-height: 20px; }
.splash-dark h2 + p,
.splash-dark h3 { font-size: 18px; color: #fff; line-height: 24px; font-weight: normal; }
.splash-dark h3 + p { margin-top: 6px; }
.splash-dark p + p { margin-top: 20px }
.splash-dark .listing-greened { margin: 20px 0 }
.splash-dark .listing-greened li { padding-left: 24px; background: url('https://www.share4you.com/static/img/ico-bullet-green.png') no-repeat 0 5px; text-align: justify; color: #fff }
.splash-dark .listing-greened li b { color: #fff; }
.splash-dark .listing-greened li + li { margin-top: 10px }
.splash-dark .column-left > .hr-mini { display: block; width: 24px; margin: 16px 0; height: 1px; background-color: #5b5d5a; border-bottom: 1px solid rgba(0,0,0,0.33); }
.splash-dark .image.screen-on-laptop { display: block; position: relative; width: 100%; height: 270px; }
.splash-dark .image.screen-on-laptop:before { content: ' '; position: absolute; left: -40px; width: 484px; top: 0; height: 270px; background: url('https://www.share4you.com/static/img/computer-screen-share4you.png') no-repeat 0 0 }


/* ----- LEFT COLUMN ----- */

.body .cnt .side-left { float: left }
.body .cnt .side-left > .block { width: 210px; border: 1px solid #e8e8e8; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.09); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.09); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.09); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.09) }
.body .cnt .side-left > .block.search-block { border: 0; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;  }
.body .cnt .side-left > .block.block-promotion { border: 0; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;  }
.body .cnt .side-left > .block.block-promotion a.launch-promotion { display: block; position: relative; width: 222px; height: 106px }
.body .cnt .side-left > .block.block-promotion a.launch-promotion img { position: absolute; width: 222px; height: 106px; margin-left: -7px }
.body .cnt .side-left > .block.block-promotion a.launch-promotion:hover { opacity: .95 }
.body .cnt .side-left > .block.block-promotion a.launch-promotion:active { opacity: 1 }
.body .cnt .block + .block { margin-top: 20px }
.body .cnt .block > header {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    border-radius: 3px 3px 0 0;
    line-height: 30px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
}
.body .cnt .block.block-green > header {
    background: #51b121;
    background: -moz-linear-gradient(top, #51b121 0%, #4ca71c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51b121), color-stop(100%,#4ca71c));
    background: -webkit-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -o-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -ms-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: linear-gradient(to bottom, #51b121 0%,#4ca71c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b121', endColorstr='#4ca71c',GradientType=0 );

}
.body .cnt .side-left > .block.search-block input[type=text] { width: 124px; border: 1px solid #ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset, 0 1px 0 #fff; border-radius: 2px; padding: 3px 5px; vertical-align: top; line-height: 20px; height: 18px; margin-top: 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; font-size: 11px }
.block section .form-line .value input[type=text].short { width: 100px }
.body .cnt .side-left > .block.search-block input[type=text]:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.12) }
.body .cnt .side-left > .block.search-block .button-gray { float: right; vertical-align: top }
.body .cnt .block > header .button-share { position: absolute; top: 7px; right: 15px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none\9 }
.body .cnt .block > header .button-share.margined { margin-top: 28px }
.body .cnt .block:hover > header .button-share { opacity: .25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); display: block\9 }
.body .cnt .side-left > .block section > .item { position: relative; padding: 5px 15px; font-size: 11px }
.body .cnt .side-left > .block section > .item.chart { padding: 5px 0 0; border-radius: 0 0 3px 3px; overflow: hidden;}
.body .cnt .side-left > .block section > .item.chart img { border-radius: 0 0 3px 3px; margin-bottom: -8px; display: block; margin-top: 10px }
.body .cnt .side-left > .block section > .item + .item { border-top: 1px solid #eee }
.body .cnt .side-left > .block section > .item.profile { padding: 10px 15px }
.body .cnt .side-left > .block section > .item.profile h3,
.body .cnt .side-left > .block section > .item.profile .image { display: table-cell; height: 32px; vertical-align: middle }
.body .cnt .side-left > .block section > .item.profile .image { width: 32px; height: 32px; }
.body .cnt .side-left > .block section > .item.profile h3 { padding-left: 10px; font-size: 12px; font-weight: bold }
.body .cnt .side-left > .block section > .item.profile h3 > span { display: inline-block; width: 115px; text-overflow: ellipsis; overflow: hidden }
.body .cnt .side-left > .block section > .item.profile .image img { width: 32px; height: 32px; overflow: hidden; border: 1px solid #777; border-radius: 2px }
.body .cnt .side-left > .block section > .item.profile .image .photo-crop { float: left; width: 50px; height: 50px; border: 1px solid #777; border-radius: 5px; overflow: hidden; background: url('/static/img/user-sample.png') no-repeat 0 0; margin-right: 1px; margin-bottom: 5px }
.body .cnt .side-left > .block section > .item.profile > p { font-size: 11px; line-height: 16px; text-align: justify }
.body .cnt .side-left > .block section > .item.values {}
.body .cnt .side-left > .block section > .item.values:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.body .cnt .side-left > .block section > .item.values .label { float: left }
.body .cnt .side-left > .block section > .item.values .value { float: right; font-weight: bold }
.body .cnt .side-left > .block section > .item.values .value .agression { margin-top: 3px }

.body .cnt .side-left > .block section > .line { display: block }
.body .cnt .side-left > .block section > .line a.social-link { line-height: 24px; position: relative; font-size: 11px; font-weight: bold; text-decoration: none; padding-left: 24px; }
.body .cnt .side-left > .block section > .line a.social-link:hover { text-decoration: underline }

.body .cnt .side-left > .block section > .line a.social-link:before { position: absolute; top: -1px; left: 0; content: ' '; width: 16px; height: 16px; display: block; }
.body .cnt .side-left > .block section > .line a.social-link.facebook:before { background-position: -149px -157px }
.body .cnt .side-left > .block section > .line a.social-link.twitter:before { background-position: -149px -189px }
.body .cnt .side-left > .block section > .line a.social-link.googleplus:before { background-position: -191px -249px }
.body .cnt .side-left > .block section > .line a.social-link.vk:before { background-position: 0 -285px }

.body .cnt .block .block-explanation { padding: 15px; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px }

/* ----- ACTIVITY LOG LEFT BLOCK ----- */

.body .cnt .side-left > .block section > .item.log { padding-left: 35px; line-height: 16px }
.body .cnt .side-left > .block section > .item.log:nth-child(2n+2) { background-color: #f9f9f9 }
.body .cnt .side-left > .block section > .item.log .footer { color: #aaa }
.body .cnt .side-left > .block section > .item.log .footer .button-share { position: absolute; right: 15px; bottom: 6px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none\9 }
.body .cnt .side-left > .block section > .item.log:hover .footer .button-share { opacity: .25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); display: inline-block\9 }
.body .cnt .side-left > .block section > .item.log:before { position: absolute; top: 9px; left: 15px; content: ' '; width: 16px; height: 16px }
.body .cnt .side-left > .block section > .item.log.icon-paper:before { background-position: 0 -16px }
.body .cnt .side-left > .block section > .item.log.icon-star:before { background-position: -16px -16px }
.body .cnt .side-left > .block section > .item.checkbox {}
.body .cnt .side-left > .block section > .item.checkbox label { cursor: pointer }
.body .cnt .side-left > .block section > .item.checkbox label > input[type=checkbox] { float: left; width: 16px; height: 16px; vertical-align: top; overflow: hidden }
.body .cnt .side-left > .block section > .item.checkbox label > span { margin-left: 26px; display: block; line-height: 16px; vertical-align: top; margin-top: 2px }
.body .cnt .side-left > .block section > .item.checkbox label:hover > span { color: #069 }

/* ----- PROFILE PROGRESS BAR ----- */

.body .cnt .profile-bar { margin: 4px 0 10px; width: 180px; height: 20px; background-color: #e8e8e8; border-radius: 45px;  }
.body .cnt .profile-bar .completeness { display: inline-block; width: auto; min-width: 40px; height: 20px; background: #50b120 url('https://www.share4you.com/static/img/ico-profile-pattern.png') repeat 0 0; border-radius: 45px; background-clip: border-box; text-align: right; box-shadow: 0 1px 3px rgba(0,0,0,0.23), 0 1px 1px rgba(255,255,255,0.2) inset }
.body .cnt .profile-bar .completeness span { display: inline-block; margin-right: 6px; color: #fff; font-weight: normal; text-shadow: 0 1px 1px rgba(0,0,0,0.33) }

/* ----- BUTTON TO PUT ON THE BOTTOM OF THE BLOCK ----- */

.body .cnt .block section > .item.button-bottom { padding: 0; margin: 0 }
.body .cnt .block section > .item.footer-bottom.divided { border-radius: 0 0 3px 3px }
.body .cnt .block section > .item.footer-bottom.divided a { float: left; width: 104px; text-align: center; padding: 0; text-decoration: none;  }
.body .cnt .block section > .item.footer-bottom.divided a:hover { color: #069 }
.body .cnt .block section > .item.footer-bottom.divided a:first-child { border: 0; box-shadow: none }
.body .cnt .block section > .item.footer-bottom {
    padding: 0;
    border-top: 1px solid #ddd;
    text-shadow: 0 1px 0 #fff;
    background: #fdfdfd;
    height: 24px;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f3f3',GradientType=0 );
    text-align: right;;
}
.body .cnt .block section > .item.footer-bottom > a {
    font-weight: bold;
    font-size: 11px;
    color: #444;
    text-decoration: underline;
    padding: 0 15px;
    line-height: 24px;
    display: inline-block;
    border-left: 1px solid #e8e8e8;
    box-shadow: 1px 0 0 #fff inset;
}
.body .cnt .block section > .item.button-bottom > a {
    display: block;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #444;
    border-radius: 0 0 3px 3px;
    font-size: 11px;
    text-shadow: 0 1px 0 #fff;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f3f3',GradientType=0 );
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
}
.body .cnt .block section > .item.button-bottom > a.ib { display: inline-block }
.body .cnt .block section > .item.button-bottom > a:hover {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 );
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.body .cnt .block section > .item.button-bottom > a:active { box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset, 0 -1px 0 #e8e8e8; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset, 0 -1px 0 #e8e8e8; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset, 0 -1px 0 #e8e8e8; -o-box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset, 0 -1px 0 #e8e8e8; color: #777 }

/* ----- RIGHT COLUMN ----- */

.body .cnt .side-right { float: right; }
.conditions .block,
.body .cnt .side-right > .block { width: 726px; border: 1px solid #e8e8e8; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.09); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.09); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.09); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.09) }
.body .cnt .side-right > .block.block-green { border: 1px solid #b8cfac; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease }
.body .cnt .side-right > .block.block-green:hover { border-color: #a8c598; box-shadow: 0 1px 10px #a8c598;  }
.body .cnt .side-right > .block.block-green > header { border-radius: 2px 2px 0 0; border-color: #48a41a; box-shadow: 0 -1px 0 #48a41a, -1px 0 0 #48a41a, 1px 0 0 #48a41a; -moz-box-shadow: 0 -1px 0 #48a41a, -1px 0 0 #48a41a, 1px 0 0 #48a41a; -webkit-box-shadow: 0 -1px 0 #48a41a, -1px 0 0 #48a41a, 1px 0 0 #48a41a; -o-box-shadow: 0 -1px 0 #48a41a, -1px 0 0 #48a41a, 1px 0 0 #48a41a }
.body .cnt .side-right > .block.block-green > header h2 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.56) }
.body .cnt .side-right > .block.block-green > header .absolute-right { color: #fff; font-size: 11px; line-height: 28px; font-weight: bold }

/* ----- FULL WIDTH AREA, MAKE IT WORK WITH RIGHT COLUMN CONTENT FOR SIMPLER DEVELOPMENT SOLUTIONS & CODE REUSAGE ----- */

.body .cnt .side-right.stretch > .block { width: 960px }

/* ----- LEVERAGE BUTTONS ----- */

.leverage-buttons { padding: 0 15px 15px }
.leverage-buttons > .button-leverage { width: 45%; float: left; padding: 15px; border: 1px solid #dfdfdf; border-radius: 3px; box-shadow: 0 1px 1px #ccc; margin-bottom: 2%;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,242,242,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f2f2',GradientType=0 );
}
.leverage-buttons > .button-leverage.active { border-color: #3c9616 }
.leverage-buttons > .button-leverage:nth-child(2n+2) { margin-left: 3% }
.leverage-buttons > .button-leverage h4 { font-weight: bold; display: block; font-size: 12px;}
.leverage-buttons > .button-leverage.active h4 { color: #439f14 }
.leverage-buttons > .button-leverage p { margin-bottom: 9px; width: 90% }

/* ----- SALUTATION ----- */

.salutation { margin-bottom: 20px; width: 100%; position: relative; text-shadow: 0 1px 0 #fff }
.salutation h2 { font-size: 24px; color: #4bc318; font-weight: normal; line-height: 30px }
.salutation h2.fontsize-18 { font-size: 18px }
.salutation h2.h2-center-large { font-size: 30px; font-weight: bold; color: #333; text-align: center }
.salutation h3.h3-center-large { font-size: 16px; font-weight: normal; color: #333; text-align: center; line-height: 24px; margin: 8px 0 24px }
.salutation h3 { font-size: 30px; color: #444; font-weight: normal; line-height: 42px }
.salutation h3.fontsize-24 { font-size: 24px; line-height: 30px }
.salutation p { font-size: 12px; color: #111; line-height: 24px }
.salutation h2 + p,
.salutation h3 + p { margin-top: 6px }
.block + .skip { margin-top: 20px; font-size: 12px; text-align: center; font-size: 11px }

/* ----- SELECT ACCOUNT TABLE / ACCOUNTS TABLE ----- */

table.select-account { width: 100%; border-bottom: 1px solid #e8e8e8 }
table.select-account thead {}
table.select-account thead h4 { font-weight: bold; color: #444; text-transform: uppercase; font-size: 13px; letter-spacing: -1px }
table.select-account tbody {}
table.select-account tr {}

table.select-account td { vertical-align: middle ; }
table.select-account td .tdcnt { padding: 10px 0; height: 100%; vertical-align: middle; line-height: 14px; }
table.select-account tbody td { font-size: 11px }
table.select-account td.c-property,
table.select-account td.c-property .tdcnt { font-weight: bold; width: 120px }
table.select-account td.c-account.c-cent-lite {  }
 table.select-account td.c-account .tdcnt { padding-right: 4px; width: 110px }
table.select-account td.c-account .tdcnt > h4,
table.select-account td.c-account .tdcnt > span { padding-left: 10px }
table.select-account td.c-account .tdcnt > .button-select { margin-left: 10px }

table.select-account .button-select { height: 18px; line-height: 18px }

/* --- ACTIVE ELEMENT --- */
table.select-account td.c-account.c-active .tdcnt { border-left: 1px solid #51b121; border-right: 1px solid #51b121; background-color: #f8fcf6; color: #439f14; font-weight: bold }
table.select-account tbody tr:first-child td.c-account.c-active .tdcnt,
table.select-account tr:nth-child(2n+3) td.c-account.c-active .tdcnt { background-color: #f5f9f3 !important; box-shadow: 0 1px 0 #e1e5e0 inset, 0 -1px 0 #e1e5e0 inset; padding-top: 6px; padding-bottom: 6px }
/* --- END ACTIVE ELEMENT --- */

table.select-account tr:nth-child(2n+3) td {}
table.select-account tr td:first-child .tdcnt { padding-left: 15px }
table.select-account tr td:last-child .tdcnt { padding-right: 15px }
table.select-account tbody tr:first-child td,
table.select-account tr:nth-child(2n+3) td { background-color: #f9f9f9; box-shadow: 0 1px 0 #e8e8e8 inset, 0 -1px 0 #e8e8e8 inset }
table.select-account tbody tr:first-child td .tdcnt,
table.select-account tr:nth-child(2n+3) td .tdcnt { padding-top: 6px; padding-bottom: 6px; background-color: #f9f9f9; box-shadow: 0 1px 0 #e8e8e8 inset, 0 -1px 0 #e8e8e8 inset }

table.select-account tr.row-additional, .table-description { display: none; }
.block section .tabs-container .table-description p { font-size: 12px; color: #777; line-height: 14px; text-shadow: none; }
.block section .tabs-container .table-description p + p { margin-top: 10px; }
table.select-account .multiline-cell { height: 40px; display: block }
table.select-account .triline-cell { height: 60px; display: block }

p.table-details { padding: 15px; font-size: 12px; font-weight: bold }
p.table-details > a { text-decoration: none }
p.table-details > a:hover { border-bottom-color: transparent }

/* ----- SUGGESTIONS BLOCK ----- */

.body .cnt .side-right > .block .suggestions .item-suggestion { display: none; padding: 15px; font-size: 13px }
.body .cnt .side-right > .block .suggestions .item-suggestion:first-child { display: block }
.body .cnt .side-right > .block .suggestions .item-suggestion a b,
.body .cnt .side-right > .block .suggestions .item-suggestion a { color: #069; text-decoration: underline }
.body .cnt .side-right > .block .suggestions .item-suggestion a:hover b,
.body .cnt .side-right > .block .suggestions .item-suggestion a:hover { text-decoration: none }
.body .cnt .side-right > .block .suggestions {}

.body .cnt .side-right > .block .notice-register { padding: 15px; position: relative; min-height: 30px }
.body .cnt .side-right > .block .notice-register p { margin-top: 4px; font-size: 13px; width: 570px }
.body .cnt .side-right > .block .notice-register > .button-green { padding: 3px 20px; font-size: 13px; position: absolute; top: 12px; right: 15px }

/* ----- MASTER'S ACCOUNTS TABLE ----- */

.accounts-table .thead {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px 15px;
    height: 24px;
    line-height: 15px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
}
.accounts-table .thead > div { float: left; font-size: 11px; font-weight: bold; }
.accounts-table .tbody > .row { padding: 8px 15px 10px }
.accounts-table .tbody > .row:nth-child(2n+2) { background-color: #f9f9f9; box-shadow: 0 1px 0 #f2f2f2 inset, 0 -1px 0 #f2f2f2 inset }
.accounts-table .tbody > .row:hover { background-color: #f3f6fa }
.accounts-table .tbody > .row .details { display: none; float: left; clear: both; width: 100%; box-shadow: 0 1px 0 rgba(255,255,255,0.69) inset; padding-top: 5px; text-shadow: 0 1px 0 #fff }
.accounts-table .tbody > .row.active .details { display: none }
.accounts-table .tbody > .row.active { box-shadow: 0 1px 0 #bbb inset, 0 -1px 0 #bbb inset }
.accounts-table .tbody > .row.active + .row.active { box-shadow: 0 -1px 0 #bbb inset }

.accounts-table .tbody > .row .details .columns { padding-bottom: 10px; box-shadow: 0 1px 0 rgba(255,255,255,0.69) }
.accounts-table .tbody > .row .details .columns > div { width: 190px; float: left; padding-right: 30px; border-right: 1px solid #ddd; box-shadow: 1px 0 0 rgba(255,255,255,0.69) }
.accounts-table .tbody > .row .details .columns > div + div { padding-left: 30px }
.accounts-table .tbody > .row .details .columns > div:last-child { border-right: 0; box-shadow: none; padding-right: 0 }
.accounts-table .tbody > .row .details .columns > div .item { clear: both;}
.accounts-table .tbody > .row .details .columns > div .item + .item { margin-top: 4px }
.accounts-table .tbody > .row .details .columns > div .item .label { float: left; text-align: left }
.accounts-table .tbody > .row .details .columns > div .item .value { font-weight: bold; float: right; text-align: right }
.accounts-table .tbody > .row .details .columns > div div.agression:before { top: 5px }
.accounts-table .tbody > .row .details > p { font-style: italic; font-size: 11px; margin-top: 6px }


.accounts-table .tbody > .row > div { float: left; font-size: 11px; font-weight: normal }
.accounts-table .c-number,
.accounts-table .c-service,
.accounts-table .c-equity,
.accounts-table .c-profitability,
.accounts-table .c-followers,
.accounts-table .c-watchers,
.accounts-table .c-status,
.accounts-table .c-actions {}
.accounts-table .c-actions .modalmenu .menu { top: 18px; left: -6px }
.accounts-table .c-actions > * { display: inline-block; margin-right: 4px; vertical-align: top;}

.accounts-table .c-number { width: 140px; cursor: pointer }
.accounts-table .c-service { width: 60px }
.accounts-table .c-equity { width: 75px }
.accounts-table .c-profitability { width: 107px }
.accounts-table .c-followers { width: 80px }
.accounts-table .c-watchers { width: 74px }
.accounts-table .c-status { width: 80px }
.accounts-table .c-actions { width: 110px; float: right !important; text-align: right }
.accounts-table .thead .c-actions { text-align: left }

.accounts-table .tbody > .row > div.c-number > a { position: relative; display: inline-block; padding-left: 10px; text-decoration: none; font-weight: bold; background-color: transparent; -o-transition: none; -moz-transition: none; -webkit-transition: none; transition: none }
.accounts-table .tbody > .row.active > div.c-number > a { background-color: transparent !important }
.accounts-table .tbody > .row > div.c-number > a:before { content: ' '; position: absolute; left: -1px; top: 6px; width: 7px; height: 7px; background-position: -94px -96px }
.accounts-table .tbody > .row > div.c-number > a:hover:before { background-position: -104px -96px }
.accounts-table .tbody > .row.active > div.c-number > a:before { background-position: -104px -108px }
.accounts-table .tbody > .row > div.c-number > a:hover:before { background-position: -114px -96px }

.accounts-table .tbody > .row.active > div.c-number > a:hover:before { background-position: -114px -106px }

.accounts-table .tbody > .row > div.c-status { font-weight: bold }
.accounts-table .c-profitability,
.accounts-table .c-profitability > * { font-weight: bold }
.accounts-table .tbody > .row > div.c-actions .button-green { font-size: 10px; line-height: 18px; float: left; }
.accounts-table .tbody > .row .button-green,
.accounts-table .tbody > .row .button-blue,
.accounts-table .tbody > .row .button-gray { margin-top: -1px; padding: 0 10px; font-size: 10px; line-height: 18px; vertical-align: top; white-space: nowrap }

/* ----- BLOCK WITH LEFT IMAGE - DOWNLOAD METATRADER ----- */

.body .cnt .side-right > .block .text-left-image { padding: 15px }
.body .cnt .side-right > .block .text-left-image .image { float: left; width: 64px; height: 64px; }
.body .cnt .side-right > .block .text-left-image .image a { border: 0; }
.body .cnt .side-right > .block .text-left-image .image a img { border: 0; }
.body .cnt .side-right > .block .text-left-image .description { display: block; margin-left: 76px; margin-top: -2px }
.body .cnt .side-right > .block .text-left-image .description h3 { font-size: 14px; font-weight: bold; line-height: 24px }
.body .cnt .side-right > .block .text-left-image .description p {  }
.body .cnt .side-right > .block .text-left-image .description p + p { margin-top: 6px }

/* ----- DEFAULT TAB STYLES ----- */

.conditions .block .tabs,
.body .cnt .side-right > .block .tabs {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -o-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    margin-bottom: 1px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.conditions .block .tabs > a,
.body .cnt .side-right > .block .tabs > a {
    float: left;
    font-size: 11px;
    height: 24px; line-height: 24px;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    padding: 0 15px;
    text-shadow: 0 1px 0 #fff;
    border-right: 1px solid #e2e2e2;
    -webkit-box-shadow: 1px 0 0 #fff;
    -moz-box-shadow: 1px 0 0 #fff;
    -o-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff;
}
.conditions .block .tabs > a:hover,
.body .cnt .side-right > .block .tabs > a:hover {
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f3f3',GradientType=0 );
    -webkit-box-shadow: 1px 0 0 #fff, 0 1px 3px rgba(0,0,0,0.17);
    -moz-box-shadow: 1px 0 0 #fff, 0 1px 3px rgba(0,0,0,0.17);
    -o-box-shadow: 1px 0 0 #fff, 0 1px 3px rgba(0,0,0,0.17);
    box-shadow: 1px 0 0 #fff, 0 1px 3px rgba(0,0,0,0.17);
}
.conditions .block .tabs > a:active,
.body .cnt .side-right > .block .tabs > a:active {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.23) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.23) inset;
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.23) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,0.23) inset;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f3f3));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f3f3 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f3f3',GradientType=0 );
    color: #777;
}
.conditions .block .tabs > a.active,
.conditions .block .tabs > a.active:hover,
.conditions .block .tabs > a.active:active,
.body .cnt .side-right > .block .tabs > a.active,
.body .cnt .side-right > .block .tabs > a.active:hover,
.body .cnt .side-right > .block .tabs > a.active:active {
    background: #918f8e;
    background: -moz-linear-gradient(top, #918f8e 0%, #adaea9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#918f8e), color-stop(100%,#adaea9));
    background: -webkit-linear-gradient(top, #918f8e 0%,#adaea9 100%);
    background: -o-linear-gradient(top, #918f8e 0%,#adaea9 100%);
    background: -ms-linear-gradient(top, #918f8e 0%,#adaea9 100%);
    background: linear-gradient(to bottom, #918f8e 0%,#adaea9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#918f8e', endColorstr='#adaea9',GradientType=0 );
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.33);
    border-color: #555;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, -1px 0 0 #fff, 1px 0 0 #555 inset, 1px 0 0 #fff;
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, -1px 0 0 #fff, 1px 0 0 #555 inset, 1px 0 0 #fff;
    -o-box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, -1px 0 0 #fff, 1px 0 0 #555 inset, 1px 0 0 #fff;
    box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, -1px 0 0 #fff, 1px 0 0 #555 inset, 1px 0 0 #fff;
    cursor: default;
}
.conditions .block .tabs > a.active:first-child,
.conditions .block .tabs > a.active:first-child:hover,
.conditions .block .tabs > a.active:first-child:active,
.body .cnt .side-right > .block .tabs > a.active:first-child,
.body .cnt .side-right > .block .tabs > a.active:first-child:hover,
.body .cnt .side-right > .block .tabs > a.active:first-child:active {
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, 1px 0 0 #777 inset, 1px 0 0 #fff;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, 1px 0 0 #777 inset, 1px 0 0 #fff;
    -o-box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, 1px 0 0 #777 inset, 1px 0 0 #fff;
    box-shadow: 0 1px 7px rgba(0,0,0,0.69) inset, 1px 0 0 #777 inset, 1px 0 0 #fff;
}

.conditions .block .tabs-container,
.body .cnt .side-right > .block .tabs-container { position: relative }
/* ----- INFORMATION TABLE ----- */
table.data-listing { width: 100%; font-size: 11px }
table.data-listing thead {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
    height: 24px;
    line-height: 24px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );

}
table.data-listing thead th { font-weight: bold; border-bottom: 1px solid #e8e8e8 }
table.data-listing td,
table.data-listing th { text-align: left }
table.data-listing tr > th:first-child,
table.data-listing tr > td:first-child { padding-left: 15px }
table.data-listing.listing-people tr > th:last-child,
table.data-listing.listing-people tr > td:last-child { padding-right: 15px; }
table.data-listing tr { }
table.data-listing tbody {}
table.data-listing tbody td { }
table.data-listing tbody tr { height: 28px; vertical-align: middle }
table.data-listing tbody tr > td { border-top: 1px solid transparent; border-bottom: 1px solid transparent; vertical-align: middle }
table.data-listing tbody tr:nth-child(2n+2) > td { background-color: #f9f9f9; border-color: #f2f2f2 }
table.data-listing tbody tr:nth-child(2n+1) > td { border-bottom-color: #f2f2f2 }
table.data-listing tbody .profit { line-height: 16px; padding-right: 15px; margin-top: -4px }
table.data-listing tbody .profit .number { display: block; font-size: 12px; font-weight: bold }
table.data-listing tbody .profit .change { display: block; font-size: 11px }
table.data-listing tbody .chart { float: left; position: relative; border: 1px solid #e8e8e8; border-radius: 1px }
table.data-listing tbody .chart img { border: 0 }
table.data-listing tbody img { vertical-align: middle; border: 1px solid #ddd }
table.data-listing tbody .button-green,
table.data-listing tbody .button-blue,
table.data-listing tbody .button-watch,
table.data-listing tbody .button-red { width: 48px }
/*table.data-listing tbody .button-watch { width: 30px }*/

table.data-listing.listing-rules { font-size: 11px }
table.data-listing.listing-rules .color-green,
table.data-listing.listing-rules .color-red { font-weight: bold }
table.data-listing.listing-rules td { padding: 10px 0;}
table.data-listing.listing-rules thead th span.multiline-head { line-height: 14px; display: inline-block; vertical-align: top; padding-top: 5px; padding-bottom: 5px }
table.data-listing.listing-rules .button-blue.small,
table.data-listing.listing-rules .button-green { height: 18px; line-height: 18px; padding: 0 4px; font-size: 10px; white-space: nowrap; width: auto; font-weight: normal }
/*table.data-listing.listing-rules .button-blue.small { height: 20px;}*/
table.data-listing.listing-rules .scale + .button-green { vertical-align: bottom ;}
table.data-listing.listing-rules .rule-actions { white-space: nowrap }
table.data-listing.listing-rules .rule-actions > * { display: inline-block;}
table.data-listing.listing-rules .rule-actions .button-gray.arrow.small { width: 10px !important; height: 16px; vertical-align: top; margin-top: 1px }
table.data-listing.listing-rules .rule-actions .button-gray.arrow.small > .arrow { vertical-align: top; margin-top: 6px }
.absolute-button-actions { position: absolute; right: 15px; top: -25px;}
.absolute-actions-button { position: relative; height: 16px; display: inline-block; line-height: 14px; text-shadow: 0 1px 0 #fff; font-size: 10px; color: #444; text-decoration: none; border: 1px solid #d0d0d0; padding: 0 16px 0 7px; border-radius: 2px; background-color: rgba(255,255,255,0.25); box-shadow: 0 1px 0 1px #fff;-webkit-box-shadow: 0 1px 0 1px #fff;-moz-box-shadow: 0 1px 0 1px #fff;-o-box-shadow: 0 1px 0 1px #fff; font-weight: bold }
.absolute-actions-button:hover { color: #000; box-shadow: 0 1px 0 #fff, 0 0 50px rgba(0,0,0,0.05) inset }
.absolute-actions-button.disabled { opacity: .5; cursor: default; color: #444 !important; box-shadow: 0 1px 0 #fff !important }
.absolute-actions-button:before { position: absolute; width: 5px; height: 4px; content: ' '; background-position: -181px -6px; top: 6px; right: 6px;}

/* ----- TABLE SORTING ITEMS ----- */

table th .sort-up,
table th .sort-down { padding-right: 10px; position: relative }
table th .sort-up:after,
table th .sort-down:after { content: ' '; position: absolute; top: 0; right: -7px; background-position: -176px 0; width: 16px; height: 16px }
table th .sort-up:after { background-position: -176px -16px }
table th .sortable a:hover { color: #069; cursor: pointer }
table th .sortable a { text-decoration: none; color: inherit; }

/* ----- COPY RULE FORM ----- */

section .form-line:nth-child(2n+2) { background-color: #f9f9f9 }
section .form-line { padding: 7px 0 }
section .white-spaced .form-line { padding: 10px 0 !important }
section .white-spaced .form-line .characters { display: inline-block; vertical-align: top; padding-left: 5px }

section .shortened .form-line .label { color: #555 !important }
section .shortened .form-line .label { width: 130px  }
section .shortened .form-line .label + .value { margin-left: 130px }
section .shortened .form-line .value .long-submit,
section .shortened .form-line .value .error-message { margin-left: 15px }
section .shortened .form-line .value .user-info .user-about { margin-left: 80px }
section .shortened .form-line .value .user-info .user-about  {}
section .shortened .form-line .value select { width: 312px }
section .form-line .value .user-info .photo-crop { float: left; width: 50px; height: 50px; border: 1px solid #777; border-radius: 5px; overflow: hidden; background: url('/static/img/user-sample.png') no-repeat 0 0 }
section .form-line .value .user-info .photo-crop + .user-about { margin-left: 64px }

section .form-line + .form-line { border-top: 1px solid #e8e8e8 }
section .form-line .label { float: left; padding-left: 15px; width: 220px; font-weight: bold; line-height: 24px }
section .form-line .label + .value { margin-left: 240px }
section .form-line .value { position: relative }
section .form-line .value + .additional-line { margin: 10px 0 }
section .form-line .value.float-right { text-align: right; margin-right: 20px;}
section .form-line .value.float-right > a + a { margin-left: 10px }
section .form-line .value { font-size: 12px; padding-right: 15px }
section .form-line.long-line .value .control { margin-left: 90px }
section .form-line.long-line .label { line-height: 34px !important }
section .form-line .value > p { font-style: italic; line-height: 13px; margin-top: 2px }
section .form-line .value > p.default { font-style: normal; color: #777; font-size: 11px; width: 300px }
section .form-line .value > span.scale { font-weight: bold; display: inline-block; border: 1px solid transparent; font-size: 12px }
section .form-line .value .user-info { margin-top: 3px }
section .form-line .value .user-info:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
section .form-line .value .user-info .photo { float: left; width: 50px; height: 50px; }
section .form-line .value .user-info .photo img { width: 50px; height: 50px; overflow: hidden; border: 1px solid #777; border-radius: 2px }
section .form-line .value .user-info .user-about { margin-left: 50px; display: block; width: 360px; font-size: 12px; line-height: 16px }
section .form-line .value .user-info .user-about > b { display: block }
section .form-line .value .user-info .user-about > b > span { color: #aaa; font-weight: normal }
section .form-line .value .select-custom + p { display: inline-block; padding-left: 6px; vertical-align: top }
section .form-line .value .select-custom + p i { font-style: italic; color: #aaa; display: inline-block; padding-right: 4px }
section .form-line .value .select-custom + p > a { font-weight: bold; font-style: normal }
section .form-line .value textarea,
section .form-line .value input[type=password],
section .form-line .value input[type=text] { width: 300px; border: 1px solid #ccc; box-shadow: 0 1px 5px rgba(0,0,0,0.08) inset; border-radius: 1px; padding: 3px 5px; line-height: 16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease }
.modal section .form-line .value input[type=password],
.modal section .form-line .value input[type=text] { width: 320px }
section .form-line .value input[type=password].short,
section .form-line .value textarea.short,
section .form-line .value input[type=text].short { width: 100px }
section .form-line .value input[type=password].error,
section .form-line .value input[type=text].error { border-color: #db4931; box-shadow: 0 0 7px #eeb9b9; -moz-box-shadow: 0 0 7px #eeb9b9; box-shadow: 0 0 7px #eeb9b9 }
section .form-line .value .error-message { font-weight: bold; margin-top: 2px; color: #db4931; display: none }
section .form-line .value textarea { width: 320px; height: 92px }
section .form-line .value textarea.fit-form { width: 300px; height: 92px }
section .form-line .value .password-status { position: absolute; left: 320px; top: 3px; font-size: 11px; font-weight: bold }
section .form-line .value .password-status { position: absolute; left: 320px; top: 3px; font-size: 11px; font-weight: bold }
section .form-line .value .password-status.password-ok { text-indent: -9999px; width: 16px; height: 13px; background-position: -178px -118px; top: 7px }
section .form-line .value textarea:focus,
section .form-line .value input[type=password]:focus,
section .form-line .value input[type=text]:focus { border-color: #56b4ef; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6) }
section .form-line .value > label { line-height: 30px; cursor: pointer }
section .form-line .value input + label { margin-left: 20px; display: inline-block;}

/* ----- PROFILE PREVIEW BLOCK ----- */

.profile-preview { padding: 10px 0; display: inline-block; margin-top: 2px }
.profile-preview > a { position: relative; float: left; display: block; width: 30px; height: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px }
.profile-preview > a > img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; width: 30px; height: 30px; -webkit-transition: all 0.23s ease; -moz-transition: all 0.23s ease;-o-transition: all 0.23s ease;  }
.profile-preview > a:hover > img { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.23); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.23); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.23); box-shadow: 0 1px 2px rgba(0,0,0,0.23) }
.profile-preview > p { display: block; margin-left: 40px; line-height: 16px; margin-top: -1px }
.profile-preview > p > a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; text-decoration: underline; max-width: 85px; font-size: 12px }
.profile-preview > p > a:hover { text-decoration: none }
.profile-preview > p > span { font-size: 11px; font-weight: normal }





/* ----- MODAL BOX ----- */
.modal { position: fixed; top: 0; left: 0; display: table; vertical-align: middle; width: 100%; height: 100%; background: transparent url('https://www.share4you.com/static/img/modal-overlay.png') repeat 0 0; z-index: 1000 }
.modal .container { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center }
.modal .container .box-closer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5 }
.modal .container .box-border { position: relative; display: inline-block; background-color: transparent; padding: 1px; background: rgba(0,0,0,.23); border-radius: 4px }
.modal .container .box-border .box { min-width: 500px; padding: 0; background-color: #fff; border-radius: 4px; text-align: left;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    min-height: 100px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.33);
    position: relative;
    z-index: 105;
}
.modal .container .box-border .box.width-700 { width: 700px }
.modal .container .box-border .box.width-720 { width: 720px }
.modal .container .box-border .box .block.block-green > header {
    background: #51b121;
    background: -moz-linear-gradient(top, #51b121 0%, #4ca71c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51b121), color-stop(100%,#4ca71c));
    background: -webkit-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -o-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: -ms-linear-gradient(top, #51b121 0%,#4ca71c 100%);
    background: linear-gradient(to bottom, #51b121 0%,#4ca71c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b121', endColorstr='#4ca71c',GradientType=0 );
}
.container .box-border .block-copy-rule section .form-line .label { width: 220px }
.container .box-border .block-copy-rule section .form-line .label + .value { margin-left: 240px }
.container .box-border .block-copy-rule section .form-line .value .user-info .user-about { margin-left: 75px; width: 350px }
.container .box-border .block-copy-rule section .form-line .value p { padding: 0 0 0 10px }
.container .box-border .block-copy-rule section .form-line .value .link { display: inline-block; text-decoration: none; font-size: 11px; font-weight: bold }
.container .box-border .block-copy-rule section .form-line .value .link + .link { margin-left: 10px }
.container .box-border .block-copy-rule section .form-line .value p.links { margin: 10px 0 0 15px; font-style: normal }
.container .box-border header > .absolute-right { position: absolute; top: 0; right: 15px; text-shadow: 0 1px 0 rgba(0,0,0,0.69); color: #fff }
.container .box-border header > .absolute-right a { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.33); text-decoration: none; font-size: 11px }
.container .box-border .box .block.block-green > header h2 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.33) }
.container .box-border .box header {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    border-radius: 3px 3px 0 0;
    line-height: 30px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
}
.modal .container .box-border .box header h2 { font-weight: bold; color: #444; font-size: 12px; text-shadow: 0 1px 0 #fff }
.modal .container .box-border .box section {}
.modal .container .box-border .box section p { padding: 15px }
.modal .container .box-border .box section p.border-bottom { border-bottom: 1px solid #e8e8e8;}

.container .box-border section .form-line .label { width: 120px; }
.container .box-border section .form-line .label + .value { margin-left: 134px }
.widget-form .value { margin-left:0 !important }

/*.modal .container .box-border section .form-line .error-message { padding-left: 15px;}*/
.modal .container .box-border section .form-line .button-green + a { display: inline-block; margin-left: 10px;}
.container .box-border section .form-line .label { line-height: 14px }
.modal .container .box-border section .form-line:last-child { padding-bottom: 20px; border-radius: 0 0 3px 3px }
.modal .container .box-border section .form-line .information { margin-top: 2px }

.link-icon-refresh { padding-left: 20px; position: relative; color: #444; text-decoration: none; font-weight: bold; font-size: 11px }
.link-icon-refresh:before { position: absolute; top: 0; left: 0; background-position: -147px -102px; width: 12px; height: 12px; content: ' '; display: inline-block; height: 16px; line-height: 16px;}

/* ----- MODAL LOGIN ----- */
.modal-login { position: absolute; top: 0; left: 0; display: block; vertical-align: middle; width: 100%; height: 100%; background: transparent url('https://www.share4you.com/static/img/modal-overlay.png') repeat 0 0; z-index: 1000 }
.modal-login .container { position: relative; display: table; width: 100%; height: 100%; vertical-align: top; text-align: center }
.modal-login .container .box-container { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: top; padding-top: 100px; text-align: center }
.modal-login .container .box-container .box-divider { display: block; margin: 0 auto; width: 770px; position: relative }
.modal-login .container .box-container .box { background-color: #fff; width: 360px }
.modal-login .container .box-container .box {
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.69);
    -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.69);
    -o-box-shadow: 0 3px 15px rgba(0,0,0,0.69);
    box-shadow: 0 3px 15px rgba(0,0,0,0.69);
    background-color: #fff; border-radius: 3px; text-align: left;
    min-height: 100px;
}
.modal-login .container .box-container .box  header {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    border-radius: 3px 3px 0 0;
    line-height: 30px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
}
.modal-login .container .box-container .box h2 { font-weight: bold; color: #444; font-size: 12px; text-shadow: 0 1px 0 #fff }
.modal-login .container .box-container .box.hideblock { overflow: hidden }
.modal-login .container .box-container .box .form {}
.modal-login .container .box-container .box .form .form-line { background-color: transparent !important; position: relative; padding: 8px 15px 7px; width: 310px }
.modal-login .container .box-container .box .form .form-line + .form-line { border-top: 0 }
.modal-login .container .box-container .box .form .form-line > label { font-weight: bold; font-size: 11px }
.modal-login .container .box-container .box .form .form-line > .control {}
.modal-login .container .box-container .box .form .form-line > .control > label span { font-weight: bold; cursor: pointer; display: inline-block; padding-left: 0; font-size: 11px; vertical-align: middle }
.modal-login .container .box-container .box .form .form-line input[type="checkbox"] { height: 20px; width: 20px; vertical-align: top }

.modal-login .container .box-container .box .form .form-line select { width: 320px }

.modal-login .container .box-container .box.centered { float: none; display: block; margin: 0 auto }
.modal-login .container .box-container .box .form .form-line .information { width: 333px; font-size: 11px }
.modal-login .container .box-container .box .form .form-line .information span { color: #777; width: 280px; float: left }
.modal-login .container .box-container .box .form .form-line .information div.password-note { float: right; width: 50px; white-space: nowrap; font-weight: bold; font-size: 11px; display: none}

.modal-login .container .box-container .box .form .form-line .information .error-message { display: none; clear: both; float: left;}
.modal-login .container .box-container .box .form .form-line .information .error-message { margin-top: 0; margin-bottom: 3px; color: #bf210e; font-weight: bold }

.modal-login .container .box-container .box .form .form-extended { display: none }

.modal-login .container .box-container .box .form .form-bottom { padding: 8px 15px 10px; background-color: #f9f9f9; border-top: 1px solid #e8e8e8; margin-top: 10px; border-radius: 0 0 3px 3px; font-size: 11px; }
.modal-login .container .box-container .box .form .form-bottom a + a { margin-left: 10px; display: inline-block; font-size: 11px; text-decoration: none; }

.modal-login .container .box-container .box input[type=password],
.modal-login .container .box-container .box input[type=text] { width: 100%; border: 1px solid #ccc; box-shadow: 0 1px 5px rgba(0,0,0,0.23) inset; border-radius: 1px; padding: 4px 10px; line-height: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; font-weight: bold }
.modal-login .container .box-container .box input[type=password]:focus,
.modal-login .container .box-container .box input[type=text]:focus { border-color: #56b4ef; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6) }
.modal-login .container .box-container .box input[type=password].error,
.modal-login .container .box-container .box input[type=text].error { border-color: #db4931; box-shadow: 0 0 7px #eeb9b9; -moz-box-shadow: 0 0 7px #eeb9b9; box-shadow: 0 0 7px #eeb9b9 }
.modal-login .container .box-container .box .error-message.error-login { display: none; background-color: #ffe6e3; color: #bf210e; font-weight: bold; margin-top: 2px; color: #db4931; margin: 15px 15px 0; padding: 4px 10px; width: 298px; border: 1px solid #f2c3bf }

.modal-login .container .box-container .box .select-custom { width: 290px }
.modal-login .container .box-container .box .select-custom > .current  { min-width: 280px }
.modal-login .container .box-container .box .select-custom > .dropdown > .option  { width: 300px }

/* ----- SUPPORT BAR ----- */
.support-bar { position: fixed; top: 95px; background: #fff; padding: 10px 10px 10px 10px; border: 1px solid #dcdcdc; box-shadow: 0 0 5px rgba(0,0,0,0.12); border-radius: 0 3px 3px 0; z-index: 500 }
.support-bar .support-container {}
.support-bar .support-container > a { position: relative; display: block; overflow: hidden; height: 36px; width: 36px; border: 1px solid #d0d0d0; border-radius: 4px; clip: auto; background-clip: border; background: url('https://www.share4you.com/static/img/buttons-support.png') no-repeat 0 0; box-shadow: 0 1px 1px #e8e8e8; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease }
.support-bar .support-container > a:active { box-shadow: 0 1px 0 #fff, 0 3px 7px rgba(0,0,0,0.33) inset, 0 0 50px rgba(0,0,0,0.15) inset }
.support-bar .support-container > a + a { margin-top: 10px }
.support-bar .support-container > a > span { position: absolute; left: 54px; font-weight: bold; display: block; top: 0; line-height: 36px; font-size: 12px; color: #444; text-shadow: 0 1px 0 #fff }
.support-bar .support-container > a > span > b { text-decoration: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: 0; }
.support-bar .support-container > a:hover > span { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.45) }
.support-bar .support-container > a:hover > span > b { color: #fff !important }
.support-bar .support-container > a:hover { border-color: #2a75f0 }
.support-bar .support-container > a.support-phone { background-position: 0 -49px }
.support-bar .support-container > a.support-phone:hover { background-position: 0 -285px }
.support-bar .support-container > a.support-livechat { background-position: 0 0 }
.support-bar .support-container > a.support-livechat:hover { background-position: 0 -331px }
.support-bar .support-container > a.support-message { background-position: 0 -147px }
.support-bar .support-container > a.support-message:hover { background-position: 0 -239px }
.support-bar .support-container > a.support-like { background-position: 0 -98px }
.support-bar .support-container > a.support-like:hover {background-position: 0 -193px }
.support-bar .support-container > a.support-information { background-position: 0 -377px }
.support-bar .support-container > a.support-information:hover {background-position: 0 -423px }
.support-bar:hover .support-container > a,
.support-bar .support-container:hover > a { width: 220px }

/* 1024px WIDTH LAYOUT
-----------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 1100px) {
    .support-bar { top: auto; bottom: 0; right: 15px; padding: 7px 5px; }
    .support-bar .support-container > a { float: left; vertical-align: top }
    .support-bar .support-container > a,
    .support-bar .support-container > a + a { margin: 0 3px }
    .support-bar:hover .support-container > a,
    .support-bar .support-container:hover > a { width: 36px }
    .support-bar .support-container > a:hover { width: 220px }
    .support-bar .support-container > a.support-information:hover { width: 180px }
    .support-bar .support-container > a.support-message:hover { width: 180px }
    .support-bar .support-container > a.support-phone:hover { width: 180px }
}

@media only screen and (min-width: 100px) and (max-width: 1068px) {
    .splash-dark .image.screen-on-laptop:before { width: 450px }
}

.splash-dark h3 > span.color-green { color: #61CB37; font-size: 18px; line-height: 24px; }
.splash-dark span.color-green { color: #61CB37 }


.splash-dark .column-right h3.centered { display: block; position: relative; text-align: center; margin: 20px 0 8px; }
.splash-dark .column-right h3.centered:before { content: ' '; position: absolute; top: 10px; left: 0; height: 1px; width: 100%; background-color: #555; z-index: 1 }
.splash-dark .column-right h3.centered:after { content: ' '; position: absolute; top: 14px; left: 0; height: 1px; width: 100%; background-color: #555; z-index: 1 }
.splash-dark .column-right h3.centered span { position: relative; padding: 0 10px; font-size: 18px; color: #fff; line-height: 24px; font-weight: normal; text-align: center; display: inline-block; margin: 0 auto; z-index: 2; background: url('https://www.share4you.com/static/img/background-dark.png') repeat 0 0 }

.splash-dark .arrow-curved-down { display: inline-block; position: relative }
.splash-dark .arrow-curved-down:after { content: ' '; position: absolute; right: -36px; top: 7px; background: url('https://www.share4you.com/static/img/arrow-curved-white.png') no-repeat 0 0; width: 34px; height: 61px; }
.splash-dark .button-flat-blue,
.splash-dark .button-flat-green { width: 180px; padding: 0; }
.button-flat-blue:hover,
.button-flat-green:hover { box-shadow: 0 1px 1px rgba(0,0,0,0.33), 0 1px 0 rgba(255,255,255,0.23) inset, 0 0 50px rgba(0,0,0,0.15) inset; }
.button-flat-blue:active,
.button-flat-green:active { box-shadow: 0 2px 10px rgba(0,0,0,0.23) inset, 0 0 50px rgba(0,0,0,0.15) inset; }
.button-flat-blue {
    line-height: 34px;
    height: 34px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 15px;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.33);
    border: 1px solid #2a75f0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.33), 0 1px 0 rgba(255,255,255,0.23) inset;
    border-radius: 4px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    margin-right: 10px;
    background: rgb(80,145,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwOTFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDg1ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(80,145,254,1) 0%, rgba(68,133,241,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,145,254,1)), color-stop(100%,rgba(68,133,241,1)));
    background: -webkit-linear-gradient(top, rgba(80,145,254,1) 0%,rgba(68,133,241,1) 100%);
    background: -o-linear-gradient(top, rgba(80,145,254,1) 0%,rgba(68,133,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(80,145,254,1) 0%,rgba(68,133,241,1) 100%);
    background: linear-gradient(to bottom, rgba(80,145,254,1) 0%,rgba(68,133,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5091fe', endColorstr='#4485f1',GradientType=0 );
}
.button-flat-green {
    line-height: 34px;
    height: 34px;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.33);
    border: 1px solid #3b9017;
    box-shadow: 0 1px 1px rgba(0,0,0,0.33), 0 1px 0 rgba(255,255,255,0.23) inset;
    border-radius: 4px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    background: rgb(81,177,33);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxYjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Y2E4MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(81,177,33,1) 0%, rgba(76,168,28,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,177,33,1)), color-stop(100%,rgba(76,168,28,1)));
    background: -webkit-linear-gradient(top, rgba(81,177,33,1) 0%,rgba(76,168,28,1) 100%);
    background: -o-linear-gradient(top, rgba(81,177,33,1) 0%,rgba(76,168,28,1) 100%);
    background: -ms-linear-gradient(top, rgba(81,177,33,1) 0%,rgba(76,168,28,1) 100%);
    background: linear-gradient(to bottom, rgba(81,177,33,1) 0%,rgba(76,168,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b121', endColorstr='#4ca81c',GradientType=0 );
}

.landing-one .column-left { width: 222px; float: left; position: relative; min-height: 990px; }
.landing-one .column-left > a#explanation { position: absolute; top: -46px; left: 0; }
.landing-one .column-left.shadow-right:before { width: 18px; height: 990px; width: 18px; position: absolute; top: -30px; right: 0; content: ' ';  background: url('https://www.share4you.com/static/img/divider-shadow-left.png') no-repeat 0 0 }
.landing-one .column-left .tab-menu { margin-top: 30px }
.landing-one .column-left .tab-menu li { padding-bottom: 12px; border-top: 1px solid #ccc; padding-top: 12px; }
.landing-one .column-left .tab-menu li + li { border-top: 1px solid #ccc; padding-top: 12px; }
.landing-one .column-left .tab-menu li:last-child { border-bottom: 1px solid #ccc }
.landing-one .column-left .tab-menu li a { color: #069; text-decoration: none; border-bottom: 1px solid; font-size: 13px; line-height: 16px; }
.landing-one .column-left .tab-menu li.active a { color: #333 !important; border-bottom-color: transparent !important; font-weight: bold; }
.landing-one .column-left .tab-menu li.active { position: relative }
.landing-one .column-left .tab-menu li.active:after { position: absolute; top: 0; right: -5px; width: 15px; content: ' '; height: 100%; background: url('https://www.share4you.com/static/img/background-gray-clean.png') repeat 0 0 }
.landing-one .column-left .tab-menu li a:hover { border-bottom-color: transparent; color: #22952b }
.landing-one .column-right { width: 680px; float: right }
.landing-one .column-right { text-shadow: 0 1px 0 #fff; font-size: 13px; color: #333; line-height: 20px; position: relative; }
.landing-one .column-right h2 { font-size: 24px; color: #000; line-height: 36px; margin-bottom: 12px; font-weight: bold }
.landing-one .column-right img.image-big { padding: 3px; background-color: #fff; border: 1px solid #ddd; max-width: 672px; }
.landing-one .column-right p { font-size: 13px; line-height: 20px; text-align: justify; }
.landing-one .column-right p + p { margin-top: 20px }
.landing-one .column-right p.formula { background-color: #e8e8e8; border-left: 5px solid #ddd; padding: 20px 0 20px 40px; font-size: 24px; font-weight: normal; line-height: 30px; color: #555 }
.landing-one .column-right p.formula sup { vertical-align: super; font-size: 14px; }
.landing-one .column-right p.formula sub { vertical-align: sub; font-size: 14px; }
.landing-one .column-right p > img[align=right] { background-color: #fff; padding: 3px; border: 1px solid #ddd; margin-left: 36px; margin-bottom: 12px }
.landing-one .column-right .accounts { margin: 20px 0 30px; overflow: hidden; }
.landing-one .column-right .accounts > li { float: left; width: 260px; padding-left: 75px; }
.landing-one .column-right .accounts > li:last-child { float: right; }
.landing-one .column-right .accounts > li > b { display: block; line-height: 20px; }
.landing-one .column-right .accounts > li.cents { background: url('https://www.share4you.com/static/img/ico-account-cents.png') no-repeat 0 0 }
.landing-one .column-right .accounts > li.standard { background: url('https://www.share4you.com/static/img/ico-account-standard.png') no-repeat 0 0 }

.landing-one .column-right h3.lined { display: block; position: relative; text-align: left; margin: 30px 0 8px; }
.landing-one .column-right h3.lined:before { content: ' '; position: absolute; top: 11px; left: 0; height: 1px; width: 100%; background-color: #ddd; z-index: 1 }
.landing-one .column-right h3.lined:after { content: ' '; position: absolute; top: 15px; left: 0; height: 1px; width: 100%; background-color: #ddd; z-index: 1 }
.landing-one .column-right h3.lined span { position: relative; padding: 0 10px 0 0; font-size: 18px; color: #111; line-height: 24px; font-weight: bold; text-align: center; display: inline-block; margin: 0 auto; z-index: 2; background: url('https://www.share4you.com/static/img/background-gray-clean.png') repeat 0 0 }

.landing-one .column-right h4.lined { display: block; position: relative; text-align: left; margin: 20px 0 8px; }
.landing-one .column-right h4.lined:before { content: ' '; position: absolute; top: 11px; left: 0; height: 1px; width: 100%; background-color: #ddd; z-index: 1 }
.landing-one .column-right h4.lined:after { content: ' '; position: absolute; top: 15px; left: 0; height: 1px; width: 100%; background-color: #ddd; z-index: 1 }
.landing-one .column-right h4.lined span { position: relative; padding: 0 10px 0 0; font-size: 16px; color: #111; line-height: 24px; font-weight: bold; text-align: center; display: inline-block; margin: 0 auto; z-index: 2; background: url('https://www.share4you.com/static/img/background-gray-clean.png') repeat 0 0 }

.bullet-simple-blue { border-top: 1px solid #ddd; margin: 10px 0 20px; }
.bullet-simple-blue li { border-bottom: 1px solid #ddd; padding: 6px 0 5px 20px; line-height: 20px; background: url('https://www.share4you.com/static/img/ico-bullet-blue.png') no-repeat left center; }


.landing-one .column-right .listing-with-images { margin: 16px 0 50px }
.landing-one .column-right .listing-with-images li { padding-left: 128px; text-align: justify; position: relative; }
.landing-one .column-right .listing-with-images li h5 { font-size: 16px; font-weight: bold; color: #111; line-height: 30px; }
.landing-one .column-right .listing-with-images li + li { margin-top: 20px; }
.landing-one .column-right .listing-with-images li.image:before { content: ' '; position: absolute; left: 0; top: 9px; border: 1px solid #ccc; background-color: #fff; padding: 1px; background-repeat: no-repeat; background-position: 1px 1px; width: 100px; height: 73px }
.landing-one .column-right .listing-with-images li.image.image-earnings:before { background-image: url('https://www.share4you.com/static/img/image-earnings.jpg') }
.landing-one .column-right .listing-with-images li.image.image-timesaving:before { background-image: url('https://www.share4you.com/static/img/image-timesaving.jpg') }
.landing-one .column-right .listing-with-images li.image.image-selflearning:before { background-image: url('https://www.share4you.com/static/img/image-selflearning.jpg') }
.landing-one .column-right .listing-with-images li.image.image-additionalincome:before { background-image: url('https://www.share4you.com/static/img/image-additionalincome.jpg') }
.landing-one .column-right .listing-with-images li.image.image-precision-transparency:before { background-image: url('https://www.share4you.com/static/img/image-precision.jpg') }
.landing-one .column-right .listing-with-images li.image.image-availability:before { background-image: url('https://www.share4you.com/static/img/image-availability.jpg') }
.landing-one .column-right .listing-with-images li.image.image-speed:before { background-image: url('https://www.share4you.com/static/img/image-speed.jpg') }
.landing-one .column-right .listing-with-images li.image.image-investing:before { background-image: url('https://www.share4you.com/static/img/image-investing.jpg') }
.landing-one .column-right .listing-with-images li.image.image-risks:before { background-image: url('https://www.share4you.com/static/img/image-risks.jpg') }
.landing-one .column-right .listing-with-images li.image.image-abc:before { background-image: url('https://www.share4you.com/static/img/image-abc.jpg') }
.landing-one .column-right .listing-with-images li.image.image-timesaving:before { background-image: url('https://www.share4you.com/static/img/image-timesaving.jpg') }
.landing-one .column-right .listing-with-images li.image.image-reliable:before { background-image: url('https://www.share4you.com/static/img/image-reliable.jpg') }
.landing-one .p-buttons > .note { display: inline-block; height: 34px; line-height: 34px; font-size: 13px; margin: 0 10px }


.landing-one .footprint { position: relative; clear: both; border-top: 1px solid #ddd; float: left; margin: 70px 0 -20px; font-size: 11px; line-height: 16px; padding-top: 12px; }
.landing-one .footprint:before { position: absolute; content: ' '; width: 100%; height: 1px; top: -4px; left: 0; background-color: #ddd; }
.landing-one .footprint a { color: #069; text-decoration: underline }
.landing-one .footprint a:hover { color: #22952b; text-decoration: none }

/* ----- SHARING DIALOG ----- */
.form-block { padding: 15px; width: auto;}
.form-block + .form-block { border-top: 1px solid #e8e8e8; margin-top: 5px !important }
.form-block b { display: block; margin-bottom: 6px; color: #555; font-size: 12px}
.form-block p {}
.form-block textarea { display: block; padding: 5px 10px; width: 448px; line-height: 16px; height: 56px; border: 1px solid #ccc; box-shadow: 0 1px 5px rgba(0,0,0,0.23) inset; border-radius: 1px; padding: 4px 10px; line-height: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  }
.form-block textarea:focus { border-color: #56b4ef; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6) }
.form-line.float-right { float: right; margin-right: 15px }
.form-line.float-right > a + a, .form-line.float-right > button + button, .form-line.float-right > button + a { margin-left: 10px }
.form-line.float-right .cancel { display: inline-block; font-size: 12px; text-decoration: none; height: 26px; line-height: 26px; padding: 0 15px;}
.form-block + .form-block { margin-top: -15px; padding-top: 10px }
.form.border-top { border-top: 1px solid #ddd;}
.button-custom input { position: absolute; top: 4px; left: 10px; display: inline-block; width: 16px; height: 16px;}
.button-custom { display: inline-block; position: relative; width: 75px; white-space: nowrap; height: 27px; padding-left: 41px; line-height: 25px; color: #444; text-shadow: 0 1px 1px rgba(0,0,0,0.5); text-decoration: none; font-size: 11px; font-weight: bold; border-radius: 3px; overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px 0 54px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.69);
    color: #444 !important;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.15) inset;
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.15) inset;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f3f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f3f2f2));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f3f2f2 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f3f2f2 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f3f2f2 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f3f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f2f2',GradientType=0 );
    -webkit-transition: all 0.23s ease;
    -moz-transition: all 0.23s ease;
    color: #000 !important;

}
.button-custom + .button-custom { margin-left: 11px }
.button-custom:hover { color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 0 50px rgba(0,0,0,0.05) inset }
.button-custom:active { color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.15) inset, 0 3px 10px rgba(0,0,0,0.15) inset, 0 1px 0 #fff }
.button-custom.disabled { cursor: default; color: #aaa !important; box-shadow: none !important }
.button-custom.disabled input { opacity: .5 }
.button-custom:before { content: ' '; width: 16px; height: 16px; position: absolute; left: 33px; top: 6px }
.button-custom.facebook:before { background-position: -149px -157px }
.button-custom.twitter:before { background-position: -149px -189px }
.button-custom.linkedin:before { background-position: -149px -220px }
.button-custom.disabled.facebook:before { background-position: -168px -157px }
.button-custom.disabled.twitter:before { background-position: -168px -189px }
.button-custom.disabled.linkedin:before { background-position: -168px -220px }

/* ----- MASTER LANDING PAGE----- */

.hero-master {}
.hero-master .master-text { float: left; width: 480px; margin-top: 30px; text-shadow: 0 1px 0 #fff }
.hero-master .master-text h2 { font-size: 36px; font-weight: normal; line-height: 42px; color: #3b9117; }
.hero-master .master-text p { font-size: 16px; color: #777; line-height: 28px; }
.hero-master .master-text h2 + p { margin: 8px 0 16px }
.hero-master .master-image { float: right; }

.master-explained { text-shadow: 0 1px 0 #fff; margin-top: -40px; }
.master-explained .master-text { float: right; width: 430px; margin-top: 40px }
.master-explained .master-text h3 { font-size: 30px; font-weight: normal; line-height: 42px; color: #3b9117; }
.master-explained .master-text p { font-size: 14px; color: #777; line-height: 24px; }
.master-explained .master-text h3 + p { margin: 8px 0 16px }
.master-explained .master-image { float: left; vertical-align: bottom; height: 300px; overflow: hidden }

.master-explained-center { margin-bottom: 120px; }
.master-explained-center .master-text { text-shadow: 0 1px 0 #fff }
.master-explained-center .master-text h3 { font-size: 48px; font-weight: normal; line-height: 64px; margin-bottom: 24px; text-align: center; }
.master-explained-center .master-text p { font-size: 14px; color: #777; line-height: 24px; text-align: justify }
.master-explained-center .master-text p.column-left { float: left; width: 440px }
.master-explained-center .master-text p.column-right { float: right; width: 440px }

/* ----- FOLLOWER LANDING PAGE----- */

.body.highlighted { background: url('https://www.share4you.com/static/img/splash-highlight.png') repeat-x bottom left; border-bottom: 1px solid #d2d2d2; box-shadow: 0 1px 0 #f5f5f5; }

.hero-follower { margin-bottom: 60px }
.hero-follower .text { float: left; width: 480px; margin-top: 0; text-shadow: 0 1px 0 #fff }
.hero-follower .text h2 { font-size: 26px; font-weight: normal; line-height: 42px; color: #3b9117; }
.hero-follower .text p { font-size: 16px; color: #555; line-height: 30px; }
.hero-follower .text p.text-small { font-size: 14px; line-height: 24px; color: #777 }
.hero-follower .text h2 + p { margin: 0px 0 10px }
.hero-follower .text p + p.text-small { margin: 0 0 16px; }
.hero-follower .image { float: right; }

.body .splash-landing .cnt-center .follower-steps { margin-top: 36px; height: 180px; width: 960px; background: url('https://www.share4you.com/static/img/splash-steps-follower.png') no-repeat top center; }
.body .splash-landing .cnt-center .follower-steps > li { float: left; margin-top: 164px; width: 292px; color: #fff; font-size: 14px; text-shadow: 0 1px 1px rgba(0,0,0,0.33); white-space: nowrap }
.body .splash-landing .cnt-center .follower-steps > li > a { color: #fff; text-decoration: underline }
.body .splash-landing .cnt-center .follower-steps > li > a:hover { color: #fff; text-decoration: none }
.body .splash-landing .cnt-center .follower-steps > li.step-01,
.body .splash-landing .cnt-center .follower-steps > li.step-02 { margin-right: 42px; }

.hero-block { }
.hero-block .centered-header { display: block; float: none; clear: both; height: 80px; margin-bottom: 42px; border-bottom: 2px solid #ddd; }
.hero-block .centered-header h2 { font-size: 36px; line-height: 36px; color: #111; text-align: center }
.hero-block .text { float: left; width: 480px; margin-top: 0; text-shadow: 0 1px 0 #fff; text-align: justify }
.hero-block .text.align-right { float: right }
.hero-block .text h3 { font-size: 24px; font-weight: bold; line-height: 42px; color: #111; }
.hero-block .text p { font-size: 16px; line-height: 30px; color: #555; }
.hero-block .text p.text-small { font-size: 14px; line-height: 24px; color: #777 }
.hero-block .text p + p.text-small { margin-top: 8px }
.hero-block .image { float: left }
.hero-block .image.align-right { float: right }

.hero-block.about-speed .text { width: 360px }
.hero-block.about-speed .image { height: 287px; float: right; margin-right: -8px }

.hero-block.about-nolimits .text { width: 450px }
.hero-block.about-nolimits .image { float: left; margin-top: -40px; margin-bottom: 0; }

.hero-block.about-monitoring .text { width: 490px }
.hero-block.about-monitoring .image { float: right; margin-top: -40px; margin-bottom: 0px; }

.hero-block.about-abc .text { width: 440px; float: right; }
.hero-block.about-abc .image { float: left; margin-bottom: 0px; }

.hero-block.about-timing .text { width: 370px; float: left; }
.hero-block.about-timing .image { float: right; margin-top: 0; margin-bottom: 0px; }

.hero-block.about-reliable .text { width: 440px; float: right; }
.hero-block.about-reliable .image { float: left; margin-bottom: 0px; }
.hero-block.about-reliable .image .signature { display: block; margin-top: -10px; font-size: 11px; color: #777; font-weight: normal; text-align: right; padding-right: 7px; }

/* ----- GREEN LANDING SPLASH ----- */

.body .splash-landing { margin: 0 0 60px; background: #58b730 url('https://www.share4you.com/static/img/splash-background.png') repeat-x 0 0; height: 368px; width: 100%; border-top: 1px solid #4aa922; border-bottom: 1px solid #296f0c; background-color: #47a021; color: #fff; padding: 0; box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset; -o-box-shadow: 0 1px 0 rgba(255,255,255,0.27) inset }
.body .splash-landing .cnt-center { width: 960px; margin: 0 auto; text-align: center; position: relative; padding: 30px }
.body .splash-landing .cnt-center h3 { color: #fff; font-weight: normal; font-size: 24px; text-shadow: 0 1px 1px rgba(0,0,0,0.33); }
.body .splash-landing .cnt-center .master-steps { margin-top: 36px; height: 180px; width: 960px; background: url('https://www.share4you.com/static/img/splash-steps.png') no-repeat top center; }
.body .splash-landing .cnt-center .master-steps > li { float: left; margin-top: 164px; width: 292px; color: #fff; font-size: 14px; text-shadow: 0 1px 1px rgba(0,0,0,0.33); white-space: nowrap }
.body .splash-landing .cnt-center .master-steps > li > a { color: #fff; text-decoration: underline }
.body .splash-landing .cnt-center .master-steps > li > a:hover { color: #fff; text-decoration: none }
.body .splash-landing .cnt-center .master-steps > li.step-01,
.body .splash-landing .cnt-center .master-steps > li.step-02 { margin-right: 42px; }
.body .splash-landing .cnt-center .master-action { margin-top: 36px; text-align: center }
.body .splash-landing .cnt-center .master-action .button-on-splash {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    height: 36px; padding: 0 20px; min-width: 220px; font-size: 14px; font-weight: normal; text-shadow: 0 1px 1px rgba(0,0,0,0.33);
    background: rgb(86,177,49);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2YjEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTg1MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(86,177,49,1) 0%, rgba(53,133,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,177,49,1)), color-stop(100%,rgba(53,133,19,1)));
    background: -webkit-linear-gradient(top, rgba(86,177,49,1) 0%,rgba(53,133,19,1) 100%);
    background: -o-linear-gradient(top, rgba(86,177,49,1) 0%,rgba(53,133,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(86,177,49,1) 0%,rgba(53,133,19,1) 100%);
    background: linear-gradient(to bottom, rgba(86,177,49,1) 0%,rgba(53,133,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56b131', endColorstr='#358513',GradientType=0 );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23);
    -moz-box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23);
    -o-box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23);
    box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23);
}
.body .splash-landing .cnt-center .master-action .button-on-splash:hover {
    -webkit-box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23), 0 0 100px rgba(255,255,255,0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23), 0 0 100px rgba(255,255,255,0.1) inset;
    -o-box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23), 0 0 100px rgba(255,255,255,0.1) inset;
    box-shadow: 0 -2px 0 rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.23) inset, 3px 0  rgba(0,0,0,0.23), -3px 0 0 rgba(0,0,0,0.23), 0 3px 0 rgba(0,0,0,0.23), 0 -3px 0 rgba(0,0,0,0.23), 0 0 100px rgba(255,255,255,0.1) inset;
}

.browsers-choice { padding: 20px 0; height: 200px }
.browsers-choice .browser-item { padding: 0 15px; float: left; width: 160px; text-align: center }
.browsers-choice .browser-item a { display: block; width: 160px; padding-top: 160px }
.browsers-choice .browser-item a:hover > b { text-decoration: none; color: #3e9918 }
.browsers-choice .browser-item a b { display: block; font-size: 14px; }
.browsers-choice .browser-item a.icon-chrome { background: url('https://www.share4you.com/static/img/ico-browser-chrome.png') no-repeat center top }
.browsers-choice .browser-item a.icon-firefox { background: url('https://www.share4you.com/static/img/ico-browser-firefox.png') no-repeat center top }
.browsers-choice .browser-item a.icon-safari { background: url('https://www.share4you.com/static/img/ico-browser-safari.png') no-repeat center top }
.browsers-choice .browser-item a.icon-ie { background: url('https://www.share4you.com/static/img/ico-browser-ie.png') no-repeat center top }
.browsers-choice .browser-item a.icon-opera { background: url('https://www.share4you.com/static/img/ico-browser-opera.png') no-repeat center top }

.oops-message {
    padding: 20px 20px 20px 325px;
    height: 200px;
    background: url('https://www.share4you.com/static/img/oops.jpg') no-repeat -100px -80px;
    font-size: 14px;
}

/* ----- FOOTER ----- */

footer { width: 100%; padding: 12px 0 20px; margin-top: 60px; background: url('https://www.share4you.com/static/img/footer.png') repeat 0 0; border-top: 1px solid #ddd; box-shadow: 0 2px 10px rgba(0,0,0,0.07) inset; font-size: 11px; color: #aaa; line-height: 16px }
footer a { color: #aaa; text-decoration: underline }
footer a:hover { text-decoration: none; color: #444 }
footer .side-left { float: left; width: 49% }
footer p { white-space: nowrap }
footer .side-right { float: right; width: 49%; text-align: right }
footer .side-right ul li { float: right; padding-right: 6px; margin-right: 6px }
footer .side-right ul li + li { border-right: 1px solid #ccc }
footer .side-right ul li:first-child { margin-right: 0; padding-right: 0 }
footer .copynote { float: left; clear: both; margin-top: 13px; font-size: 9px; line-height: 13px; color: #aaa; text-align: center; width: 100% }