@font-face {
    font-family: 'Mandali';
    src: URL('/i/Mandali-Regular.ttf') format('truetype');
}


html {height:100%;}
body {
    margin:0;
    color:#3e3e3f;
    font-size:12px;
    font-family: Arial;

    min-height:585px;
    background:50% 0;
    background-repeat:no-repeat;
    position: relative;
    background-attachment: fixed;
    overflow-x: hidden;

}

img {border-style:none;}
a {
    text-decoration:none;
    color:#828282;
}
a:hover {text-decoration:underline;}
input, textarea, select {
    font:12px Arial, Helvetica, sans-serif;
    vertical-align:middle;
    color:#666;
    padding:0;
    margin:0;
}

input[type=text], textarea {
    -webkit-appearance: none;
}

textarea {resize: vertical;}
form fieldset {
    margin:0;.
padding:0;
    border:none;
}
*:focus {outline: none;}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p {margin: 0;}

#preloadE {
    position:absolute;
    top:-200px;
    left:-200px;
    background:url(/i/loading_16x16.gif) no-repeat 0px 0px;
}

#head_error {
    display:none;
    position:fixed;
    width:1170px;
    background:#FFBF48;
    padding:10px 10px 10px 20px;
    color:#000;
    margin:0 0 0 0;
    z-index:5;
}

#head_error h1 {
    font:19px Tahoma;
}
#head_error h2 {
    margin:3px 0 0 0;
    font-size:12px;
    font-weight:normal;
}

#head_error h1 {
    font:19px Tahoma;
}

/* wrapper */
#wrapper {
    position:relative;
    width:1200px;
    margin:0 auto;
    min-height:100%;
    /* overflow:hidden; */
}
/**/

/* main */
#main {
    width:1151px;
    padding:112px 0 105px 205px;
}
#main:after {
    display:block;
    clear:both;
    content:'';
}
/**/

/* header */
.header {
    width:1170px;
    height:23px;

    /*background*/
    background: rgb(62,61,61);
    background: linear-gradient(180deg, #3C3030 0%, #421A1A 100%);

    padding:15px 10px 14px 20px;
    position:fixed;

    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    margin:0 0 0 0;
    z-index:3;
}

.header.dev {
    background-image: linear-gradient(bottom, #D62B39 35%, #FF4A62 68%, #FF6666 84%);
    background-image: -o-linear-gradient(bottom, #D62B39 35%, #FF4A62 68%, #FF6666 84%);
    background-image: -moz-linear-gradient(bottom, #D62B39 35%, #FF4A62 68%, #FF6666 84%);
    background-image: -webkit-linear-gradient(bottom, #D62B39 35%, #FF4A62 68%, #FF6666 84%);
    background-image: -ms-linear-gradient(bottom, #D62B39 35%, #FF4A62 68%, #FF6666 84%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.35, #D62B39),
            color-stop(0.68, #FF4A62),
            color-stop(0.84, #FF6666)
    );
}

.header .name b {
    font-size:13pt;
    color:#fff;
}

.header .name span {
    color:#fff;
    display:block;
    margin:5px 0 0 0;
}

.header ul.menu {
    position:absolute;
    right:23px;
    top:11px;
    width:250px;
    height:25px;
    text-align:right;
}

.header ul.menu li {
    float:left;
    width:56px;
    height:30px;

    padding:3px 0 0 14px;
    margin:-3px 0 0 47px;
}

.header ul.menu li:hover {
    background:#3A4A89;
}

.header ul.menu li.settings {
    background:url(/i/btn_settings.png) no-repeat 0 7px;
}

.header ul.menu li.exit {
    background:url(/i/btn_exit.png) no-repeat 0 4px;

}

.header ul.menu a {
    font-family: Mandali;

    color:#E9EEF5;
    font-size:14px;
    margin:0 0 0 12px;
    height:30px;
}

.header ul.menu a:hover {
    color:#fff;
    text-decoration:none;
}

.header ul.menu a em {
    font-style:normal;
    color:#95B4D5;
}

/**/

/* logo */
.logo {
    background:url(/i/logo.png?v6) no-repeat;
    overflow:hidden;
    color:#fff;
    cursor:pointer;
    float:left;
    margin:-5px 0 0 -12px;
    width:150px;
    height:32px;

    background-size: 144px 32px;
}

.logo.red {
    color:#FFBFBF;
}

.logo a {
    height:100%;
    display:block;
}
/**/


/* search */
.search {
    float:left;
    margin:-5px 0 0 591px;
}

.search input[type=text] {
    width:216px;
    height:31px;
    margin:0 0 0 4px;
    padding:0 20px 0 35px;
    border:0;
    float:left;
    background:url(/i/bg_search.png) no-repeat 0px 0px;
    color:#fff;
    font-size:13px;
}

.search input[type=text]:hover {

}

.search .btn-find {
    display:block;
    float:left;
    background:#5E7EA2;
    color:#D5DDE7;
    padding:5px 0 6px 0;
    margin:5px 0 0 7px;
    width:86px;
    height:14px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    border-radius:3px;
    cursor:pointer;
}

.search .btn-find:hover {
    text-decoration:none;
    background:#3A4A89;
    color:#fff;
}

.search a.x {
    position:absolute;
    left:344px;
    top:25px;
    width:17px;
    height:17px;
    background:url(/i/x.png?1) no-repeat 1px 1px;
}

.search-results {

}

.search-results h4 {
    font-weight:normal;
    border-bottom:1px solid #ccc;
    padding:0 0 5px 0;
    margin:0 0 5px 0;
}

.search-results ul.base {

}

.search-results ul.base li {
    height:30px;
    padding:5px;
    display:block;
    margin:0 0 0 -5px;
    border-radius:3px;
    position:relative;

    border-bottom:1px solid #eee;
}

.search-results ul.base li:hover {
    background:#F1F5FA;
}

.search-results ul.base li .i {
    float:left;
    width:40px;
}

.search-results ul.base li .i img {
    height:30px;
    border-radius:3px;
}

.search-results ul.base li .c {
    padding:0 0 0 20px;
}

.search-results ul.base li .c a.title {
    float:left;
    font-size:12px;
    color:#5A7BA5;
    width:430px;
    height:30px;
    cursor:pointer;
    text-decoration:none;
}

.search-results ul.base li .c .pname {
    position:absolute;
    right:4px;

    font-size:11px;
    color:#315888;
}

.search-results ul.base li .c .date {
    position:absolute;
    right:4px;
    bottom:5px;

    font-size:10px;
    color:#ccc;
}

.search-results ul.base li .c .age {
    position:absolute;
    left:46px;
    bottom:5px;

    font-size:10px;
    color:#ccc;
}

/* /search */

/* footer */
.footer {
    width:1180px;
    padding:10px;
    position:relative;
    border-radius:4px;
    margin:5px 0 0 0;
    text-align:center;
}

.footer span {
    color:#f3f3f3;
}
/**/

/* aside */
.home .aside {left:55px;}
.aside {
    position:absolute;
    left:30px;
    top:0;
    height:100%;
    width:155px;
}
/**/




div.p h1 {
    font-size:17pt;
    font-weight:normal;
    margin:10px 0 5px 18px;
}
/**/


/* content */
.content {
    min-height:560px;
    width:959px;
    padding:0 0 18px 0;
    float:left;
    margin:51px 0 0 0;
    z-index:2;

    border:1px solid #F5F9FC;
    border-bottom-left-radius:28px;
    border-bottom-right-radius:28px;

    border-collapse:collapse;
    position:relative;
}

.content.main {
    background: rgb(62,61,61);
    background: linear-gradient(0deg, rgba(62,61,61,1) 0%, rgba(47,47,47,1) 27%, rgba(47,47,47,1) 100%);
}
/**/

.middle {
    width:929px;
    position:relative;
    /*z-index:1;*/
}

/* right */
.right {
    min-height:562px;
    width:238px;
    margin:53px 0 0 960px;
    padding:0 0 20px 0;
    float:left;

    position:fixed;
    background:#fff;
    border:1px solid #F5F9FC;
    border-collapse:collapse;
}

.right .page-scrolls {
    position:absolute;
    right:-55px;
    top:136px;
}

.right .page-scrolls a.up {
    background:url(/i/sc-up.png);
    height:33px;
    width:42px;
    display:block;
    opacity:0.7;
}

.right .page-scrolls a.up:hover {
    opacity:1;
}

.right .page-scrolls a.down {
    background:url(/i/sc-down.png);
    height:33px;
    width:42px;
    display:block;
    margin:10px 0 0 0;
    opacity:0.7;
}

.right .page-scrolls a.down:hover {
    opacity:1;
}

.right .r-options {
    position:absolute;
    right:-53px;
    top:225px;
}

.right .r-options a.t-history {
    background:url(/i/thistory_ico.png);
    height:38px;
    width:38px;
    display:block;
    opacity:0.2;
}

.right .r-options a.t-history:hover {
    opacity:0.5;
}

.content .faq ul{
    margin:10px 0 0 0;
}

.content .faq ul li {
    display:block;
    padding:5px 10px 5px 0;
}

.content .faq ul li .num {
    padding:3px 7px;
    margin:0 7px 0 0;
    background:#F8FAFC;
    border-radius:3px;
    font-size:12px;
    font-weight:bold;
    color:#86AACE;
}

.content .faq ul li a:hover {
    text-decoration:none;
    color:#29496D;
}

.content .faq ul li a {
    font-size:13px;
    font-weight:bold;
    color:#4F82BD;
}

.content .faq ul li .answer {
    display:none;
    margin:6px 10px 10px 33px;
    padding:10px;
    background:#F9F6E7;
    border:1px solid #E6D897;
    border-radius:3px;
}
/**/


/* projects */
.projects .r ul {
    width:748px;
}

.projects .r ul li {
    cursor:pointer;
    position:relative;
    clear:both;
}

.projects .r ul li:hover {
    background:#F3F9FC;
}

.projects .r ul li .line {
    display:block;
    border-bottom:1px solid #F0F4F9;
    margin:0 0 0 0;
    border-collapse:collapse;
}

.projects .r ul li .img {
    width:68px;
    margin:0 0 0 10px;
    padding:8px 3px;
    float:left;
}

.projects .r ul li .img img {
    border-radius:10px;
    border:1px solid #f8f8f8;
}

.projects .r ul li .row {
    padding:8px 0;
    float:left;
    width:520px;
}

.projects .r ul li .row h3 {
    font-size:16px;
    font-weight:normal;
    color:#315D7E;
}

.projects .r ul li .row h3 em {
    font-style:normal;
}

.projects .r ul li .row span {
    display:block;
    margin:5px 0 0 0;
    font-size:11px;
    color:#888;
}

.projects .r ul li .info {
    position:absolute;
    right:10px;
    top:12px;
    color:#ccc;
}

.projects .r ul li .info span.tasks {
    padding:5px;
}


.projects .head, .project .head, .member .head, .task .head, .bpage .head {
    background:#F5F8FA;
    padding:8px 0 10px 15px;
    position:relative;
}

.task .head .save-status {
    position:absolute;
    top:10px;
    right:0;
    font-weight:normal;
    font-style:normal;
    font-size:11px;
    color:#A4A4A4;
    height:25px;
    width:180px;
    text-align:right;
    padding:0 31px 0 0;
}

.task .head .save-status.not-saved {
    background:url(/i/task-edit-status-ns.png) no-repeat 189px 2px;
}

.task .head .save-status.saved {
    background:url(/i/task-edit-status-s.png?3) no-repeat 189px 2px;
}

.task .head-message {
    padding:7px 15px;
    background:#B6CBD3;
    font-size:11px;
    color:#fff;
    font-weight:bold;
}

.task .head-message.load {
    background:#B6CBD3 url(/i/loading_16x16.gif) no-repeat 15px 6px;
    padding-left:38px;
}

.projects .head b, .project .head b, .member .head b, .task .head b, .bpage .head b {
    font-size:14px;
    font-weight:normal;
    color:#828282;
}

.projects .head a:hover, .project .head a:hover, .task .head a:hover {
    text-decoration:none;
}

.projects .head a.new, .project .head a.new, .member .head a.new, .task .head a.new, .bpage .head a.new {
    position:absolute;
    right:0px;
    top:0px;

    padding:7px 16px 8px 16px;
    line-height: 20px;

    background: linear-gradient(180deg, #EE9D6C 0%, #E18A55 100%);
    font-size:12px;
    color:#fff;
}

.projects .head b, .project .head span, .member .head span, .task .head span {
    color:#000;

    font-weight:normal;
    font-size:14px;
}

.head span a {
    color:#828282;
}


.projects .head a.new:hover, .project .head a.new:hover, .member .head a.new:hover, .task .head a.new:hover, .bpage .head a.new:hover {
    background: linear-gradient(180deg, #DF8651 0%, #D27842 100%);
    text-decoration:none;
}

.projects .l {
    width:210px;
    min-height:506px;
    border-right:1px solid #F0F4F9;
    float:left;
    padding:0 0 20px 0;
}

.projects .r {
    width:747px;
    float:left;
    min-height:506px;
}


/* project */
.project .l, .bpage .l {
    width:210px;
    min-height:600px;
    float:left;
    padding:0 0 20px 0;
    border-right:1px solid #F0F4F9;
}

.project .l img.main, .bpage .l img.main {
    width:210px;
    cursor:pointer;
}

.project .l div.name, .bpage .l div.name {
    background:#8AB630;
    padding:8px 10px 10px 13px;
    color:#fff;
    font-size:14px;
    margin:-2px 0 0 0;
}

.project .l .menu, .bpage .l .menu {
    padding:10px 0 0 20px;
}

.project .l .menu a, .bpage .l .menu a {
    display:block;
    font-size:11px;
    color:#28507B;
    background:#F9F9F9;
    padding:4px 7px 5px 3px;
    border-bottom:1px solid #F5F5F5;
    text-align:right;
}

.project .l .menu a:first-child, .bpage .l .menu a:first-child {
    border-top-left-radius:4px;
}

.project .l .menu a:last-child, .bpage .l .menu a:last-child {
    border:0;
    border-bottom-left-radius:4px;
}

.project .l .menu a:hover, .project .l .menu a.active:hover, .bpage .l .menu a:hover, .bpage .l .menu a.active:hover {
    background:#8C99CE;
    color:#fff;
    text-decoration:none;
}

.project .l .menu a.active, .bpage .l .menu a.active {
    font-weight:bold;
    background:#E2E6F3;
}

.project .r, .bpage .r {
    width:747px;
    margin-left:-1px;
    border-left:1px solid #F0F4F9;
    float:left;
    position:relative;
}

.project .r h4, .bpage .r h4 {
    width:728px;
    font-size:14px;
    font-weight:normal;
    color:#333;
    background:#FBFCFD;
    padding:6px 10px;
    position:relative;
    border-bottom:1px solid #F0F4F9;
}

.project .r h4 b, .bpage .r h4 b {
    font-weight:normal;
}

.project .r .about {
    margin:5px 0 0 11px;
    font-size:11px;
}

.project .r h4 span {
    position:absolute;
    right:10px;
}

.bpage .r h3.title {
    font-weight:normal;
    font-size:16px;
    margin:0px;
    padding:10px 10px 4px 14px;
    position:relative;
}

.bpage .r h3 a {
    cursor:pointer;
}

.bpage .r h3.link {
    cursor:pointer;
}

.bpage .r h3 em {
    font-style:normal;
    position:absolute;
    right:10px;
    top:12px;
    font-size:15px;
    color:#ccc;
}

.bpage .r h3 a.plus {
    background:url(/i/btn_plus_sm.png) no-repeat 0px 0px;
    height:11px;
    width:11px;
    position:absolute;
    right:10px;
    top:15px;
    font-size:13px;
    color:#6D719F;
}

.bpage ul.list li {
    height:40px;
    width:500px;
    padding:6px 8px 6px 14px;
    border-bottom:1px solid #F7F7F7;
    position:relative;

    margin:6px 0 0 0;
}

.bpage ul.list.wide {
    margin:6px 0 0 0;
}

.bpage ul.list.wide li {
    width:726px;
}

.bpage ul.list li:hover {
    background:#FCFCFC;
    cursor:pointer;
}

.bpage ul.list li img {
    float:left;
    width:40px;
    border-radius:8px;
}

.bpage ul.list li em {
    position:absolute;
    right:20px;
    top:6px;
    font-style:normal;
    font-size:11px;
    color:#ccc;
}

.bpage ul.list li a {
    font-size:14px;
}

.bpage ul.list li div {
    padding:0 0 0 3px;
}

.bpage ul.list li div span {
    display:block;
    padding:1px 0 0 0;
    color:#999;
    font-size:11px;
}

.bpage ul.list li.draft em.top {
    color:#F38225;
    font-weight:bold;
}

.bpage ul.list li.draft em.bot {
    color:#777;
}

.bpage ul.list li.later em.top {
    color:#F38225;
    font-weight:bold;
}

.bpage ul.list li.later em.bot {
    color:#777;
}

.bpage ul.list li em.bot {
    position:absolute;
    color:#eee;
    right:20px;
    top:22px;
}

.bpage ul.list li em.bot2 {
    top:36px;
}

.bpage ul.list li:hover em {
    color:#ccc;
}

.bpage ul.list li div {
    float:left;
    width:440px;
    margin:0 0 0 6px;
}

.bpage ul.list.wide li div {
    width:640px;
}

.bpage ul.list li div a {
    display:block;
    color:#37719F;
    margin:-2px 0 0 0;
}

.bpage ul.list li div span {
    display:block;
    margin:2px 0 0 0;
}

.bpage ul.list li.later {
    background:#EAF0F7;
}

.bpage ul.list li.later:hover {
    opacity:1;
}

.bpage ul.list li.draft {
    background:#FFF7E6;
}


.bpage .company-l-block {
    float:left;
    width:518px;
    border-right:1px solid #F7F7F7;
}

.bpage .company-r-block {
    float:left;
    width:225px;
}

div.departament-head {
    height:80px;
    background:#FCFDFE;
    width:748px;
    border-bottom:1px solid #eee;
}

div.departament-head .rside {
    margin:5px 0 0 0;
    width:250px;
    text-align:right;
    color:#ccc;
}

div.departament-head .img {
    float:left;
    height:50px;
    width:50px;

    padding:14px 0 5px 14px;
}

div.departament-head .img img {
    border-radius:6px;
}

div.departament-head .l-side {
    float:left;
    height:50px;
    width:450px;
    padding:12px 5px 10px 14px;
}

div.departament-head .l-side.b3 {
    width:240px;
}

div.departament-head .l-side h2 {
    font-weight:normal;
    font-size:24px;
    width:400px;
}

div.departament-head .l-side span.cname {
    display:block;
    font-size:16px;
    color:#999999;
    margin:3px 0 0 0;
    width:600px;
}

div.departament-head .l-side.b3 .chief {
    width:266px;
    height:50px;
    margin:3px 0 0 0;
    cursor:pointer;
}

div.departament-head .l-side.b3 .chief img {
    float:left;
    border-radius:10px;
    height:50px;
}

div.departament-head .l-side.b3 .chief .info {
    float:left;
    margin:-2px 0 0 10px;
    height:60px;
    width:190px;
    color:#67A4D0;
}

div.departament-head .l-side.b3 .chief .info strong {
    display:block;
    font-size:18px;
    font-weight:normal;
}

div.departament-head .l-side.b3 .chief .info span {
    display:block;
    font-size:13px;

}

div.departament-head .l-side.b3 .chief .info em {
    font-style:normal;
    font-size:11px;
    color:#999999;
}

.departament-body .l {
    float:left;
    width:470px;
}

.departament-body .r {
    float:left;
    width:270px;
}

ul.list-users {
    margin:12px 0 0 0;
}

ul.list-users li {
    height:60px;
    padding:0 0 0 14px;
}

ul.list-users li:hover {
    cursor:pointer;
}

ul.list-users li img {
    float:left;
    height:50px;
    border-radius:10px;
}

ul.list-users li div {
    float:left;
    height:40px;
    width:150px;
    padding:0 0 0 8px;
    margin:-3px 0 0 0;
}

ul.list-users li div strong {
    display:block;
    font-weight:normal;
    font-size:16px;
    color:#37719F;
}

ul.list-users li div span {
    display:block;
    font-size:12px;
    color:#37719F;
    margin:2px 0 0 0;
}

ul.list-users li em {
    font-style:normal;
    display:block;
    color:#ccc;
    font-size:11px;
    margin:4px 0 0 0;
}

ul.list-links {
    margin:12px 0 0 0;
}

ul.list-links li {
    height:33px;
    padding:1px 0 1px 14px;
    color:#37719F;
    font-size:14px;
    overflow:hidden;
    margin:0 0 3px 0;
}

ul.list-links li:hover {
    cursor:pointer;
    text-decoration:underline;
}

ul.list-links li img {
    float:left;
    height:30px;
    border-radius:8px;
}

ul.list-links li div {
    float:left;
    height:40px;
    width:160px;
    padding:0 0 0 8px;
    margin:-3px 0 0 0;
}

ul.list-links li div strong, ul.list-links li div a {
    display:block;
    font-weight:normal;
    font-size:13px;
    color:#37719F;
}


ul.list-links li div strong span {
    color:#ccc;
    font-size:11px;
}

ul.list-links li em {
    font-style:normal;
    display:block;
    color:#ccc;
    font-size:11px;
    margin:2px 0 0 0;
}

div.list-empty {
    margin:0 0 0 14px;
    color:#ccc;
}

div.company-document {
    margin:15px;
}

div.company-document .file-ico {
    float:left;
    width:90px;
    height:90px;

    background:url(/i/corpdoc.png) no-repeat #FBFBFB 20px 15px;
    border:1px solid #f3f3f3;
    border-radius:10px;
    position:relative;
}

div.company-document .file-ico em {
    position:absolute;
    font-style:normal;
    font-size:11px;
    color:#ccc;

    text-align:center;
    bottom:6px;
    left:1px;

    width:90px;
}

div.user-seen {
    margin:0px 10px 0px 18px;
}

div.file-details {
    float:left;
    margin:0 0 0 15px;

    width:607px;
    height:90px;

    position:relative;
}

div.file-details h2 {
    margin:8px 0 0 0;
    font-weight:normal;
}

div.file-details div.description {
    margin:4px 0 0 0;
    color:#999999;
    font-size:12px;
    width:400px;
}

div.file-details ul.links {
    margin:8px 0 0 0;
}

div.file-details ul.links li {
    float:left;
    margin:5px 15px 0 0;
}

div.file-details ul.links li a {
    color:#5588C1;
    font-size:14px;
}

div.file-details div.user {
    position:absolute;
    right:20px;
    top:0px;

    cursor:pointer;
}

div.file-details div.user h3 {
    font-weight:normal;
    font-size:15px;
}

div.file-details div.user .info {
    margin:8px 0 0 0;
}

div.file-details div.user .info img {
    float:left;
    width:36px;
    border-radius:8px;
    margin:0 0 0 0px;
}

div.file-details div.user .info .fi {
    float:left;
    margin:-1px 0 0 8px;
    color:#4D6592;
}

div.file-details div.user .info .fi strong {
    font-weight:normal;
    font-size:15px;
    display:block;
}

div.file-details div.user .info .fi span {
    font-weight:normal;
    font-size:12px;
    display:block;

    margin:2px 0 0 0;
}


.hor-filter-menu {
    margin:10px 15px;
}

.hor-filter-menu a {
    padding:5px 10px 6px 10px;
    font-size:14px;
    float:left;
    margin:0 15px 0 0;
    border-radius:6px;

    background:#fff;
    color:#597DA3;
}

.hor-filter-menu a:hover {
    text-decoration:none;
    background:#E2E6F3;
}

.hor-filter-menu a.active {
    background:#597DA3;
    color:#fff;
}


/* #Menu */

/* Left */
ul.l-menu {
    width:210px;
    margin:0 0 0 0;
    background:#fff;
}

ul.l-menu li {
    padding:11px 4px 11px 15px;
    border-top:1px solid #F3F3F3;
    border-collapse:collapse;
    cursor:pointer;
    color:#000;
    position:relative;

    font-size:13px;
}

ul.l-menu li.active {
    background:#F8F9FA;
}

ul.l-menu li.active:before{
    position:absolute;
    top:0;
    left:0;
    width:8px;
    height:100%;
    content:"";
    background-color:#B3C8E1;
}

ul.l-menu li em.count {
    font-size:13px;
    font-style:normal;
    color:#CCCCCC;
    position:absolute;

    padding:2px 5px;
    right:10px;
    top:8px;
}

ul.l-menu li:last-child {
    border-bottom:1px solid #F3F3F3;
}

.right .r-menu-overflow {
    overflow:hidden;
    max-height:850px;
    width:239px;
}
.right .r-menu-overflow .in {
    overflow-y:scroll;
    max-height:850px;
    width:258px;
}

.scroll-block {
    overflow:hidden;
    max-height:570px;
    width:225px;
}
.scroll-block .in {
    overflow-y:scroll;
    max-height:570px;
    width:241px;
}

ul.cats-tree {
    margin:2px;
}

ul.cats-tree li {
    padding:4px 0px 3px 3px;
}

ul.cats-tree li input[type=checkbox] {

}

ul.cats-tree li label {
    margin:0 0 0 5px;
}

div.deps-tree-fmt-block {
    border:1px solid #eee;
    padding:5px;
    width:778px;
    overflow:hidden;
}


.right ul.r-menu {
    width:238px;
}

.right ul.r-menu.squeeze {
    overflow:hidden;
    height:161px;
}

.right a.r-menu-expander {
    display:block;
    height:22px;
    background:url(/i/r-menu-expander.png) no-repeat 105px 6px;
}

.right ul.r-menu li {
    padding:11px 4px 11px 15px;
    border-top:1px solid #F3F3F3;
    border-collapse:collapse;
    cursor:pointer;
    color:#000;
    position:relative;

    font-size:14px;
    width:220px;
}

.right ul.r-menu li:last-child {
    border-bottom:1px solid #F3F3F3;
    border-collapse:collapse;
}

.right ul.r-menu li:hover {
    background:#F8F9FA;
}

.right ul.r-menu li.title {
    font-size:15px;
    padding-top:28px;
    color:#000;
    border:none;
}

.right ul.r-menu li.title:hover {
    background:none;
}

.right ul.r-menu li.grey {
    color:#727272;
}

.right ul.r-menu li.off {
    opacity:0.4;
}

.right ul.r-menu li.active:before {
    position:absolute;
    top:0;
    left:0;
    width:8px;
    height:100%;
    content:"";
    background-color:#B3C8E1;
}

.right ul.r-menu li.active {
    background:#F8F9FA;
}

.right ul.r-menu.hl {
    background:#FBFCFD;
}

.right ul.r-menu.hl li.title {
    color:#CC8500;
    background:#fff;
}

.right ul.r-menu.hl li:active {
    background:#F9FAFB;
}

.right ul.r-menu li em.count {
    font-size:15px;
    font-style:normal;
    color:#CCCCCC;
    position:absolute;

    padding:2px 5px;
    right:12px;
    top:8px;
    width:70px;
    text-align: right;
}

.right ul.r-menu li em.count.hl {
    background:#F27813;
    border-radius:4px;
    color:#fff;

    padding:2px 5px;
    right:10px;
    top:8px;
}

.right ul.r-menu li em.profile {
    width:24px;
    height:22px;
    background:url(/i/btn_profile.png) 0px 0px no-repeat;
    position:absolute;
    right:9px;
    top:8px;
}

.right ul.r-menu li em.profile img {
    border-radius:20%;
    width:25px;
    margin:-1px 0 0 0;
}


.right ul.r-menu li em.comment {
    width:22px;
    height:22px;
    background:url(/i/menu-comment-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.status {
    width:22px;
    height:22px;
    background:url(/i/menu-status-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.calendar {
    width:22px;
    height:22px;
    background:url(/i/menu-calendar-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.time {
    width:22px;
    height:22px;
    background:url(/i/menu-time-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.info {
    width:22px;
    height:22px;
    background:url(/i/menu-info-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.settings {
    width:22px;
    height:22px;
    background:url(/i/menu-settings-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.remove {
    width:22px;
    height:22px;
    background:url(/i/menu-remove-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li em.nt {
    width:22px;
    height:22px;
    background:url(/i/menu-nt-ico.png) 4px 0px no-repeat;
    position:absolute;
    right:5px;
    top:9px;
    opacity:0.5;
}

.right ul.r-menu li.grey.action {
    color:#000;
}

/* Menu */

.right .menu {

}

.right .menu h2 {
    font-weight:normal;
    font-size:14px;
    margin:10px 0 8px 14px;
    color:#000;
}

.right .menu a {
    display:block;
    font-size:11px;
    color:#28507B;
    background:#F2F4F7;
    padding:4px 7px 5px 7px;
    border-bottom:1px solid #EAEEF2;
    text-align:left;
    position:relative;
}

.right .menu a em {
    font-style:normal;
    position:absolute;
    right:4px;
    font-weight:bold;
}

.right .menu a:first-child {
    border-top-right-radius:4px;
}

.right .menu a:last-child {
    border:0;
    border-bottom-right-radius:4px;
}

.right .menu a:hover, .right .menu a.active:hover {
    background:#8C99CE;
    color:#fff;
    text-decoration:none;
}

.right .menu.actions a:hover {
    background:#DFE3F2;
    color:#28507B;
}

.right .menu a.active {
    font-weight:bold;
    background:#DFE3F2;
}

.right .menu.select .head {
    width:220px;
    padding:11px 4px 11px 15px;
    border-top:1px solid #F3F3F3;
    border-bottom:1px solid #F3F3F3;
    border-collapse:collapse;
    margin:-1px 0 0 0;
    cursor:pointer;
    color:#999999;
    position:relative;

    font-size:14px;
}

.right .menu.select .overlay {
    position:absolute;
    z-index:10;
    margin:0 0 0 -1px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:hidden;
    width:240px;
    max-height:350px;
}

.right .menu.select ul {
    padding:0 0 0 2px;
    width:294px;
    display:none;
}

.right .menu.select ul li {
    padding:8px 5px 8px 23px;
    background:#fff;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    cursor:pointer;
    font-size:12px;
    position:relative;
}

.right .menu.select ul li span {
    color:#999;
    display:block;
    width:200px;
}

.right .menu.select ul li em {
    font-style:normal;
    position:absolute;
    right:8px;
    top:8px;
    color:#ccc;
}

.right .menu.select ul li:hover {
    background:#f3f3f3;
    color:#999;
}

.right .menu.select ul li:hover em {

}

/* /#Menu */


/* member */
.member .head .status {
    position:absolute;
    right:10px;
    top:10px;
    font-size:11px;
}

.member .head .status.online {
    color:#28507B;
}

.member .head .status.offline {
    color:#ccc;
    font-weight:normal;
}

.member .l {
    width:150px;
    min-height:400px;
    border-right:1px solid #eee;
    float:left;
}

.member .l .uimg {
    position:relative;
}

.member .l .uimg img {
    width:150px;
    cursor:pointer;
}

.member .l .uimg a {
    display:none;
    position:absolute;
    bottom:2px;
    width:136px;
    padding:6px 7px 7px 7px;
    color:#fff;
    background:#DA680C;

    font-size:14px;
    text-align:center;
}

.member .l .uimg a:hover {
    background:#9F4D09;
    opacity:1;
}

.member .l .uimg a.show {
    display:block;
}

.member .l .uimg a:hover {
    text-decoration:none;
}

.member .l .uimg.my:hover a {
    display:block;
}

.member .r {
    width:770px;
    float:left;
    padding:0px 10px;
}

.member .r .h {
    margin:10px 0 0 7px;
    position:relative;
}

.member .r .h h2 {
    color:#436489;
    font-size:15px;
    font-weight:normal;
}

.member .r .h .status {
    font-size:11px;
    margin:4px 0 0 0;
    padding:0 0 5px 0;
    border-bottom:1px solid #eee;
}


.member .r .h .status a {
    color:#555;
}

.member .r ul.info,.project .r ul.info {
    margin:5px 0 0 0;
    font-size:11px;
}

.member .r ul.info li,.project .r ul.info li {
    padding:5px 0;
    display:block;
    clear:left;
    margin:3px 0 0 0;
}

.member .r ul.info li .n,.project .r ul.info li .n {
    float:left;
    width:150px;
    color:#777777;
    padding:0 0 0 6px;
}

.member .r ul.info li .v,.project .r ul.info li .v {
    float:left;
    width:280px;
}

.member .pstatus_e {
    position:absolute;
    top:-8px;
    left:-15px;
}

.member .pstatus_e div.control {
    padding:10px 8px 10px 8px;
    margin:14px 0 0 0;
    background:#fff;
    background:#f3f3f3;
    width:771px;
    border-radius:10px;
}

.member .pstatus_e textarea {
    border:1px solid #eee;
    color:#000;
    font-size:11px;
    border-radius:2px;
    padding:5px;
    width:759px;
    resize:none;
    height:30px;

    border-radius:8px;
}

.member .pstatus_e textarea:focus {
    border:1px solid #ccc;
}

/* /member */

div.empty-data {
    padding:5px;
    color:#000;
}

div.empty-data h2 {
    font-weight:normal;
    font-size:16px;
}

div.empty-data span {
    display:block;
    margin:5px 0 0 0;
    font-size:12px;
    color:#000;
}

/* Tasks */
ul.tasks {
    width:748px;
}

ul.tasks li {
    cursor:pointer;
    position:relative;
}

ul.tasks li:hover {
    background:#F7FAFD;
}

ul.tasks li em.status {
    font-style:normal;
    position:absolute;
    top:0px;
    right:0px;

    padding:8px 12px;
    width:100px;

    background:#f3f3f3;
}

ul.tasks li .line {
    display:block;
    border-bottom:1px solid #F0F4F9;
    margin:0;
}

ul.tasks li .img {
    width:56px;
    margin:0 3px 0 12px;
    padding:6px 1px 5px 1px;
    float:left;
}

ul.tasks li .img img {
    border-radius:10px;
}

ul.tasks li .row {
    margin:6px 0;
    float:left;
    height:52px;
    width:500px;
    position:relative;
}

ul.tasks li.own {
    background:#FFFFFF;
}

ul.tasks li.completed,ul.tasks li.impossible,ul.tasks li.canceled, ul.tasks li.rejected {
    filter:alpha(opacity=40);
    opacity:0.4;
}

ul.tasks li.completed:hover,ul.tasks li.impossible:hover,ul.tasks li.canceled:hover, ul.tasks li.rejected:hover {
    filter:alpha(opacity=100);
    opacity:1.0;
}

ul.tasks li .row h3 {
    font-size:14px;
    font-weight:normal;
    color:#315D7E;
    margin:1px 0 0 0;
    line-height:17px;
}

ul.tasks li .row h3 em {
    font-style:normal;
    font-size:11px;
    padding:3px;
    background:#eee;
    border-radius:3px;
}

ul.tasks li .row .f {
    width:420px;
    display:block;
    margin:5px 0 0 0;
    font-size:11px;
    position:absolute;
    bottom:2px;
}

ul.tasks li .row .f a.author {
    color:#94BADA;
}

ul.tasks li .row .f a.author:hover {
    color:#37719F;
}

ul.tasks li .row .f span.category {
    margin:0 0 0 12px;
    color:#94BADA;
}

ul.tasks li .row .f span.date {
    display:inline;
    color:#ccc;
    margin:0 0 0 6px;
}

ul.tasks li .row .f span.mcount {
    display:inline;
    color:#ccc;
    margin:0 0 0 6px;
}

ul.tasks li span.expire {
    position:absolute;
    display:block;
    right:124px;
    top:0px;

    height:10px;
    min-width:36px;
    padding:7px 5px 13px 5px;
    text-align:center;
    font-size:12px;
    background:#f9f9f9;

    color:#eee;
}

ul.tasks li span.expire.red {
    background:red;
    color:#fff;
}

ul.tasks li span.expire.yellow {
    background:yellow;
    color:#000;
}

ul.tasks li span.expire.yellow b {
    color:#000;
}

ul.tasks li span.expire.red b {
    color:#fff;
}

ul.tasks li span.expire b {
    color:#ccc;
}


ul.tasks li.last {
    padding:8px 10px 10px 10px;
    background:#F3F3F3;
}


.task-fmt {
    margin:20px 0 70px 0;
    background:#fff;
}

.task-fmt .buttons {
    padding:15px 0 0 105px;
    border-top:1px solid #eee;
}

.fmt .buttons {
    padding:15px 0 0 0;
}

.fmt .buttons a.btn:first-child {
    margin-left:0px;
}

.task-fmt a.btn, .fmt .buttons a.btn {
    float:left;
    padding:7px 12px 9px 12px;
    background:#A2A2A2;
    border-radius:6px;
    font-size:13px;
    color:#fff;
    margin:0 2px 0 10px;
}

.task-fmt a.btn.org, .fmt a.btn.org {
    background:#F37D1C;
}
.task-fmt a.btn.org:hover, .fmt a.btn.org:hover{
    background:#CA610B;
}

.task-fmt a.btn:hover, .fmt a.btn:hover {
    background:#939393;
    text-decoration:none;
}

.task-fmt table.rows {
    width:950px;
}

.task-fmt table.rows td:first-child {
    text-align:right;
    vertical-align:top;
    padding:14px 0 0 0;
    font-size:14px;
}

.task-fmt table.rows td:last-child {
    vertical-align:top;
    padding:10px 0 0 11px;
}

.task-fmt table.rows td input.title {
    font-size:20px;
}

.task-fmt table.rows td a.selector {
    float:left;
    margin:5px 0 0 0;
    font-weight:bold;
    font-size:11px;
    color:#3A4A89;
    text-decoration:underline;
}

.task-fmt table.rows td a.selector:hover {
    text-decoration:none;
}

.task-fmt .description {
    margin:5px 0 0 0;
}

.task-fmt .description a {
    font-size:11px;
    color:#436489;
}

.task-dates {
    margin:35px 0 0 0;
}

.task-dates li {
    float:left;
    padding:0 10px 0 0;
}

.task {
    background:#fff;
}

.task table.description {
    margin:0 0 0 0;
    width:960px;
    border-top:1px solid #f4f4f4;
}

.task table.description tr.d-content td:first-child {
    width:100px;
    vertical-align:top;
    text-align:right;
    color:#777;
}

.task table.description tr.d-content td:last-child {
    vertical-align:top;
}

.task table.description td.author {
    position:relative;
}

.task table.description td.author div.img {
    width:100px; text-align:left;
}

.task table.description td.author div.img img {
    width:88px;
    margin:-1px 0 0 -1px;
}

.task table.description td.author div.img .name {
    padding:8px 8px 10px 8px;
    margin:-2px 0 0 -1px;
    background:#8AB630;
    color:#fff;
    width:72px;
}

.task table.description td.author div.project-img {
    overflow: hidden;
    margin:0 0 0 -1px;

    border-bottom-right-radius:14px;
    width:88px;
}

.task table.description td.author div.project-img img {
    margin:0 0 -25pt 0;
}

.task table.description td.author span {
    display:block;
    width:56px;
    margin:2px 0 0 8px;
    color:#ccc;
    text-align:center;
}

.task table.description td.data {
    padding:0 0 0 8px;
    position:relative;
}

.task table.description td ul.files {
    margin:5px 0 0 0;
}

.task table.description td ul.files li {
    font-size:11px;
    height:16px;
    position:relative;
}

.task table.description td ul.files li a.name {
    color:#222;
}

.task table.description td ul.files li a.rm {
    background:url(/i/x.png) no-repeat 0 0;
    width:30px;
    height:30px;
    display:none;
    position:absolute;
    top:2px;
    left:-28px;
}

.task table.description td ul.files li span {
    color:#ccc;
}

.task table.description td ul.files li:hover a.rm {
    display:block;
}

.task table.description td ul.files li .note {
    display:none;
}

p.tip {
    max-width:260px;
    line-height:16px;
    font-size:11px;
    color:#fff;
}

a.edit-fly {
    display:none;
    padding:7px 5px 4px 5px;
    border:1px solid #DCE2E9;
    border-radius:3px 0px 0px 3px;
    height:20px;
    width:20px;
    background:#E9EDF1 url(/i/t_edit.png) no-repeat 5px 5px;
    position:fixed;
    top:320px;
    margin-left:-32px;
    z-index:100;
}

a.edit-fly:hover {
    background:#F9BB88 url(/i/t_edit.png) no-repeat 5px 5px;
}

a.edit-fly.save {
    border:1px solid #0085E8;
    background:#1A9DFF url(/i/t_save.png) no-repeat 5px 6px;
}

a.edit-fly.save:hover {
    background:#F48A33 url(/i/t_save.png) no-repeat 5px 6px;
}

.task table.description td.data h3 {
    width:465px; /* 850 */
    min-height:60px;
    padding:12px 15px 10px 22px;
    margin:0 0 0 -22px;

    font-size:22px;
    font-weight:normal;

    background:#F8FAFC;
    color:#000;

    border-bottom:1px solid #F3F3F3;
}

.task table.description td.data div.status-block {
    width:370px;
    height:82px;
    background:#F8FAFC;

    position:absolute;
    top:0px;
    right:1px;

    border-bottom:1px solid #F3F3F3;
}

.task table.description td.data h4 {
    margin:20px 0 3px 0;
    color:#2B587A;
}

.task table.description td.data div.task-content {
    display:block;
    margin:4px 0 0 0;
    padding:0 4px 0 0;
    line-height:17px;
    color:#000;
    min-height:200px;
}

.task table.description td.data div.task-content a:visited {
    color:#DFDFDF;
}

.task table.description td.data div.task-content a.user,.task table.description td.data div.task-content a.user:visited {
    color:#2B587A;
    font-weight:bold;
}

.task table.description td.data div.task-content a:hover {
    color:#000;
}

.task table.description div.mail {
    margin:20px 0 0 0;
}

.task table.description div.mail a.user {
    float:left;
    padding:0 4px 0 32px;
    height:20px;
    background:url(/i/m.png) no-repeat 0px 0px;
}

.task table.description div.mail .message-content {
    display:block;
    padding:5px 7px;
    margin:5px 0 0 0;
    border:1px solid #eee;
    background:#F5F9FC;
    border-radius:5px;
}

.task table.description em.date {
    float:left;
    width:140px;
    font-size:11px;
    font-style:normal;
    color:#777;
    padding:1px 0 0 7px;
}

.task table.description td.data em.options {
    float:left;
    width:370px;
    margin:10px -5px 0 17px;
    font-size:11px;
    font-style:normal;
    color:#ccc;
    text-align:right;
}

.task table.description td.data em.options a {
    padding:3px 5px 4px 6px;
    color:#A8A8A8;
    margin:0 0 0 4px;
    border-radius:3px;
}

.task table.description td.data em.options a:hover {
    background:#5A7BA5;
    color:#fff;
    text-decoration:none;
}

.task table.description td.data .expire-box {
    position:absolute;
    top:0px;
    right:0px;
    text-align:right;
    width:110px;
}

.task table.description td.data .expire-box div.expire {
    float:right;
    border-left:1px solid #F5F5F5;
    padding:14px 12px 10px 12px;
    color:#000;
    cursor:pointer;
    position:relative;

    height:59px;
}

.task table.description td.data .expire-box div.expire:hover {
    background:#FBFBFB;
}

.task table.description td.data .expire-box div.expire .value {
    margin:2px 0 2px 0;
    text-align:center;
    color:#000;
}

.task table.description td.data .expire-box div.expire.completed .value {
    color:#009F00;
}

.task table.description td.data .expire-box div.expire.past .value {
    color:red;
}

.task table.description td.data .expire-box div.expire.left .value {
    color:#000;
}

.task table.description td.data .expire-box div.expire span {
    display:block;
    color:#000;
    font-size:14px;
    text-align:center;
}

.task table.description td.data .expire-box div.expire b {
    font-size:32px;
    color:#000;
}

.task table.description td.data .expire-box div.expire b.small {
    font-size:24px;
}

.task table.description td.data .expire-box div.expire.past span {
    font-weight:bold;
}

.task table.description td.data .expire-box div.expire.past b {
    color:#D70000;
}

.task table.description td.data .expire-box div.expire .count {
    display:block;
    font-size:9px;
    color:#C7C7C71;
    padding:2px 0 0 0;
    margin:4px 0 0 0;
    text-align:center;
    border-top:1px solid #eee;
}

.task table.description td.data .expire-box div.expire.completed {
    background:#E6FFE6;
}

.task table.description td.data .expire-box div.expire.completed span {
    font-size:18px;
    color:#007100;
}

.task table.description td.data .expire-box div.expire.completed b {
    color:#009F00;
    font-size:28px;
}


.task table.description td.data .expire-box div.expire.completed .count {
    color:#009F00;
}

.task table.description td.data .title-desc {
    position:relative;
}

.task table.description td.data .title-desc .ch-history {
    position:absolute;
    right:8px;
    top:1px;
    font-size:11px;
    color:#ccc;
    z-index:2;
    color:#2D5077;
}

.task table.description td .tags {
    padding:0 0 0 3px;
    font-size:11px;
    color:#ccc;
}

.task table.description td .tags a {
    margin:0 0 0 3px;
    color:#37719F;
    line-height:16px;
}

.task table.description td .tags a:hover {
    color:#009F00;
}

.task table.description td.data div.status-block .status {
    position:relative;
}

.task table.description td.data div.status-block .status .block {
    float:left;
    width:288px;
}

.task table.description td.status .timer-area {
    float:left;
    left:287px;
    text-align:right;
}

.task table.description td.status .timer-area .timer em {
    font-style:normal;
    margin:-2px 0 0 0;
    padding:0 5px 0 0;
    color:red;
    font-size:16px;
}

.task table.description td.status .timer-area .timer s {
    text-decoration:none;

    font-size:17px;
    font-weight:bold;
    color:#fff;

    padding:2px 5px 3px 5px;
    background:#FF6501;
    border-radius:3px;
}

.task table.description td.status .timer-area .timer b {
    padding:2px 5px 3px 5px;
    background:#eee;
    border-radius:3px;
}


.task table.description td.data div.status-block .view .current {
    float:left;
    padding:5px 10px 6px 10px;
    margin:8px 0 0 32px;
    background:#ccc;
    color:#fff;
    font-size:15px;
    font-weight:normal;
    cursor:pointer;
    border-radius:4px;
}

.task table.description td.data div.status-block .current.active:hover {
    background:#F27C1C;
    color:#fff;
}

.task table.description td.data div.status-block .statuses {
    width:122px;
    background:#eee;
    position:absolute;
    padding:7px;
    margin:0 0 0 -2px;
    display:none;
    z-index:2;
}

.task table.description td.data div.status-block .statuses a {
    display:block;
    padding:5px 10px 6px 10px;
    margin:0 0 3px 0;
    font-size:14px;

    background:#ccc;
    color:#fff;
}

.task table.description td.data div.status-block .status-note {
    margin:11px 0 0 6px;
    font-size:11px;
    color:#000;
    width:360px;
}

.task table.description td.data div.status-block .status-note a.img {
    position:absolute;
    top:8px;
}

.task table.description td.data div.status-block .status-note a.img img {
    float:left;
    height:29px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.task table.description td.data div.status-block .status-note .cnt {
    float:left;
    width:200px;
    margin:-5px 0 0 0;
    cursor:help;
}

.task table.description td.data div.status-block .statuses a {
    border-radius:4px;
}

.task table.description td.data div.status-block .statuses a:hover {
    text-decoration:none;
    border-color:#3669A3;
}

.task table.description td.data div.status-block .statuses a.talk,
.task table.description td.data div.status-block .view .current.talk,
ul.tasks li .row h3 em.talk,
.w-tstatuses-history .cnt h3 b.talk,
ul.tasks li em.status.talk {
    background:#58CB6C;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.talking,
.task table.description td.data div.status-block .view .current.talking,
ul.tasks li .row h3 em.talking,
.w-tstatuses-history .cnt h3 b.talking,
ul.tasks li em.status.talking {
    background:#37B34D;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.process,
.task table.description td.data div.status-block .view .current.process,
ul.tasks li .row h3 em.process,
.w-tstatuses-history .cnt h3 b.process,
ul.tasks li em.status.process {
    background:#FF6501;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.completed,
.task table.description td.data div.status-block .view .current.completed,
ul.tasks li .row h3 em.completed,
.w-tstatuses-history .cnt h3 b.completed,
ul.tasks li em.status.completed {
    background:#00AE00;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.frozen,
.task table.description td.data div.status-block .view .current.frozen,
ul.tasks li .row h3 em.frozen,
.w-tstatuses-history .cnt h3 b.frozen,
ul.tasks li em.status.frozen {
    background:#3669A3;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.impossible,
.task table.description td.data div.status-block .view .current.impossible,
ul.tasks li .row h3 em.impossible,
.w-tstatuses-history .cnt h3 b.impossible,
ul.tasks li em.status.impossible {
    background:red;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.rejected,
.task table.description td.data div.status-block .view .current.rejected,
ul.tasks li .row h3 em.rejected,
.w-tstatuses-history .cnt h3 b.rejected,
ul.tasks li em.status.rejected {
    background:#9B0000;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.extended,
.task table.description td.data div.status-block .view .current.extended,
ul.tasks li .row h3 em.extended,
.w-tstatuses-history .cnt h3 b.extended,
ul.tasks li em.status.extended {
    background:#9ECC40;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.updated,
.task table.description td.data div.status-block .view .current.updated,
ul.tasks li .row h3 em.updated,
.w-tstatuses-history .cnt h3 b.updated,
ul.tasks li em.status.updated {
    background:#E19300;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.fulfill,
.task table.description td.data div.status-block .view .current.fulfill,
ul.tasks li .row h3 em.fulfill,
.w-tstatuses-history .cnt h3 b.fulfill,
ul.tasks li em.status.fulfill {
    background:#E4A216;
    color:#fff;
}

.task table.description td.data div.status-block .statuses a.taked,
.task table.description td.data div.status-block .view .current.taked,
ul.tasks li .row h3 em.taked,
.w-tstatuses-history .cnt h3 b.taked,
ul.tasks li em.status.taked {
    background:orange;
    color:#fff;
}

.task table.description td.data div.status-block div.date {
    float:left;
    padding:0 0 0 10px;
    margin:6px 0 0 0;
}

.task table.description td.data div.status-block div.date span.value {
    display:block;
    color:#000;
    font-size:16px;
}

.task table.description td.data div.status-block div.date a.history {
    display:block;
    color:#000;
    font-size:10px;
}

.task table.description td.data div.status-block span b {
    color:#000;
}

.task table.description td.members {
    padding:7px 5px 0 5px;
}

.img-file {
    cursor:pointer;
    max-width:750px;
    border-radius:8px;
}

.img-uploaded {
    cursor:pointer;
    max-width:750px;
    border-radius:8px;
}

.img-uploaded.ticket {
    max-width:600px;
    max-height:300px;
}


.members-attached div.member {
    float:left;
    width:400px;
}

.members-attached div.watcher {
    float:left;
    width:400px;
}

.members-attached h2 {
    font-size:14px;
    font-weight:normal;
}

.members-attached h2.active {
    display:inline;
    padding:4px 5px;
    margin:0 0 0 -4px;
    border-radius:3px;
    cursor:pointer;
}

.members-attached h2.active:hover {
    background:#F27C1C;
    color:#fff;
}

.members-attached div.one {
    float:left;
    margin:12px 14px 2px 0;
    width:48px;
    cursor:pointer;
    position:relative;
}

.members-attached div.one .visited {
    position:absolute;
    top:1px;
    left:1px;
    width:15px;
    height:15px;
    background:url(/i/v.png) no-repeat 0px 0px;
}

.members-attached div.one .visited.watcher {
    background:url(/i/eye.png) no-repeat 1px 0px;
}

.members-attached div.one img {
    border-radius:10px;
}

.members-attached div.one a {
    color:#2B587A;
    font-size:10px;
    display:block;
    text-align:center;
    margin:2px 0 0 -3px;
    width:54px;
}

.members-attached .empty {
    margin:5px 0 0 0;
    font-size:11px;
}


.members-attached a.selector {
    display:block;
    width:100px;
}

.tip-duty {
    color:#000;
}

.tip-duty b {
    display:block;
    font-size:12px;
}

.tip-duty p {
    display:block;
    margin:5px 0 0 0;
    font-size:11px;
}


/* statuses history */
.w-tstatuses-history {
    overflow:auto;
    max-height:400px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.w-tstatuses-history ul li {
    height:42px;
    border-bottom:1px solid #eee;
    padding:8px 0 0 0;
}

.w-tstatuses-history ul li .img {
    float:left;
}

.w-tstatuses-history ul li .img a {
    font-size:11px;
    color:#2B587A;
}

.w-tstatuses-history ul li .img a img {
    height:40px;
    border-radius:6px
}

.w-tstatuses-history ul li .cnt {
    float:left;
    margin:2px 0 0 8px;
    width:455px;
    position:relative;
}

.w-tstatuses-history ul li .cnt h3 {
    float:left;
    font-size:12px;
    font-weight:normal;
}

.w-tstatuses-history ul li .cnt h3 b {
    font-weight:normal;
    font-size:13px;
    color:#204159;
    padding:3px 5px 4px 5px;
    border-radius:4px;
}

.w-tstatuses-history ul li .cnt h3 span {
    color:#ccc;
}

.w-tstatuses-history ul li .cnt .date {
    font-size:10px;
    color:#777;
    display:block;
    position:absolute;
    right:4px;
    top:1px;
}

.w-tstatuses-history ul li .cnt .note {
    font-size:11px;
    width:450px;
    margin:7px 0 0 0;
    color:#000;
    padding:0 0 8px 0;
}


/* prolongs */
.w-tprolongs-history {
    overflow:auto;
    max-height:400px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.w-tprolongs-history ul li {
    height:42px;
    border-bottom:1px solid #eee;
    padding:7px 0 0 0;
}

.w-tprolongs-history ul li .img {
    float:left;
}

.w-tprolongs-history ul li .img a {
    font-size:11px;
    color:#2B587A;
}

.w-tprolongs-history ul li .img a img {
    height:32px;
    border-radius:3px
}

.w-tprolongs-history ul li .cnt {
    float:left;
    margin:2px 0 0 8px;
    width:355px;
    position:relative;
}

.w-tprolongs-history ul li .cnt h3 {
    float:left;
    font-size:11px;
    color:#2C4E74;
}

.w-tprolongs-history ul li .cnt h3 b {
    color:#204159;
    padding:2px 4px 3px 4px;
    border-radius:3px;
}

.w-tprolongs-history ul li .cnt h3 span {
    color:#ccc;
}

.w-tprolongs-history ul li .cnt .date {
    font-size:10px;
    color:#777;
    display:block;
    position:absolute;
    right:0px;
    top:1px;
}

.w-tprolongs-history ul li .cnt .note {
    font-size:11px;
    width:350px;
    margin:3px 0 0 0;
    color:#000;
}


ul.list-fmm li {
    display:block;
    clear:both;
    padding:8px 0 8px 0;
    margin:0 10px 0 0;
}

ul.list-fmm li:first-child {
    padding-top:0;
}


/* content history */
.w-content-history {
    width:540px;
    height:700px;
    overflow:scroll;
    background:#fff;
    padding:5px;
    border:5px solid #2C4E74;
}

.w-content-history .more {
    background:#EFF4FA;
    vertical-align:top;
    font-weight:bold;
    font-size:10px;
    cursor:pointer;
}

.w-content-history .more:hover {
    background:#8AAEDB;
}

.w-content-history .more div {
    color:#222;
    padding:10px 12px;
}

.w-content-history .more:hover div {
    color:#fff;
}

.w-content-history .cnt {
    width:768px;
    min-height:500px;
    border-right:1px solid #222;
    padding:3px;
    margin:3px;
    float:left;
    background:#fff;
}

.w-content-history .cnt .user .img {
    float:left;
}

.w-content-history .cnt .user .img img {
    height:35px;
}

.w-content-history .cnt .user .info {
    float:left;
    width:700px;
    margin:0 0 0 7px;
    position:relative;
}

.w-content-history .cnt .user .info a {
    color:#2C4E74;
    font-weight:bold;
}

.w-content-history .cnt .user .info span {
    display:block;
    position:absolute;
    right:1px;
    top:-5px;
    margin:3px 0 0 0;
    font-weight:bold;
    color:#ccc;
}

.w-content-history .cnt .user .info span em {
    font-style:normal;
    font-size:14px;
    display:block;
    color:#000;
}

.w-content-history .cnt .user .info span b {
    display:block;
    margin:3px 0 0 0;
    color:#2D5077;
    font-size:13px;
}

.w-content-history .cnt p.line {
    margin:10px 0 0 0;
    padding:5px 0 0 0;
    border-top:1px solid #eee;
}

.w-btn-bottom {
    text-align:center;
    padding:15px 0 15px 0;
    background:#2C4E74;
    cursor:pointer;
}

.w-btn-bottom b {
    color:#fff;
}

.w-btn-bottom:hover {
    background:#1D344E;
}

/* /Tasks */

.w-reminders .head {
    background:#fff;
    padding:7px;
    height:40px;
    border:1px solid #eee;
}

.w-reminders .head img {
    width:40px;
    float:left;
}

.w-reminders .head span {
    float:left;
    margin:0 0 0 10px;
    width:340px;
}

.w-reminders ul li {
    min-height:30px;
    border:1px solid #DCE8F1;
    background:#F4F8FB;
    padding:4px;
    margin:0 0 10px 0;
    position:relative;
    cursor:pointer;
}

.w-reminders ul li .date {
    color:#777;
    float:left;
    width:90px;
    text-align:right;
}

.w-reminders ul li .descr {
    float:left;
    padding-left:10px;
    width:260px;
    color:#000;
    font-size:11px;
}

.w-reminders ul li .date span {
    font-size:11px;
    margin:3px 0 0 0;
}

.w-reminders ul li a.rm {
    position:absolute;
    right:10px;
    top:12px;
    height:13px;
    width:15px;
    background:url(/i/x.png) no-repeat 1px 1px;
    display:none;
}

.w-reminders ul li:hover {
    background:#E3ECF4;
    border:1px solid #C0D5E7;
}

.w-reminders ul li:hover a.rm {
    display:block;
}

.w-reminders a.new {
    display:block;
    margin:10px 0 0 0;
    background:#769ECB;
    margin:15px 0 0 0;
    padding:7px 10px 8px 10px;
    color:#fff;
    border-radius:3px;
    text-align:center;
    font-weight:bold;
}

.w-reminders a.new:hover {
    text-decoration:none;
    background:#4174AE;
}

.content div.members ul {
    width:760px;
    margin:11px;
}

.content div.members ul li {
    height:165px;
    width:160px;
    float:left;
    border:1px solid #F8F8F8; /* F8F8F8 */
    background:#FBFBFB;
    margin:10px;
    text-align:center;
    cursor:pointer;
    border-radius:8px;
}

.content div.members ul li:hover {
    background:#F7F7F7;
}

.content div.members ul li .img {
    width:50px;
    margin:10px 28px 0px 28px;
}

.content div.members ul li .img img {
    border-radius:10px;
    width:100px;
}

.content div.members ul li .row {
    float:left;
    width:150px;
    padding:5px;
    position:relative;
}

.content div.members ul li .row .f {
    position:absolute;
    top:0px;
    right:0px;
}

.content div.members ul li .row .f a {
    display:block;
}

.content div.members ul li .row .f span {
    display:block;
}

.content div.members ul li .row h3 {
    font-weight:normal;
    font-size:15px;
    color:#875D7E;
}

.content div.members ul li .row h3 span {
    font-weight:normal;
    font-size:12px;
    display:block;
    margin:2px 0 0 0;
    padding:0;
}

.right div.members {
    margin:5px 3px 3px 3px;
    background:#F2FCFF;
    padding:7px;
    border:1px solid #C1F1FF;
    border-radius:4px;
}


.right div.members h2 {
    font-size:13px;
    padding:0 0 0 0;
    color:#000;
    font-weight:bold;
}

.right div.members ul {
    margin:5px 0 0 0;
}

.right div.members ul li {
    margin:0 0 5px 0;
    font-weight:bold;
    position:relative;
    border-radius:3px;
    background:#EFFAFA;
    border:1px solid #DDF8FF;
    padding:4px 2px 4px 6px;
}

.right div.members ul li:hover {
    background:#3D79C2;
    color:#fff;
    cursor:pointer;
}

.right div.members ul li:hover strong,
.right div.members ul li:hover em {
    color:#fff;
}

.right div.time {
    margin:0;
    padding:6px 4px 2px 4px;
    height:25px;
    background: linear-gradient(162deg, #F6F6F6 0%, #F2EFED 100%);
    width:230px;
}

.right div.time h2 {
    font-size:13px;
    padding:0 0 0 0;
    color:#000;
    font-weight:bold;
}

.right div.time span.time {
    display:block;
    float:left;
    font-size:16px;
    font-weight: bold;
    color: #be5704;
    width:72px;
    margin:1px 0 0 10px;
}

.right div.time span.date {
    float:left;
    font-size:14px;
    width:130px;
    margin:2px 0 0 15px;
}

.right div.notifications {
    padding:10px 4px 10px 15px;
    border-top:1px solid #F3F3F3;
    border-bottom:1px solid #F3F3F3;
    border-collapse:collapse;
    cursor:pointer;
    color:#ccc;
    position:relative;
}

/*
.right div.notifications.new {
	background:#769ECB;
	color:#fff;
}

.right div.notifications.new h2 {
	font-size:12px;
	color:#fff;
}

.right div.notifications.new.hl {
	background:#F2FCFF;
	color:#000;
}

.right div.notifications.new.hl h2 {
	color:#315782;
}
*/

.right div.notifications:hover {
    background:#D8E4F3;
}

.right div.notifications h2 {
    font-size:15px;
    padding:0 0 0 0;
    color:#000;
    font-weight:normal;
}

.right div.notifications .data {
    font-size:15px;
    position:absolute;
    right:12px;
    top:10px;
}

/* Notifications */

ul.notifications {
    margin:0;
}

ul.notifications li {
    height:33px;

    padding:5px 4px 5px 14px;
    border-bottom:1px solid #f7f7f7;
    cursor:pointer;

    position:relative;
    color:#000;
}

ul.notifications li:hover {
    background:#F5F5F5;
}

ul.notifications li img.mem {
    display:block;
    float:left;
    border-radius:8px;
    height:32px;
}

ul.notifications li div.msg {
    float:left;
    width:780px;
    margin:0 0 0 7px;
}

ul.notifications li div.msg h2 {
    display:block;
    color:#000;
    font-size:13px;
    font-weight:normal;
    margin:-2px 0 0 0;
}


ul.notifications li div.msg h2 t {
    color:#5084BE;
}

ul.notifications li div.msg span {
    display:block;
    margin:3px 0 0 0;
    font-size:11px;
    color:#333;
}

ul.notifications li em.date {
    font-style:normal;
    color:#C9C9C9;
    font-size:10px;

    position:absolute;
    right:10px;
    top:10px;
}

ul.notifications li.l0 {
    height:30px;
    padding:18px 0 0 15px;
    background:#fff;
    border-bottom:1px solid #eee;
}

ul.notifications li.l0 h1 {
    font-weight:normal;
    font-size:16px;
}

ul.notifications li.l0 .mod {
    color:#ccc;
}

ul.notifications li.l0 a {
    font-size:17px;
    color:#333;
}

ul.notifications li em {
    font-style:normal;
    position:absolute;
    right:10px;
    top:15px;
    color:#888;
}

ul.notifications li.l1 {
    height:18px;
    padding: 4px 10px 4px 14px;
    background:#FCFCFC;
}

ul.notifications li.l1 a {
    font-size:14px;
    color:#696969;
}

ul.notifications li.l1 em {
    font-style:normal;
    padding:0 0 0 5px;
    color:#ccc;
}

ul.notifications li a.rm {
    position:absolute;
    right:5px;
    top:5px;
    height:18px;
    width:18px;
    background:url(/i/xg.png) no-repeat 4px 4px;
    opacity:0;
}

ul.notifications li.l2 {
    height:18px;
    padding: 4px 10px 4px 14px;
    background:#FCFCFC;
}

ul.notifications li.l2 t {
    color:#000;
}

ul.notifications li.l2 a {
    color:#000;
}

ul.notifications li:hover a.rm {
    opacity:0.8;
}

ul.notifications li:hover a.rm:hover {
    opacity:1;
}

/**/


/* Companies */


div.el-props {
    padding:12px;
    width:480px;
}

div.el-props table {
    cellspacing:0;
    color:#000;
}

div.el-props table tr td:first-child {
    width:110px;
    vertical-align:top;
}


/* Tickets */


.service-description {
    margin:15px;
    color:#000;
    font-size:13px;
}

.service-description .tile {
    float:left;
    margin:0 20px 0 0;
    max-width:335px;
}

.service-description img {
    border:1px solid #eee;
    border-radius:12px;
}

.service-description .tile h3:first-child {
    margin-top:0px;
}

.service-description h2 {
    font-weight:normal;
    font-size:18px;
    margin:25px 0 12px 0;
}

.service-description h2.f {
    margin:0px 0 12px 0;
}

.service-description h3 {
    font-weight:normal;
    font-size:14px;
    margin:15px 0 5px 0;
    text-decoration:underline;
}

.service-description span.ul-head {
    display:block;
    font-weight:normal;
    text-decoration:underline;
    font-size:13px;
    margin:5px 0 5px 0;
    padding:0;
}

.service-description p {
    margin:0 0 15px 0;
}

.service-description em {
    display:block;
    margin:6px 0 0 0;
    font-style:normal;
    color:#777;
    font-size:12px;
}

.service-description ul {
    list-style-type:circle;
    margin:0 0 10px 18px;
    padding:0;
}

.service-description ul li {
    padding:0 0 3px 0;
}


/* additionsl styles */
.brd{border:2px solid #DFDFDF}
.brd1{border:1px solid #EEEEEE}
.brd3{border:1px solid #F4F4F4}
.brd2{border:2px solid #DFDFDF}
.brd5a{
    border: 9px solid rgba(163, 184, 165, .3);
    border-radius:8px;

    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 4px 4px 4px 0 rgba(0,0,0,.4);
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,.4);

}
.brd2a{
    border: 12px solid rgba(48, 94, 150, .7);
    border-radius:4px;
}

.intext{border:1px solid #BAD9E9;}
.lborder{border-left:2px solid #00822B}
/**/

/* widget */
.widget {
    padding:0;
    background:#fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

.widget.black {
    background:#000;
}

.widget h1 {
    margin:0 0 20px 0;
    padding:10px 10px 10px 15px;
    color:#fff;
    font-size:15px;
    font-weight:normal;
    background:#2c2f33;
}

.widget .row {
    margin:10px 0 0 0;
    width:100%;
    overflow:hidden;
}

.widget .btn-row {
    float:right;
    margin:15px 18px 18px 0;

}

.widget .buttons-area {
    border-top:1px solid #E2E2E2;
    background:#eee;
}

.widget a.buttons {
    float:left;
    padding:8px 18px 9px 18px;
    background: linear-gradient(180deg, #D4CDC8 0%, #BFB0A5 100%);
    font-size:15px;
    color:#fff;
    margin:0 2px 0 6px;

    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.widget a.buttons.org {
    background: linear-gradient(180deg, #E48339 0%, #D26E22 100%);
}
.widget a.buttons.org:hover{
    background: linear-gradient(180deg, #DD792C 0%, #CD6719 100%);
}

.widget a.buttons:hover {
    background: linear-gradient(180deg, #CDC2BA 0%, #BBA99B 100%);
    text-decoration:none;
}

.widget a.buttons.buy {
    background: linear-gradient(180deg, #79a24c 0%, #ee9c5b 100%);
}

.widget a.buttons.buy:hover {
    background: linear-gradient(180deg, #5e7e3b 0%, #be7d4a 100%);
}

.widget a.buttons.sell {
    background: linear-gradient(180deg, #e31d24 0%, #b01c1c 100%);
}

.widget a.buttons.sell:hover {
    background: linear-gradient(180deg, #c51a1f 0%, #911717 100%);
}



.widget-form {
    position:relative;
    margin:30px 0 0 0;
}

.widget-form table {
    width:100%;
}

.widget-form .overlay {
    position:absolute;
    width:100%;
    z-index:1001;
}

.widget-form table tr td {
    height:30px;
}

.widget-form table tr td .descr {
    margin:2px 0 5px 0;
    font-size:11px;
}

.widget-form.micro table tr td {
    height:27px;
}

.widget-form table tr td input[type=text], .widget-form table tr td select {
    font-size:15px;
    -webkit-appearance: none;
}

.widget-form table tr td textarea {
    -webkit-appearance: none;
}

.widget-form table tr td:first-child {
    vertical-align:top;
    font-size:15px;
    text-align:right;
    padding:7px 0 0 0;
    width:80px;
    color:#000;
}

.widget-form.micro table tr td:first-child {
    padding:8px 0 0 0;
    font-size:14px;
}

div.coin-details-w .widget-form.micro table tr td:first-child {
    padding: 3px 0 0 0;
    font-size: 14px;
}

.widget-form.micro table tr td input[type=text], .widget-form table tr td select {
    font-size:13px;
}

.widget-form table tr td:last-child {
    vertical-align:top;
    padding:0 0 0 10px;
}

.widget-form .multi {
    position:relative;
    float:left;
    margin:0 10px 0 0;
}

.widget-form .multi span {
    position:absolute;
    background:#fff;
    top:-3px;
    padding:1px 2px;
    font-size:10px;
}

.w-hints li {
    height:17px;
    font-size:13px;
    cursor:pointer;
}

.w-hints li:hover {
    color:#875D7E;
}

.w-tasks {
    overflow:auto;
    height:600px;
    background:#F7F9FD;
}

.w-tasks .sep {
    padding:5px 0 5px 0px;
    border-bottom:1px solid #eee;

    font-size:16px;
}

.w-tasks ul {
    margin:0 0 15px 0;
}

.w-tasks ul li {
    height:36px;
    width:100%;
    border-bottom:1px solid #f5f5f5;
    padding:5px 0 5px 0;
}

.w-tasks ul li:hover {
    cursor:pointer;
    background:#FAFBFE;
}

.w-tasks ul li img {
    float:left;
    margin:0 8px 0 0;
    height:35px;
    border-radius:4px;
}

.w-tasks ul li div {
    float:left;
    margin:0 0 0 0;
    width:550px;
}

.w-tasks ul li div h4 {
    font-weight:normal;
    font-size:13px;
    color:#315DA5;
}

.w-tasks ul li div span {
    display:block;
    margin:3px 0 0 0;
    font-size:11px;
    color:#333;
}

.wi-upload-form .progress {
    margin:10px 0 0 10px;
    height:15px;
}

.wi-upload-form .code {
    display:none;
}

.wi-upload-form .preset {
    background:#fff;
    border:1px solid #DFDFDF;
    padding:10px;
    overflow-x:hidden;
    overflow-y:scroll;
    max-height:400px;
}

.wi-upload-form .preset .img {
    position:relative;
    display:block;
    float:left;
    margin:2px 3px;
}

.wi-upload-form .preset .img img {
    border-radius:5px;
}

.wi-upload-form .preset .img:hover a.rm {
    display:block;
}

.wi-upload-form .preset .img a.rm {
    position:absolute;
    bottom:7px;
    right:5px;
    background:url(/i/rm.png);
    width:15px;
    height:15px;
    display:none;
    cursor:pointer;
}

.wi-upload-form .btn {
    display:block;
    margin:10px 0 0 10px;
    color:blue;
    font-weight:bold;
    width:150px;
}

.wi-rows-form {
    margin:8px 0 0 0;
}

.wi-rows-form a.btn {
    display:block;
    padding:5px;
    color:blue;
    font-weight:bold;
}

.wi-rows-form .preset {
    padding:5px 5px 5px 0;
    margin:-4px 0 15px 0;
}

.wi-rows-form .preset .img {
    position:relative;
    display:block;
    float:left;
    margin:2px 3px;
}

.wi-rows-form .preset .img img {
    border-radius:3px;
    width:50px;
}

.wi-rows-form .preset .img:hover a.rm {
    display:block;
}

.wi-rows-form .preset .img a.rm {
    position:absolute;
    bottom:7px;
    right:5px;
    background:url(/i/rm.png);
    width:15px;
    height:15px;
    display:none;
    cursor:pointer;
}

.wi-img-gallery {
    background:#000;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

.wi-img-gallery.autosize {
    width:auto;
    height:auto;
}

.wi-img-gallery .b-head {
    color:#777777;
    font-size:12px;
    padding:14px 0 12px 25px;
    position:relative;
}

.wi-img-gallery .b-head .close {
    position:absolute;
    top:15px;
    right:20px;
}

.wi-img-gallery .over {
    margin:0 auto;
    overflow:hidden;
    position:relative;
}



.back-area {
    position:absolute;
    left:0;
    top:0;

    background:#000;
    opacity:0;
    height:100%;
    width:100px;
    display:none;
    z-index:1005;
    cursor:pointer;
}

.back-area:hover {
    opacity:0.2;
}

.wi-img-gallery.autosize .over {
    margin:0 auto;
    width:auto;
    height:auto;
}

.wi-img-gallery .over img {
    display:block;
    margin:5px 0;
    cursor:pointer;
}

.wi-img-gallery.autosize .over img {
    width:auto;
}

.wi-img-gallery.autosize .over img.fullsize {
    height:auto;
    width:auto;
}

.wi-img-gallery.autosize .over img.h850 {
    height:850px;
    width:auto;
    max-width:1280px;
}

.wi-img-gallery.autosize .over img.h800 {
    max-height:900px;
    max-width:1280px;
}

.wi-img-gallery .foot {
    height:70px;
    background:#fff;
}

.wi-img-gallery.autosize .foot {
    height:80px;
    width:auto;
}

.wi-img-gallery .foot .offset {
    color:#777777;
    font-size:12px;
    padding:14px 0 0 25px;
}

.wi-img-gallery .foot .offset a.name {
    color:#45688E;
    display:block;
    margin:5px 0 3px 0;
    font-weight:bold;
}

.wi-img-gallery .foot .offset em {
    font-style:normal;
    font-size:11px;
    color:#999;
}

.wi-img-gallery .foot .offset .description {
    display:block;
    margin:7px 0 0 0;
    font-size:11px;
    color:#000;
}

.wi-members {
    width:400px;
    margin:10px 0 0 0;
}

.wi-members ul li {
    display:block;
    width:373px;
    height:30px;
    padding:5px;
    cursor:pointer;
    border:1px solid #fff;
}

.wi-members ul li:hover {
    background:#E1ECF4;
    border-radius:6px;
}

.wi-members ul li img {
    float:left;
    height:30px;
    border-radius:4px;
}

.wi-members ul li b {
    float:left;
    color:#2B587A;
    margin:0 0 0 7px;
    font-weight:normal;
    font-size:14px;
}

.wi-members ul li.selected {
    background:#4283BD url(/i/chkd.png) no-repeat 353px 10px;
    border:1px solid #B9D2E6;
    border-radius:6px;
}

.wi-members ul li.selected b {
    color:#fff;
}

.wi-user {
    margin:30px 0 0 0;
    width:620px;
    min-height:360px;
    position:relative;
}

.wi-user .l {
    width:200px;
    float:left;
}

.wi-user .l .img {
    width:200px;
    border-radius:8px;
    cursor:pointer;
}

.wi-user .l ul.options {
    margin:2px 0 20px 0;
}

.wi-user .l ul.options li {
    display:block;
    background:#EEEEEE;
    border:1px solid #EBEBEB;
    text-align:center;
    border-radius:3px;
    padding:8px 14px 9px 14px;
    color:#000;
    font-size:13px;
    cursor:pointer;
}

.wi-user .l ul.options li:hover {
    background:#E9E9E9;
}

.wi-user .r {
    float:left;
    width:320px;
    margin:0 0 0 20px;
}

.wi-user .r h2 {
    font-size:23px;
    font-weight:normal;
    color:#2B587A;
}

.wi-user .r h3 {
    font-size:17px;
    font-weight:normal;
    color:#2B587A;
    margin:3px 0 10px 0;
}

.wi-user .r h4 {
    font-size:14px;
    font-weight:normal;
    margin:15px 0 3px 0;
}

.wi-user .r p.pstatus {
    margin:1px 0 7px 0;
    font-size:12px;
    color:#555;
}

.wi-user .r span.status {
    position:absolute;
    top:5px;
    right:10px;
}

.wi-user .r span.status.online {
    font-size:17px;
    color:green;
}

.wi-user .r p {
    font-size:12px;
}

.wi-user table {
    width:460px;
    cellpadding:2px;
    cellspacing:0;
    margin:15px 0 0 -2px;
    font-size:13px;
    color:#000;
}

.wi-user table tr td:first-child {
    width:130px;
}

.wi-user table a {
    color:#000;
}

#error_div {
    color:red;
    font-size:12px;
    line-height: 18px;
    margin:10px 0 5px 0;
    min-height:15px;
    display:none;
}

#scup_div {
    display:none;
    background:#F2F2F2;
    width:80px;
    height:1500px;
    position:fixed;
    top:0px;
    left:0px;
    cursor:pointer;
    color:#ccc;
    font-weight:bold;
    font-size:11px;
    padding:10px 0 0 0;
    text-align:center;
}

#scup_div:hover {
    background:#8EAFD5;
    color:#fff;
}

.w-m {
    margin:4px 0 4px 0;
}

/**/

/* basefmt */
.basefmt{
    margin:-10px 0 0 0;
}

.basefmt b{
    display:block;
    margin:10px 0 0 0;
}

.txt-fm {
    width:97%;
    padding:4px;
    border:1px solid #f4f4f4;
    color:#000;
    border-radius:3px;
}

input[type=text].txt-fm {
    -webkit-appearance: none;
}

.txt-fmm {
    width:97%;
    padding:4px;
    border:1px solid #DFDFDF;
    margin-top:5px;
    color:#000;
    border-radius:5px;
}

.btn-fm {
    float:left;
    padding:6px 8px;
    border-radius:3px;
    background:#376DAA;
    color:#fff;
}

.btn-fm.org {
    background:#F37D1C;
    color:#fff;
}

.btn-fm:hover{
    text-decoration:none;
    background:#3A4A89;
}
/**/

/* dayslist */
table.dayslist td{
    padding:5px;
    border:1px solid #EFEFEF;
    cursor:pointer;
}

table.dayslist td:hover{
    background:#FBE8D9;
}

table.dayslist td a{
    color:#000000;
}

table.dayslist td.active{
    font-weight:bold;
    color:#fff;
    background:#E67718;
}

table.dayslist td.active a{
    color:#fff;
}
/**/

/* order */
table.order {
    border-collapse: collapse;
    border:0;
    padding:0;
}

table.order tr td {
    padding: 6px 4px;
    color: #6D929B;
    font-size:12px;
}

table.order tr td b {
    color:#000;
}

table.order tr td.left {
    width:50px;
    text-align:right;
}

/**/


#blurDiv {
    position:absolute;
    background:#000000;
    display:none;
    z-index:500;
    filter:alpha(opacity=70);
    opacity: 0.7;
}

#loadingDiv {
    position:absolute;
    z-index:1;
    left:-100px;
    top:-100px;
}

#Widget1 {
    position:absolute;
    z-index:1005;
    left:1px;
    top:1px;
}

#Widget2 {
    position:absolute;
    z-index:1002;
    left:1px;
    top:1px;
}

#Widget3 {
    position:absolute;
    z-index:1002;
    left:1px;
    top:1px;
}

#TipElement {
    position:absolute;
    display:none;
    z-index:1100;
    left:-100px;
    top:-100px;

    background: #ffffff;
    color:#000000;
    padding:12px;
    border-radius:4px;
    opacity:0.90;

    border:1px solid #eee;
    border-radius: 10px;
}

#TipElement * {
    background:none !important;
}

#JScode {
    display:none;
}

.rad3 {
    border-radius:3px;
}

.ww_frame {
    border:0;
    margin:0;
}

.ww_overlay {
    border:0;
    border:1px solid #f4f4f4;
    padding:5px;
    background:#fff;
    margin:-1px 0 0 0;
}

#linkButton {
    color:blue;
    text-decoration:underline;
}

#sizeSelector {
    border:1px solid #DFDFDF;
}

#colorSelector {
    border:1px solid #DFDFDF;
}

#linkButton.active {
    color:#fff;
}

.toolbar {
    background: #FFFFFF;
    border:1px solid #f4f4f4;
    cursor: pointer;
    padding:0;
    height:27px;
}

.toolbar span {
    float:left;
    width:25px;
    height:25px;
    border:1px solid #fff;
}

.toolbar span.bold {
    background:url(/i/ww/b.gif) no-repeat 0px 0px;
}

.toolbar span.bold.active {
    background:url(/i/ww/ba.gif) no-repeat 0px 0px;
    border:1px solid #eee;
}

.toolbar span.italic {
    background:url(/i/ww/i.gif) no-repeat 0px 0px;
}

.toolbar span.italic.active {
    background:url(/i/ww/ia.gif) no-repeat 0px 0px;
}

.toolbar span.underline {
    background:url(/i/ww/u.gif) no-repeat 0px 0px;
}

.toolbar span.underline.active {
    background:url(/i/ww/ua.gif) no-repeat 0px 0px;
}

.toolbar span.strike {
    background:url(/i/ww/s.gif) no-repeat 0px 0px;
}

.toolbar span.strike.active {
    background:url(/i/ww/sa.gif) no-repeat 0px 0px;
}

.toolbar span.link {
    width:35px;
    background:url(/i/ww/l.gif) no-repeat 0px 0px;
}

.toolbar span.link.active {
    background:url(/i/ww/la.gif) no-repeat 0px 0px;
}

.toolbar span.left {
    background:url(/i/ww/left.gif) no-repeat 0px 0px;
}

.toolbar span.left.active {
    background:url(/i/ww/lefta.gif) no-repeat 0px 0px;
}

.toolbar span.center {
    background:url(/i/ww/center.gif) no-repeat 0px 0px;
}

.toolbar span.center.active {
    background:url(/i/ww/centera.gif) no-repeat 0px 0px;
}

.toolbar span.wright {
    background:url(/i/ww/right.gif) no-repeat 0px 0px;
}

.toolbar span.wright.active {
    background:url(/i/ww/righta.gif) no-repeat 0px 0px;
}

.toolbar span.olist {
    background:url(/i/ww/olist.gif) no-repeat 0px 0px;
}

.toolbar span.olist.active {
    background:url(/i/ww/olista.gif) no-repeat 0px 0px;
}

.toolbar span.noformat {
    background:url(/i/ww/nf.gif) no-repeat 0px 0px;
}

.toolbar span.htmlmode {
    width:35px;
    background:url(/i/ww/html.gif) no-repeat 0px 0px;
}

.toolbar span.htmlmode.active {
    background:url(/i/ww/htmla.gif) no-repeat 0px 0px;
}

.toolbar select.fontsize {
    margin:4px 0 0 0;
    height:auto;
}

.toolbar select.fontcolor {
    margin:4px 0 0 0;
    height:auto;
    font-size:15px;
}

.toolbar select {
    margin:1px 0 0 1px;
}

.toolbar .enabled { color: #414446; }
.toolbar .disabled { color: gray; }
.toolbar .active { color:#ffffff; }

.ww-content {
    background:#fff;
    min-height:300px;
    color:#000;
    line-height:17px;
    padding:3px 0 0 0;
    overflow:visible;
    z-index:10;
}

div.manualblock {
    clear:both;
}

div.manualblock.hl {
    border:1px solid #fff;
}

div.manualblock.hl:hover {
    border:1px solid #DFDFDF;
}

a.ww_img {
    display:block;
    position:absolute;
    padding:2px 3px;
    font-size:8pt;
    font-weight:bold;
    background:#653105;
    color:#fff;
    top:3px;
    right:5px;
}

div.warning {
    clear:both;
    border: 1px solid #DDEBF9;
    background:#FFFFE1;
    color:#000;
    font-size:14pt;
    padding:10px;

    border-radius:3px;
}

div.notice {
    clear:both;
    padding:15px 10px 15px 15px;
    background:#FDFCF2;
    font-size:12px;
}

div.notice h2 {
    font-weight:normal;
    font-size:17px;
    margin:0 0 5px 0;
}

div.notice.m5 {
    margin:5px 0 0 0;
}

div.notice.left {
    margin:0 0 0 -10px;
}

/* cities-drop */
.cities-drop {
    background:#fff;
    border:1px solid #05DAC5;
    min-height:30px;
    max-height:300px;
    overflow:auto;
    width:253px;
    padding:2px;
    margin:5px 0 0 0;
}

.cities-drop ul li {
    padding:5px;
    cursor:pointer;
    border-bottom:1px solid #85FCF0;
}

.cities-drop ul li:hover {
    background:#558ACA;
}

.cities-drop ul li:hover strong {
    color:#fff;
}

.cities-drop ul li:hover span {
    color:#fff;
}

.cities-drop ul li strong {
    font-weight:normal;
    display:block;
    font-weight:bold;
    color:#000;
}

.cities-drop ul li span {
    display:block;
    font-size:8pt;
    color:#888;
}

/* UI */
.ui-effects-transfer {
    border: 3px dotted #555555;
    z-index:1010;
}
/**/

/* WALL */

/* Head and forms */
.wall-head {
    background:#F4F5F7;
    padding:6px 8px;
    margin:15px 0 0 0;
    color:#777;
    font-size:13px;
}

.wall-fmt {
    background:#fff;
    padding:8px 16px 8px 8px;
    border:1px solid #f3f3f3;
}

.wall-fmt textarea {
    border:1px solid #f1f1f1;
    color:#000;
    font-size:11px;
    border-radius:2px;
    padding:5px;
    width:99%;
    resize:vertical;
    height:14px;
}

.wall-fmt .btns {
    position:relative;
    display:none;
}

.wall-fmt .btns a {
    float:left;
    background:#5E82A8;
    padding:5px 14px;
    margin:8px 0 0 0;
    color:#fff;
    border-radius:2px;
    border:1px solid #4B6A8D;
    font-size:11px;
}

.wall-fmt .btns a:hover {
    text-decoration:none;
    background:#4B6A8D;
}

.wall-fmt span {
    position:absolute;
    bottom:-27px;
    left:100px;
    color:#888;
    font-size:11px;
}

/* Replies fmt */

/* 388 */
.wall-fmt-rpl-lite {
    background:#F1F1F1;
    padding:7px 15px 7px 7px;
    margin:10px 0 0 0;
    border-radius:3px;
    width:388px;
}

.wall-fmt-rpl-lite textarea {
    border:1px solid #C0CAD5;
    width:100%;
    height:14px;
    padding:3px;
    color:#СЃСЃСЃ;
    font-size:11px;
    resize:none;
}

#rpl_fmt {
    background:#F1F1F1;
    padding:5px 10px 5px 5px;
    margin:10px 0 0 -5px;
    border-radius:3px;
}

#rpl_fmt .i {
    float:left;
    width:45px;
    height:50px;
}

#rpl_fmt .i img {
    width:40px;
    border-radius:2px;
    margin:-7px 0 0 0;
}

#rpl_fmt .cnt {
    float:left;
    width:346px;
    padding:0;
}

#rpl_fmt .cnt textarea {
    border:1px solid #C0CAD5;
    height:30px;
    width:100%;
    padding:5px;
    margin:-1px 0 0 0;
    color:#000;
    font-size:11px;
}


/* UL */
ul.wall-body li {
    padding:0 0 5px 0;
    border-bottom:1px solid #EEEEEE;
    position:relative;
}

ul.wall-body li .i {
    float:left;
    display:block;
    margin:10px 0 0 0;
    cursor:pointer;
}

ul.wall-body li .i img {
    width:50px;
    border-radius:10px;
}

ul.wall-body li .i span {
    display:block;
    font-size:11px;
    color:#AAAAAA;
    width:50px;
    text-align:center;
    margin:3px 0 0 0;
}

/* 403 */
ul.wall-body li .text {
    float:left;
    display:block;
    margin:10px 0 10px 10px;
    color:#000;
    font-size:11px;
    width:410px;
}

ul.wall-body li .text a.name {
    display:block;
    font-weight:normal;
    font-size:14px !important;
    color:#6D86C3;
}

/* 388 */
ul.wall-body li .text div.cnt {
    width:620px;
    margin:3px 0 0 0;
    word-wrap: break-word;
    font-size:12px;
}

ul.wall-body li .text em {
    display:block;
    margin:7px 0 0 0;
    color:#999999;
    font-style:normal;
}


/* sub */
ul.wall-body li .text .subs {
    padding:10px 0 0 0;
}

ul.wall-body li .text .sub {
    position:relative;
    padding:7px 0 0 0;
    border-bottom:1px solid #f4f4f4;
}

ul.wall-body li .text .sub .si {
    float:left;
    width:45px;
}

ul.wall-body li .text .sub .si img {
    width:40px;
    cursor:pointer;
    border-radius:8px;
}

ul.wall-body li .subs a.all {
    display:block;
    background:#f7f7f7;
    text-align:center;
    padding:8px 10px;
    border-radius:3px;
}

ul.wall-body li .subs a.all:hover {
    text-decoration:none;
}

/* 340 */
ul.wall-body li .text .sub .stext {
    float:left;
    width:340px;
    word-wrap: break-word;
    margin-left:3px;
}

ul.wall-body li .text .sub .stext a.name {
    font-weight:normal;
    margin:-3px 0 2px 0;
}

ul.wall-body li .text .sub .stext .scnt {
    display:block;
    width:340px;
}

ul.wall-body li .text .sub .stext em {
    display:block;
    font-size:10px;
    margin:5px 0 5px 0;
}

ul.wall-body li .text .sub a.srm {
    opacity:0;
    position:absolute;
    background:url(/i/rmg.png);
    width:12px;
    height:12px;
    cursor:pointer;
    right:1px;
    top:6px;
}

ul.wall-body li a.rm {
    opacity:0;
    position:absolute;
    background:url(/i/rmg.png);
    width:12px;
    height:12px;
    cursor:pointer;
    right:1px;
    top:10px;
}

ul.wall-body li .text .cnt img, ul.wall-body li .text .scnt img {
    border-radius:8px;
}

/* Personal settings */
.project-wall {
    margin:0 10px 0 10px;
}

.member-wall {
    margin:25px 0 0 0;
    width:787px;
}


/* SN */


.base .r .head {
    border-bottom:1px solid #E4E4E4;
    position:relative;
    margin: 0 0 0 5px;
}

.base .r .head strong {
    font-size:13px;
    color:#45688E;
    display:block;
}

.base .r .head .status {
    display:block;
    margin:3px 0 5px 0;
    font-size:11px;
    color:#000;
}

.base .r .head .status a {
    color:#000;
}

.base .r ul.headmenu {
    display:block;
    padding:10px 0 0 0;
    margin:0 0 0 5px;
}

.base .r ul.headmenu li {
    float:left;
    padding:8px 14px;
    color:#45688E;
    border-bottom:1px solid #DEE5EB;
    cursor:pointer;
}

.base .r ul.headmenu li.active {
    border:1px solid #DEE5EB;
    border-bottom:0;
    font-weight:bold;
}

.helpbox .hint {
    position:absolute;
    background:#fff;
    width:289px;
    margin:2px 0 0 0;
    border:1px solid #eee;
    border-radius:5px;
}

.helpbox .hint ul li {
    cursor:pointer;
    padding:3px 6px 3px 6px;
}

.helpbox .hint ul li:hover {
    background:#eee;
}

.helpbox .hint ul li h2 {
    font-weight:normal;
    font-size:14px;
}

.helpbox .hint ul li .descr {
    margin:2px 0 4px 0;
    color:#777;
    font-size:11px;
}




.sn-btns a {
    float:left;
    background:#EE9D6C;
    padding:7px 20px;
    margin:8px 0 0 0;
    color:#fff;
    border-radius:6px;
    font-size:11px;
}

.sn-btns a:hover {
    text-decoration:none;
    background:#E66B22;
}



ul.sn-users-l li {
    width:50px;
    float:left;
    margin:10px 8px;
}

ul.sn-users-l li img {
    width:50px;
    border-radius:2px;
    cursor:pointer;
}

ul.sn-users-l li a {
    display:block;
    margin:5px 0 0 -5px;
    color:#2B587A;
    font-size:10px;
    width:60px;
    text-align:center;
}

/* /SN */


/* sign-in */
.auth-form {
    width:1198px;
    height:600px;
    text-align:center;
}

.auth-form h1 {
    margin:100px 0 20px 0;
    color:#5285BF;
    font-weight:normal;
    font-size:50px;
}

.auth-form .inner {
    width:270px;
    margin:50px auto;
    text-align:left;
}

.auth-form .inner h2 {
    font-weight:normal;
    font-size:19px;
    width:300px;
    text-align:left;
    color:#5285BF;
    margin:20px 0 8px 0;
}

.auth-form b {
    display:block;
    margin:0 0 7px 0;
    color:#000;
}

.auth-form input[type=text], .auth-form input[type=email], .auth-form input[type=password] {
    font: 18px arial;
    border:1px solid #D2DFEE;
    border-radius:6px;
    width:250px;
    height:21px;
    padding:10px;
    -webkit-appearance: none;
}

.auth-form input.login {
    margin: 0 0 10px;
}

.auth-form input.txt {
    margin: 0 0 10px;
    width:265px;
}

.auth-form input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    background:url(/i/sign-radio.png) no-repeat 0px 0px;
    height:26px;
    width:26px;
    margin:4px 5px 0 0;
    cursor:pointer;
    float:left;
    content:'';
}

.auth-form input[type=radio] + label {
    font-size:15px;
    float:left;
    color:#5285BF;
    margin:6px 30px 0 3px;
    cursor:pointer;
}

.auth-form input[type=radio]:checked {
    background:url(/i/sign-radio_ch.png) no-repeat 0px 0px;
}

.auth-form .btns {
    margin:30px 0 0 0;
    width:350px;
}

.auth-form .btns a.btn {
    background:url(/i/sign-btn-bg.png) repeat-x 0px 0px;
    height:20px;
    float:left;
    color:#fff;
    padding:10px 18px 10px 20px;
    border-radius:6px;
    font-size:15px;
}

.auth-form .btns a.btn:hover {
    background:url(/i/sign-btn-bg_h.png) repeat-x 0px 0px;
}

.auth-form .btns a.btn:hover {
    text-decoration:none;
    color:#fff;
}

.auth-form .btns a.recovery {
    float:left;
    margin:8px 0 0 25px;
    color:#5082BD;
    font-size:15px;
    text-decoration:underline;
}

.auth-form .btns a.recovery:hover {
    color:#3A4A89;
}

/* sign-up */
.sign-up {
    margin:0;
    font-size:11px;
    position:relative;
}

.sign-up .l {
    float:left;
    width:270px;
}

.sign-up .r {
    float:left;
    width:290px;
    border-left:1px solid #eee;
    padding:0 0 0 20px;
}

.sign-up .r .interface {
    height:128px;
}

.sign-up .screen {
    border:1px solid #eee;
    border-radius:3px;
    padding:4px 4px 6px 4px;
}

.sign-up .head {
    padding:20px 20px 20px 20px;
    font-size:13px;
    line-height:17px;
    height:55px;
    color: #101010;
    background: #eee;
    width:1158px;
}

.sign-up .head .about {
    width:860px;
    float:left;

    font-family: Mandali;
}

.sign-up .head .btns {
    height:50px;
    width:274px;
    float:left;
    margin-left:20px;
}

.sign-up .head .btns a {
    float:left;
    background:url(/i/sign-btn-org-bg.png) repeat-x 0 0;
    height:30px;
    width:120px;
    border-radius:6px;
    padding:17px 14px 8px 14px;
    color:#fff;
    font-size:17px;
    margin:0 0 0 15px;
    text-align:center;
}

.sign-up .head .btns a.in {
    background: rgb(35,35,35);
    background: linear-gradient(0deg, rgba(35,35,35,1) 0%, rgba(61,61,61,1) 100%);
    width:60px;
    padding-left:20px;
}

.sign-up .head .btns a:hover {
    text-decoration:none;
    background:url(/i/sign-btn-org-bg_h.png) repeat-x 0 0;
}

.sign-up .head .btns a.in:hover {
    background: rgb(18,18,18);
    background: linear-gradient(0deg, rgba(18,18,18,1) 0%, rgba(48,48,48,1) 100%);
}

.sign-up .main-img {
    background:url(/i/main_bg.png?v10) no-repeat 0 0 #fff;
    background-size: 1198px 395px;
    height:395px;
    width:1198px;
    margin:2px 0 0 0;
    border-bottom:1px solid rgba(0, 0, 0, 0.65);
}

.sign-up h3 {
    margin:15px 0 0 0;
    font-size:12px;
}

.sign-up p {
    font-size:11px;
}

.sign-up ul.capabilities {
    margin:5px 0 0 0;
}

.sign-up ul.capabilities li {
    margin:3px 0;
}

.sign-up .reg-block {
    float:left;
    width:210px;
    margin:1px 0 0 0;
}

.sign-up .reg-block h4 {
    margin:10px 0 0 0;
}

.sign-up .reg-block input[type=text],.sign-up .reg-block input[type=password] {
    width:200px;
    font-weight:bold;
    -webkit-appearance: none;
    border-radius:3px;
}

.sign-up .reg-block a.act {
    margin:16px 0 0 0;
    float:left;
    padding:6px 8px;
    border-radius:3px;
    background:#376DAA;
    color:#fff;
}

.sign-up .reg-block a.act:hover {
    text-decoration:none;
    background:#3A4A89;
}

.sign-up .reg-block .error {
    padding:15px 0 5px 0;
}

.sign-up .invitedby {
    width:270px;
    margin:15px 0 0 0;
}

.sign-up .invitedby img.user {
    float:left;
    border-radius:3px;
}

.sign-up .invitedby .text {
    width:182px;
    float:left;
    margin:0 0 0 7px;
    padding:4px 7px;
    background:#FCF5EF;
    border-radius:3px;
}

.sign-up .invitedby .text b.name {
    display:block;
    margin:0 0 5px 0;
}

.sign-up .invitedby span.note {
    display:block;
    margin:7px 0 0 0;
    padding:2px 0 0 30px;
    font-size:11px;
    color:#000;
    background:url(/i/rvector.gif) no-repeat 2px 0px;
}


ul.specs {
    margin:30px 20px 30px 20px;
    font-family: Mandali;
}

ul.specs li {
    width:174px;
    height:135px;

    float:left;

    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);

    border-radius:22px;
    border-color: rgb(29, 29, 31);
    text-align:center;

    margin:0 22px 0 0;
    padding: 1px 20px 0 20px;
}

ul.specs li:last-child {
    margin:0px;
}

ul.specs li.bl {
    background:#82A6CF;
}

ul.specs li h3 {
    font-weight:normal;
    color:#fff;
    font-size:18px;
}

ul.specs li span {
    display:block;
    margin:2px 0 0 0;
    color:#fff;
    font-size:11px;
    line-height: 15px;
    padding:0 10px 0 10px;
}

/* Calendar */
table.calendar td{
    padding:10px 10px 10px 10px;
}

table.calendar td.day{
    background:#ffffff;
    border:1px solid #EFEFEF;
    text-align:center;
    font-size:14pt;
    width:30px;
}

table.calendar td.day:hover{
    background:#1CC7FF;
    color:#ffffff;
    font-weight:bold;
}

table.calendar td.day.red {
    cursor:pointer;
    background:red;
    color:#fff;
    font-weight:bold;
}

table.calendar td.day.green {
    color:#fff;
    background:green;
}

table.calendar td.day.active{
    background:#68A3FF;
    border:3px solid #003482;
    color:#000;
    font-weight:bold;
}

table.calendar td.day.norm{
    background:#F4FFF4;
}
table.calendar td.day.norm:hover{
    background:#1CC7FF;
    color:#ffffff;
}

table.calendar td.day.good{
    background:#EAFFEA;
}
table.calendar td.day.good:hover{
    background:#1CC7FF;
    color:#ffffff;
}

table.calendar td.day.best{
    background:#91FF91;
}
table.calendar td.day.best:hover{
    background:#1CC7FF;
    color:#ffffff;
}

table.calendar td.day.cool{
    background:#1CFF1C;
}
table.calendar td.day.cool:hover{
    background:#00EC00;
    color:#ffffff;
}

table.calendar td.day.bad{
    background:#F9F9FF;
}
table.calendar td.day.bad:hover{
    background:#1CC7FF;
    color:#ffffff;
}
table.calendar td.day.verybad{
    background:#D7D7FF;
}
table.calendar td.day.verybad:hover{
    background:#1CC7FF;
    color:#ffffff;
}
table.calendar td.day.fail{
    background:#6A6AFF;
    color:#ffffff;
}
table.calendar td.day.fail:hover{
    background:#1CC7FF;
    color:#ffffff;
}

table.calendar tr.names td{
    text-align:center;
}

/**/

/* Tabs */

.tabs {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 1px;
    width: 100%;
}
.tabs li {
    float: left;
    margin: 0 -1px 0 -1px;
}
.tabs a {
    background:#FBFBFB;
    border:1px solid #E2E2E2;
    border-bottom:none;
    color: #666666;
    display: block;
    height: 27px;
    line-height: 27px;
    padding: 3px 20px;
    font-size:14px;
    font-weight:bold;
    color: #AAA;
}

.tabs a:hover {
    text-decoration:none;
}

.tabs .active a {
    background:#FFFFFF;
    border:1px solid #D3D3D3;
    border-bottom:none;
    color: #222;
    height: 28px;
    margin: 0 0 -1px;
    position: relative;
    z-index: 1;
}

.tabs li:first-child a{
    border-top-left-radius:4px;
}

.tabs li:last-child a{
    border-top-right-radius:4px;
}

.tab-content {
    border:1px solid #E2E2E2;
    margin:-1px -1px 0 -1px;
    background:#FFFFFF;
    min-height:580px;
    padding:12px 15px 10px 20px;

    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.tab-content.lite {
    padding:0;
}

ul.radio-list {
    margin:7px 0 45px 20px;
}

ul.radio-list li {
    float:left;
    margin:0 15px 0 0;
}

ul.filter-radio {
    margin:0px;
}

ul.filter-radio li {
    display:block;
    margin:0 15px 0 0;
}

/**/

.in-widget ul.boxes {
    margin:10px 0 0 0;
}

.in-widget ul.boxes li {
    font-size:14px;
    padding:5px;
}

.in-widget ul.boxes li label {
    padding:0 0 0 10px;
}

/* MOZ */

@-moz-document url-prefix() {
    .task table.description td.data div.status-block .status-note a.img img {
        margin:0 0 0 -200px;
    }

}




/* CRYPTOSTER */

div.dashboard {
    padding:20px;
    position:relative;

    font-family: Mandali;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

div.dashboard i {
    font-style: normal;
}

div.dashboard .box1 {
    width: 336px;
    height: 150px;

    border-radius: 0px 7px 0px 0px;
    background: linear-gradient(327deg, #5A97C3 0%, rgba(140, 178, 214, 0.65) 100%);

    display: block;
    position:relative;
}

div.dashboard .box1 span.btc-eq {
    position:absolute;
    top:16px;
    left:24px;
    color:#fff;
    font-size:18px;
    opacity: 1;
}

div.dashboard .box1 span.cryptocoins-percent {
    position:absolute;;
    top:88px;
    left:24px;
    color:#fff;
    font-size:16px;
    opacity: 0.7;
}

div.dashboard .box1 span.stablecoins-percent {
    position:absolute;;
    top:160px;
    left:24px;
    color: #495c8c;
    font-size:16px;
    opacity: 0.3;
}

div.dashboard .box2 {
    width: 336px;
    height: 80px;

    border-radius: 0px 0px 7px 7px;
    background: linear-gradient(46deg, rgba(160, 194, 224, 0.25) 0%, rgba(210, 225, 239, 0.25) 100%);

    display: block;
    position:relative;

    cursor: pointer;
}


div.dashboard .box1 span.portfolio {
    text-align: right;
    font-size: 37px;
    color: #FFF;
    display: block;
    position:absolute;

    right:20px;
    top:1px;

    padding:0 0 7px 0;
    border-bottom:1px solid #A9CCE9;

    width:291px;
    cursor: pointer;
}

div.dashboard .box1 span.coins {
    text-align: right;
    font-size: 26px;
    color: #FFF;
    display: block;
    position:absolute;

    right:20px;
    top:80px;

    width:291px;
    cursor: pointer;
}

div.dashboard .box1 span.portfolio em {
    color: #FFF;
    font-size: 14px;
    position:absolute;
    font-style: normal;

    right:0px;
    top:51px;
}

div.dashboard .box1 span.coins em {
    color: #FFF;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:34px;
}


div.dashboard .box2 span.stable {
    text-align: right;

    font-size: 28px;
    color: #457BA4;
    display: block;
    position:absolute;

    right:20px;
    top:0px;

    width:291px;
}

div.dashboard .box2 span.stable em {
    color: #82A4BD;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:41px;
}


div.dashboard .box3 {
    width: 240px;
    height: 82px;

    background: #eee;
    color:#000;
    border-radius: 7px 7px 0px 0px;

    display: block;
    position: absolute;

    top:20px;
    left:370px;
}

div.dashboard .box3.neg {
    background: linear-gradient(180deg, rgba(186, 122, 122, 0.70) 0%, rgba(229, 34, 34, 0.70) 100%);
}

div.dashboard .box3.pos {
    background: linear-gradient(180deg, rgba(208, 214, 169, 0.70) 0%, rgba(146, 153, 101, 0.70) 100%);
}

div.dashboard .box3 span.portfolio-pnl {
    text-align: right;
    font-size: 37px;
    color: #b0a5a5;
    display: block;
    position:absolute;

    right:16px;
    top:0px;
}

div.dashboard .box3.neg span.portfolio-pnl, div.dashboard .box3.pos span.portfolio-pnl {
    color: #FFF;
}

div.dashboard .box3 span.portfolio-pnl em {
    font-size: 14px;
    font-style: normal;
    color: #b0a5a5;

    position:absolute;
    right:0px;
    top:53px;
}

div.dashboard .box3.pos span.portfolio-pnl em {
    color: #FFF;
}

div.dashboard .box4 {
    width: 240px;
    height: 148px;

    border-radius: 0px 0px 7px 7px;
    background: linear-gradient(180deg, rgba(195, 216, 189, 0.14) 0%, rgba(194, 215, 189, 0.14) 97.40%, rgba(182, 195, 179, 0.14) 100%);

    display: block;
    position: absolute;

    top:102px;
    left:370px;
}

div.dashboard .box4.pos span.daily-pnl {
    color: #72a283;
}

div.dashboard .box4.pos span.daily-pnl em {
    color: #9bbeab;
}

div.dashboard .box4 span.daily-pnl {
    text-align: right;
    font-size: 27px;
    color: #FF1E1E;
    display: block;
    width:196px;

    position:absolute;
    right:16px;
    top:-2px;

    padding:0 0 16px 0;
    border-bottom:1px solid #F2F2F2;
}

div.dashboard .box4 span.daily-pnl em {
    color: #7B9874;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:35px;
}

div.dashboard .box4 span.absolute-loss {
    text-align: right;

    font-size: 27px;
    color: #DA4747;
    display: block;
    width:222px;

    position:absolute;
    right:16px;
    top:70px;
}

div.dashboard .box4.pos span.absolute-loss {
    color: #bac0a5;
}

div.dashboard .box4.pos span.absolute-loss em {
    color: #d3d7c3;
}

div.dashboard .box4 span.absolute-loss em {
    color: #DA4747;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:38px;
}

div.dashboard .box5 {
    width: 321px;
    height: 230px;

    border-radius: 7px 0px 7px 7px;
    background: linear-gradient(180deg, rgba(242, 246, 249, 0.10) 0%, rgba(40, 210, 68, 0.10) 100%);

    display: block;
    position: absolute;

    top:20px;
    left:624px;
}

div.dashboard .box5 span.fg-index {
    text-align: right;

    font-size: 32px;
    color: #A9A9A9;
    display: block;
    position:absolute;

    right:120px;
    top:7px;

    padding:0 0 12px 0;
    border-bottom:1px solid #DFF5E3;
    width:171px;
}

div.dashboard .box5 span.fg-index em {
    color: #9FB09F;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:46px;
}


div.dashboard .box5 span.fg-index-change {
    text-align: left;
    opacity: 0.8;

    font-size: 32px;
    color: #A9A9A9;
    display: block;
    position:absolute;

    right:20px;
    top:7px;

    padding:0 0 12px 0;
    border-bottom:1px solid #DFF5E3;
    width:86px;

}

div.dashboard .box5 span.fg-index-change em {
    color: #9FB09F;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    opacity: 0.8;

    position:absolute;
    right:0px;
    top:46px;

    width:86px;
}


div.dashboard .box5 span.btc-rate {
    text-align: right;

    font-size: 27px;
    color: #A9A9A9;
    display: block;
    position:absolute;

    right:120px;
    top:80px;

    padding:0 0 16px 0;
    border-bottom:1px solid #DFF5E3;
    width:171px;

    cursor: pointer;
}

div.dashboard .box5 span.btc-rate em {
    color: #9FB09F;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:34px;
}

div.dashboard .box5 span.btc-change {
    text-align: left;
    opacity: 0.65;

    font-size: 24px;
    color: #A9A9A9;
    display: block;
    position:absolute;

    right:20px;
    top:83px;

    padding:0 0 18px 0;
    border-bottom:1px solid #DFF5E3;
    width:86px;

}

div.dashboard .box5 span.btc-change em {
    color: #9FB09F;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    opacity: 0.65;

    position:absolute;
    right:0px;
    top:31px;

    width:86px;
}



div.dashboard .box5 span.eth-rate {
    text-align: right;

    font-size: 27px;
    color: #A9A9A9;
    display: block;
    position:absolute;

    right:120px;
    top:152px;

    padding:0 0 18px 0;
    width:171px;

    cursor: pointer;
}

div.dashboard .box5 span.eth-rate em {
    color: #9FB09F;
    font-size: 14px;
    font-style: normal;

    position:absolute;
    right:0px;
    top:39px;
}

div.dashboard .box5 span.eth-change {
    text-align: left;
    opacity: 0.5;

    font-size: 24px;
    color: #A9A9A9;
    display: block;
    position:absolute;

    right:20px;
    top:156px;

    padding:0 0 18px 0;
    width:86px;
}

div.dashboard .box5 span.eth-change em {
    color: #9FB09F;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    opacity: 0.5;

    position:absolute;
    right:0px;
    top:35px;

    width:86px;
}

div.coinlist {
    margin:0px 20px 0 20px;
    font-family: Mandali;

    color: #000;
    font-family: Mandali;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

div.coinlist table {
    cellspacing:0;
    width: 925px;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 7px 7px 0px 0px;
}

div.coinlist table thead {
    height: 49px;
    font-size: 15px;

    background: linear-gradient(150deg, #F6FBFF 0%, rgba(236, 244, 251, 0.65) 100%);
}

div.coinlist table thead tr th {
    font-weight: normal;
}

div.coinlist table thead tr th.coin {
    width:120px;

    text-align: left;
    padding:0 0 0 20px;
}

div.coinlist table thead tr th.balance {
    width:190px;

    text-align: right;
    padding:0 10px 0 0;
}

div.coinlist table thead tr th.usdt {
    width:156px;

    text-align: left;
    padding:0 0 0 10px;
}

div.coinlist table thead tr th.zero-point {
    width:76px;

    text-align: right;
    padding:0 10px 0 0;
}

div.coinlist table thead tr th.price {
    width:104px;

    text-align: left;
    padding:0 0 0 10px;

    position: relative;
}

div.coinlist table thead tr th.price em {
    position: absolute;
    right:10px;

    font-size:14px;
    font-style: normal;

    cursor: pointer;
}

div.coinlist table thead tr th.pnl {
    width:90px;

    text-align: right;
    padding:0 10px 0 0;
}

div.coinlist table thead tr th span {
    cursor: pointer;
}

div.coinlist table thead tr th span:hover {
    color:red;
}

div.coinlist table thead tr th.piece {
    width:100px;

    text-align: left;
    padding:0 0 0 10px;
}

div.coinlist table tbody {
    font-size:13px;

}

div.coinlist table tbody tr td {
    padding:4px 10px 4px 10px;

    border:1px solid #FAFAFA;
}

div.coinlist table tbody tr td a {
    color:#000;
}

div.coinlist table tbody tr td a:hover {
    color: #f30404;
}


div.coinlist table tbody tr td.rate {
    position: relative;
}

div.coinlist table tbody tr td.rate em {
    position: absolute;
    right: 5px;

    font-style: normal;
    font-size:12px;

    color: #dcdcdc;
}

div.coinlist table tbody tr td.rate em:hover {
    cursor: pointer;
    text-decoration: underline;
    opacity: 1 !important;

    color:#000;
}

div.coinlist table tbody tr td.rate em.pos {
    color: #678f42;
}

div.coinlist table tbody tr td.rate em.pos:before {
    content: '+';
}

div.coinlist table tbody tr td.rate em.pos {
    color: #678f42;
}

div.coinlist table tbody tr td.pnl.pos:before {
    content: '+';
}

div.coinlist table tbody tr td.pnl:after {
    content: '%';
}

div.coinlist table tbody tr td.pnl:hover {
    opacity: 1 !important;
    cursor: pointer;
}

div.coinlist table tbody tr td.rate em.neg {
    color: #d00000;
}

div.coinlist table tbody tr td.coin {
    opacity:1 !important;
}

div.coinlist table tbody tr td.pos {
    color: #016501;
}

div.coinlist table tbody tr td.neg {
    color: #c90000;
}

div.coinlist table tbody tr td:first-child {
    padding:0 0 0 50px;
    font-size:16px;
}

div.coinlist table tbody tr td:nth-child(2) {
    text-align: right;
}

div.coinlist table tbody tr td:nth-child(4) {
    text-align: right;
}

div.coinlist table tbody tr td:nth-child(6) {
    text-align: right;
}

div.coinlist table tbody tr td.eq:hover {
    opacity:1 !important;
    cursor: pointer;
}


div.coinlist table tbody tr td.ico_btc {
    background: url(/i/crypto/BTC_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_dydx {
    background: url(/i/crypto/DYDX_96.png?v2) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_yfi {
    background: url(/i/crypto/YFI_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_etc {
    background: url(/i/crypto/ETC_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_arb {
    background: url(/i/crypto/ARB_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_avax {
    background: url(/i/crypto/AVAX_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_yfii {
    background: url(/i/crypto/YFII_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_atom {
    background: url(/i/crypto/ATOM_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_wing {
    background: url(/i/crypto/WING_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_twt {
    background: url(/i/crypto/TWT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_ton {
    background: url(/i/crypto/TON_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_dot {
    background: url(/i/crypto/DOT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_near {
    background: url(/i/crypto/NEAR_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_waves {
    background: url(/i/crypto/WAVES_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_rvn {
    background: url(/i/crypto/RVN_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_egld {
    background: url(/i/crypto/EGLD_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_usdt {
    background: url(/i/crypto/USDT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_eth {
    background: url(/i/crypto/ETH_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_beth {
    background: url(/i/crypto/BETH_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_sol {
    background: url(/i/crypto/SOL_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_ape {
    background: url(/i/crypto/APE_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_link {
    background: url(/i/crypto/LINK_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_wbt {
    background: url(/i/crypto/WBT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_xvg {
    background: url(/i/crypto/XVG_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_icp {
    background: url(/i/crypto/ICP_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_matic {
    background: url(/i/crypto/MATIC_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_flow {
    background: url(/i/crypto/FLOW_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_ksm {
    background: url(/i/crypto/KSM_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_xch {
    background: url(/i/crypto/XCH_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_lina {
    background: url(/i/crypto/LINA_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_apt {
    background: url(/i/crypto/APT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_grt {
    background: url(/i/crypto/GRT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_bnb {
    background: url(/i/crypto/BNB_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_ada {
    background: url(/i/crypto/ADA_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_blur {
    background: url(/i/crypto/BLUR_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_algo {
    background: url(/i/crypto/ALGO_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_hft {
    background: url(/i/crypto/HFT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_1inch {
    background: url(/i/crypto/1INCH_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_sand {
    background: url(/i/crypto/SAND_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_mana {
    background: url(/i/crypto/MANA_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_agix {
    background: url(/i/crypto/AGIX_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_samo {
    background: url(/i/crypto/SAMO_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_jasmy {
    background: url(/i/crypto/JASMY_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_sc {
    background: url(/i/crypto/SC_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_looks {
    background: url(/i/crypto/LOOKS_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_lunc {
    background: url(/i/crypto/LUNC_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_neon {
    background: url(/i/crypto/NEON_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_ltc {
    background: url(/i/crypto/LTC_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_uni {
    background: url(/i/crypto/UNI_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_doge {
    background: url(/i/crypto/DOGE_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_ctk {
    background: url(/i/crypto/CTK_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_pyr {
    background: url(/i/crypto/PYR_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_gmt {
    background: url(/i/crypto/GMT_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_one {
    background: url(/i/crypto/ONE_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_eur {
    background: url(/i/crypto/EUR_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}

div.coinlist table tbody tr td.ico_luna {
    background: url(/i/crypto/LUNA_96.png) no-repeat 17px 7px;
    background-size: 22px 22px;
}




/* coin-block */

div.coin-details-w .tw {
    width:320px;
    float: left;
}

div.coin-details-w .coin {
    width:556px;
    height:500px;
    float:left;
    background:#fff;
    margin:6px 0 6px 12px;
    border-radius: 3px;

    font-family: Mandali;
}

div.coin-details-w .coin .h-logo {
    float: left;
    width: 60px;
}

div.coin-details-w .coin .h-logo img {
    width:45px;
    padding: 17px 0 0 0;
}

div.coin-details-w .coin .h-info {
    float: left;
    width: 300px;
}

div.coin-details-w .coin .head {
    position: relative;

    width:514px;
    padding: 0 0 10px 0;
    margin:0 20px 0 20px;
}

div.coin-details-w .coin .head h2 {
    font-family: Mandali;
    font-size: 28px;
    font-weight: normal;

    padding:20px 22px 0 0;
    line-height: 20px;

    cursor: help;
}

div.coin-details-w .coin .head .desc {
    color: #000;
    font-family: Mandali;
    font-size: 16px;
    line-height: 30px;
    padding:0 0 0 0;
}

div.coin-details-w .coin .head .pnl-hl {
    position: absolute;
    right:0px;
    top:20px;

    width: 136px;
    height: 43px;

    border-radius: 9px;
    background: #B5E58F;

    color: #669045;

    font-size: 26px;
    line-height: 40px;
    text-align: center;

    padding:0 7px 0 7px;
}

div.coin-details-w .coin .head .pnl-hl.neg {
    background: #d90808;
    color:#fff;
}

div.coin-details-w .coin .head .pnl-hl.pos:before {
    content: '+';
}

div.coin-details-w .coin .info {
    width:344px;
    height:400px;

    margin:0 0 0 18px;
    float: left;

}

div.coin-details-w .coin .info h2 {
    font-weight: normal;
}

div.coin-details-w .coin .operations {
    width:164px;
    height:270px;

    margin:0 0 0 2px;
    float: left;

    text-align: right;
}

div.coin-details-w a.buttons {
    padding: 2px 16px 3px 16px;
    border-radius: 9px;
}

div.coin-details-w .widget-form.micro table tr td {
    height:15px;
}

div.coin-details-w .menu2 {
    float:left;
    width:166px;
    height:100px;

    text-align: right;
}

div.coin-details-w .menu2 a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #251A6A;
}

div.coin-details-w .tags {
    display: none;
}

div.coin-details-w .coin .info table.main-data {
    width:344px;
    margin:6px 0 0 0;
    cellspacing:0;
    border-collapse: collapse;
    overflow: hidden;
}

div.coin-details-w .coin .info table.main-data td.balance-t {
    font-size: 22px;
    line-height: 30px;

    width: 120px;
}

div.coin-details-w .coin .info table.main-data td.balance-v {
    font-size: 26px;
    line-height: 30px;

    text-align: right;
}


div.coin-details-w .coin .info table.main-data td.eq-t {
    font-size: 16px;
    line-height: 24px;

    color:#A5A5A5;
}

div.coin-details-w .coin .info table.main-data td.eq-v {
    font-size: 18px;
    line-height: 24px;
    text-align: right;

    color: #000000;
}

div.coin-details-w .coin .info table.main-data td.line {
    height:10px;
}

div.coin-details-w .coin .info table.main-data td.line div {
    border-bottom:1px solid #F9F8F8;
    height:5px;
    width:100%;

    margin:0 0 7px 0;
}

div.coin-details-w .coin .info table.main-data td.cap-t, div.coin-details-w .coin .info table.main-data td.supply-t {
    font-size: 12px;
    line-height: 16px;

    color:#A5A5A5;
}

div.coin-details-w .coin .info table.main-data td.cap-v, div.coin-details-w .coin .info table.main-data td.supply-v {
    font-size: 12px;
    line-height: 16px;
    text-align: right;

    color:#A5A5A5;
}

div.coin-details-w .coin .info table.main-data td.tv-t {
    font-size: 16px;
    line-height: 22px;

    color:#D7D7D7;
}

div.coin-details-w .coin .info table.main-data td.tv-v {
    font-size: 18px;
    line-height: 22px;
    text-align: right;

    color:#D7D7D7;
}

div.coin-details-w .coin .info table.main-data td.tv-v span.pos {
    color: #058305;
}

div.coin-details-w .coin .info table.main-data td.tv-v span.neg {
    color: #c70808;
}

div.coin-details-w .coin .info table.main-data td.tv-v span.rate0 {
    color: #000;
}

div.coin-details-w .coin .info div.summary {
    width: 356px;
    height: 68px;

    border-radius: 7px;
    background: #F3F3F3;

    margin:10px 0 0 -5px;
    position: relative;
}

div.coin-details-w .coin .info div.summary span.pnl-t {
    position: absolute;
    display: block;

    top:5px;
    left:12px;

    color:#848282;
    font-size: 16px;
}

div.coin-details-w .coin .info div.summary span.pnl-v {
    position: absolute;
    display: block;

    top:5px;
    right:10px;

    color:#647A35;
    font-size: 18px;
}

div.coin-details-w .coin .info div.summary span.pnl-v.neg {
    color:red;
}

div.coin-details-w .coin .info div.summary span.pnl-usdt-v.neg {
    color:red;
}

div.coin-details-w .coin .info div.summary span.pnl-v.pos:before {
    content: '+';
}

div.coin-details-w .coin .info div.summary span.pnl-usdt-v.pos:before {
    content: '+';
}

div.coin-details-w .coin .info div.summary span.pnl-usdt-t {
    position: absolute;
    display: block;

    top:30px;
    left:12px;

    color:#848282;
    font-size: 16px;
}

div.coin-details-w .coin .info div.summary span.pnl-usdt-v {
    position: absolute;
    display: block;

    top:30px;
    right:10px;

    color:#647A35;
    font-size: 18px;
}


div.coin-details-w .coin .operations h2 {
    text-align: right;
    font-size:20px;
}

div.coin-details-w .coin .operations a {
    display: block;

    font-size: 14px;
    line-height: 20px;

    color:#251A6A;
}

div.coin-details-w .coin .operations em {
    display: block;
    height:18px;
}

div.w-coin-trades {
    overflow: auto;
    height: 272px;
    width: 352px;
}



div.w-coin-trades table.trades {
    cellspacing:0;
    width: 336px;
    border-collapse: collapse;
    overflow: hidden;
}

div.w-coin-trades table.trades tr td:first-child {
    width:20px;
}

div.w-coin-trades table.trades tr td:nth-child(2) {
    cursor:crosshair;
    color: #c7c7c7;
    font-weight: normal;
}

div.w-coin-trades table.trades tr td:nth-child(3) {
    width:180px;
    text-align: right;
}

div.w-coin-trades table.trades tr td:nth-child(3) i {
    color:#E2E2E2;
    font-style: normal;
    padding:0 8px 0 0;
}

div.w-coin-trades table.trades tr.b td:nth-child(3) {
    color:#0c910c;
}

div.w-coin-trades table.trades tr.s td:nth-child(3) {
    color:#d50000;
}

div.w-coin-trades table.trades tr td:nth-child(4) {
    width:95px;
    text-align: left;
    border-left:1px solid #F9F9F9;
    cursor:crosshair;
}

div.w-coin-trades table.trades tr td:nth-child(4) i {
    display: block;
    padding:0 0 0 5px;
    font-style: normal;
    color:red;
}

div.w-coin-trades table.trades tr td:last-child {
    text-align: right;
    color:#C781FF;
    width:100px;
}

div.w-coin-trades table.trades tr.b td:last-child {
    color:#d50000;
}

div.w-coin-trades table.trades tr td:last-child i {
    font-style: normal;
    color:#B4B4B4;
}


div.w-coin-orders {
    overflow: auto;
    height: 272px;
    width: 352px;
}

div.w-coin-orders table.data {
    cellspacing:0;
    width: 336px;
    border-collapse: collapse;
    overflow: hidden;
}

div.w-coin-orders table.data tr td:nth-child(1) {
    width:30px;
}

div.w-coin-orders table.data tr td:nth-child(2) {
    width:100px;
}

div.w-coin-orders table.data tr td:nth-child(3) {
    color:orangered;
}

div.w-coin-orders table.data tr td:nth-child(4) {
    color:darkslateblue;
    min-width: 60px;
}

.coin .info div.looks {
    height: 272px;
    width: 392px;
    overflow: auto;
    padding: 4px;
}

.coin .info div.looks table {
    cellspacing: 0;
    width: 336px;
    border-collapse: collapse;
    overflow: hidden;
}

.coin .info div.looks table tr td:first-child {
    width: 16px;
    vertical-align: top;
}

.coin .info div.looks table tr td:nth-child(2) {
    width: 40px;
    vertical-align: top;
    text-align: right;
}

.coin .info div.looks table tr td:nth-child(3) {
    padding-left:10px;
}

.coin .info div.looks table tr.lower td:first-child {
    color:darkred;
}

.coin .info div.looks table tr.lower td:nth-child(2) {
    color:darkred;
}

.coin .info div.looks table tr.higher td:first-child {
    color:green;
}

.coin .info div.looks table tr.higher td:nth-child(2) {
    color:green;
}

.coin .info div.looks table tr.higher td.rate a {
    color:green;
}

.coin .info div.looks table tr.lower td.rate a {
    color:darkred;
}




div.coin-trades-calculator {
    margin:10px 0 0 0;

    width:350px;
    height:90px;

    background: rgba(248,248,248,0.31);
    border:1px solid #eee;
    border-radius: 5px;

    position: relative;
}

div.coin-trades-calculator table.total {
    border-spacing: 0;
    border-collapse: collapse;

    margin:7px 0 0 0;
}


div.coin-trades-calculator table.total tr td:first-child {
    text-align: left;
    font-size:12px;

    width:40px;
    padding:0 0 0 10px;
}

div.coin-trades-calculator table.total tr td:nth-child(2) {
    font-style: normal;

    font-size:12px;

    text-align: right;
    padding:0 5px 0 0;


    border-right:1px solid #ccc;
}

div.coin-trades-calculator table.total tr td.h-coins {
    text-align: right;
    padding: 0 5px 0 0;
    width:70px;
}

div.coin-trades-calculator table.total tr td.h-rate {
    text-align: left;
    padding: 0 0 0 5px;
    width:44px;
}

div.coin-trades-calculator table.total tr td:nth-child(3) {
    padding: 0 0 0 5px;
}

div.coin-trades-calculator table.total tr td {
    line-height: 19px;
    color: #969696;
}

div.coin-trades-calculator table.total tr td:last-child {
    text-align: right;

    width:64px;
    border-right:1px solid #ccc;
    padding: 0 5px 0 0;
}

div.coin-trades-calculator div.rate0 {
    position: absolute;
    right:5px;
    top:6px;

    width: 93px;
    height: 38px;

    border-radius: 4px 4px 0px 0px;
    background: linear-gradient(180deg, #9CD78D 0%, #75C761 100%);
    text-align: center;
}

div.coin-trades-calculator div.rate0 span {
    display: block;
    margin:1px 0 0 0;
    width:94px;

    font-size:17px;
}

div.coin-trades-calculator table.total tr td.pnl-total {
    font-weight:bold;
    color:#000;
}


div.coin-trades-calculator div.pnl {
    position: absolute;
    right:5px;
    top:44px;

    width: 93px;
    height: 40px;

    border-radius: 0px 0px 4px 4px;
    background: linear-gradient(180deg, #000000 0%, #250101 100%);
    text-align: center;
}

div.coin-trades-calculator div.pnl span {
    display: block;
    margin:1px 0 0 0;
    padding:3px 0 0 0;
    width:94px;

    font-size:14px;
    color:#fff;
}


div.coin-balance-calculator {
    margin:10px 0 0 0;

    width:350px;
    height:90px;

    background: rgba(248,248,248,0.31);
    border:1px solid #eee;
    border-radius: 5px;

    position: relative;
}

div.coin-balance-calculator table.total {
    border-spacing: 0;
    border-collapse: collapse;

    margin:7px 0 0 0;
}


div.coin-balance-calculator table.total tr td:first-child {
    text-align: left;
    font-size:12px;

    width:40px;
    padding:0 0 0 10px;
}

div.coin-balance-calculator table.total tr td:nth-child(2) {
    font-style: normal;

    font-size:12px;

    text-align: right;
    padding:0 5px 0 0;


    border-right:1px solid #ccc;
}

div.coin-balance-calculator table.total tr td.h-coins {
    text-align: right;
    padding: 0 5px 0 0;
    width:60px;
}

div.coin-balance-calculator table.total tr td.h-rate {
    text-align: left;
    padding: 0 0 0 5px;
    width:40px;
}

div.coin-balance-calculator table.total tr td:nth-child(3) {
    padding: 0 0 0 5px;
}

div.coin-balance-calculator table.total tr td {
    line-height: 19px;
    color: #969696;
}

div.coin-balance-calculator table.total tr td:last-child {
    text-align: right;

    width:60px;
    border-right:1px solid #ccc;
    padding: 0 5px 0 0;
}

div.coin-balance-calculator div.rate0 {
    position: absolute;
    right:5px;
    top:6px;

    width: 73px;
    height: 38px;

    border-radius: 4px 4px 0px 0px;
    background: linear-gradient(180deg, #9CD78D 0%, #75C761 100%);
    text-align: center;
}

div.coin-balance-calculator div.rate0 span {
    display: block;
    margin:3px 0 0 0;
    width:76px;

    font-size:15px;
}

div.coin-balance-calculator table.total tr td.pnl-total {
    font-weight:bold;
    color:#000;
}


div.coin-balance-calculator div.pnl {
    position: absolute;
    right:5px;
    top:44px;

    width: 73px;
    height: 40px;

    border-radius: 0px 0px 4px 4px;
    background: linear-gradient(180deg, #000000 0%, #250101 100%);
    text-align: center;
}

div.coin-balance-calculator div.pnl span {
    display: block;
    margin:1px 0 0 0;
    padding:5px 0 0 0;

    font-size:12px;
    color:#fff;
}


div.w-coin-last-trades {
    border:1px solid #eee;
    border-radius:4px;
    width:325px;
    height:100px;
    padding:1px 5px 2px 10px;
    overflow:auto;
}

div.w-coin-last-trades table {
    cellspacing:0;
    cellpadding:0;
    border-collapse: collapse;
}

div.w-coin-last-trades table tr td:first-child {
    width:40px;
}

div.w-coin-last-trades table tr.buy td:first-child {
    color:#0ab40a;
}

div.w-coin-last-trades table tr.sell td:first-child {
    color:#3434b4;
}

div.w-coin-last-trades table tr td:nth-child(2) a {
    color:#000;
}

div.w-coin-last-trades table tr td:nth-child(2) span,div.w-coin-last-trades table tr td:nth-child(5) span {
    color:#ccc;
}

div.w-coin-last-trades table tr td:nth-child(4) {
    width:20px;
}

div.w-coin-last-trades table tr td:nth-child(5) {
    text-align: right;
    width:80px;
}

div.w-coin-last-trades table tr td:nth-child(6) {
    text-align: right;
    padding: 0 0 0 10px;

    width:30px;
    color:#9b9b9b;
}

div.w-coin-summary {
    border: 1px solid #babaec;
    border-radius: 4px;
    width: 325px;
    height: 46px;
    padding: 1px 5px 2px 10px;
    margin: 5px 0 0 0;
    font-size: 14px;
    position: relative;
    background: #c5c5f1;
}



div.w-coin-summary span {
    color:#fff;
}

table.tip-trade-pnl {
    width:180px;
}

table.tip-trade-pnl tr td.head {
    font-size:14px;
}

table.tip-trade-pnl tr td:nth-child(2) {
    text-align: right;
}


/* /NEW





/* UI */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 22px; height: 22px; right: 1px; bottom: 1px; background:url('/i/se.png?1') no-repeat 1px 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}






/* small styles */
.black { color:#000000; }
.grey { color:#858585; }
.light-grey { color:#eee; }
.green { color:#00B000; }
.yellow { color:yellow; }
.orange-t { color:#F48B35; }
.red { color:red; }
.dark{ background:#005B1E; color:#FFFFFF; }
.blue { color:blue; }
.dblue { color:#45688E; }
.ccc { color:#ccc; }
.block { display:block; }
.f14 { font-size:14pt; }
.f14px { font-size:14px; }
.f10 { font-size:10px; }
.f11 { font-size:11px; }
.white { color:#fff; }
.bgwhite { background:#fff; }
.hide { display:none; }
.b { font-weight:bold }
.m10 { margin:10px; }
.pd5 { padding:5px; }
.pd10 { padding:10px; }
.mt10 { margin-top:10px }
.mt5 { margin-top:5px }
.center { text-align:center; }
.relative { position:relative; }
.brd3e {
    border:1px solid #eee;
}
div.clear { clear:both; }
div.title-1 {
    font-size:16px;
}
/**/