* {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
a {
    text-decoration: none;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input:focus {
    outline: 0 none;
}
body {
    min-width: 1150px;
    height: 100%;
}

/* wrapper
----------------------------------------------------------------------------- */
#wrapper {
    min-width: 1000px;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

/* header
----------------------------------------------------------------------------- */
#header {
    width: 100%;
    background: #d4d4d4;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.506);
    height: 80px;
    position: relative;
}
#header_left {
    width: 100px;
    height: 24px;
    background: url(../images/logo.png) no-repeat;
    position: absolute;
    top: 29px;
    left: 31px;
}
#header_left span {
    margin-left: 30px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}
#header_left span:hover {
    text-decoration: underline;
}
#header_logo {
    float: left;
    /*width: auto;*/
    height: 80px;
    width: 211px;
    padding: 0 15px;
    border-right: 1px solid #c6c6c6;
    background: url(../images/logo_crm.png) center center no-repeat;
}
#header_under_logo {
    height: 80px;
    position: absolute;
    /*top: 60px;*/
    right: 18px;
    box-sizing: border-box;
    padding-top: 22px;
    float: left;
    font-size: 14px;
    text-align: right;
    color: #000000;
    width: auto;
}
#header #user_now {
    float: right;
    height: auto;
}
#header #exit {
    margin-top: 10px;
    color: #666666;
    float: right;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: underline;
}
#header #exit img {
    /*margin-top: 2px;*/
    vertical-align: middle;
    margin-right: 10px;
}
#header #exit:hover {
    text-decoration: none;
}
#header .menu_block {
    width: 100px;
    height: 80px;
    /*margin: 4px 0 0 30px;*/
    margin: 0;
    border-right: 1px solid #c6c6c6;
    float: left;
    position: relative;
    color: #666666;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#header .menu_block a {
    color: #666666;
}
#header .menu_block:hover,
#header .hover {
    /*background: url(../images/bg_menu_header.png) no-repeat;*/
    cursor: pointer;
    color: #666666;
    background: #e8e8e8;
    background: -moz-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background: -webkit-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background: -o-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background: linear-gradient(bottom, #e8e8e8, , #c6c6c6);
}
#header .hover,
#header .hover a {
    color: #000000;
}
#header .menu_block.js_menu_block_down {
    background: url("/images/drop_down.png") no-repeat 50% 60px transparent;
}
#header .menu_block.js_menu_block_down:hover,
#header .menu_block.js_menu_block_down.hover {
    background-image: url("/images/drop_down.png"), -moz-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background-image: url("/images/drop_down.png"), -webkit-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background-image: url("/images/drop_down.png"), -o-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background-image: url("/images/drop_down.png"), -ms-linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background-image: url("/images/drop_down.png"), linear-gradient(bottom, #e8e8e8, #c6c6c6);
    background-repeat: no-repeat, repeat;
    background-position: 50% 60px, 0 0;
}
#header .menu_block .icon {
    position: absolute;
    top: 7px;
    left: 37px;
    width: 24px;
    height: 24px;
    background-color: #666666;
}
#header .menu_block .icon.manager {
    background: url("/images/manager.png") no-repeat left center transparent;
}
#header .hover .icon.manager {
    background-position: right center;
}
#header .menu_block .icon.diagram {
    background: url("/images/diagram.png") no-repeat left center transparent;
}
#header .hover .icon.diagram {
    background-position: right center;
}
#header .menu_block .icon.time {
    background: url("/images/time.png") no-repeat left center transparent;
}
#header .hover .icon.time {
    background-position: right center;
}
#header .menu_block .icon.test-account {
    background: url("/images/test-account.png") no-repeat left center transparent;
}
#header .hover .icon.test-account {
    background-position: right center;
}
#header .menu_block .icon.settings {
    background: url("/images/settings.png") no-repeat left center transparent;
}
#header .hover .icon.settings {
    background-position: right center;
}
#header .menu_block .title {
    position: absolute;
    top: 38px;
    width: 100%;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
}
#header .menu_block_down {
    width: 200px;
    position: absolute;
    top: 80px;
    left: 0;
    display: none;
    z-index: 15;
    background: #fff;
    border: 1px solid #d4d4d4;
}
#header .menu_block_down ul {
    padding: 10px 0;
    float: left;
    width: 100%;
    height: auto;
}
#header .menu_block_down li {
    background: #ffffff;
    float: left;
    width: 100%;
    height: 30px;
    background-position: 0 10px;
}
#header .menu_block_down a {
    font-size: 13px;
    color: #666666;
    padding: 0 10px;
    line-height: 30px;
    text-decoration: none;
    float: left;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
}
#header .menu_block_down a:hover,
#header .menu_block_down a.hover {
    background: #e4e4e4;
    color: #000000;
}

/* choose_block
----------------------------------------------------------------------------- */
#top_block {
    width: 100%;
    height: 114px;
}

/* content
----------------------------------------------------------------------------- */
#content {
    width: 100%;
    position: relative;
    clear: both;
}

/* menu
----------------------------------------------------------------------------- */
#menu {
    width: 30%;
    min-width: 250px;
    height: auto;
    position: absolute;
}
#menu #tabs {
    width: 30%;
    min-width: 300px;
    height: 20px;
    position: relative;
}
#menu .head_tab {
    height: 20px;
    cursor: pointer;
    float: left;
    margin-left: 12px;
}
#menu .head_tab a {
    font-size: 14px;
    color: #000;
}
#menu #tabs .bold {
    font-weight: bold;
}
#menu .head_tab_line {
    width: 1px;
    height: 20px;
    background: url(../images/head_tab_line.png) no-repeat;
    background-position: 0px 4px;
    float: left;
    margin-left: 12px;
}
#menu #menu_top {
    min-width: 250px;
    height: 1px;
    background: url(../images/bgmenu_top.png) repeat-x;
}
#menu ul#menu_pr .first {
    color: #777;
    margin: 8px 0 5px 0;
    cursor: pointer;
}
#menu ul#menu_pr .first span {
    padding: 0 0 0 12px;
    background: 0;
}
#menu ul#menu_pr .first span a b {
    color: #777;
}
#menu ul#menu_pr {
    cursor: pointer;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    padding-bottom: 5px;
    margin-bottom: 30px;
}
#menu ul#menu_pr li {
    height: 19px;
    width: 100%;
    font-size: 12px;
    padding: 2px 0 0 0;
    cursor: pointer;
}
#menu ul#menu_pr li:hover {
    background: url(../images/bg_menu_li.png) repeat-x;
}
#menu ul#menu_pr li.menu_bg {
    background: url(../images/bg_menu_li.png) repeat-x;
}
#menu ul#menu_pr a {
    color: #000;
}
#menu ul#menu_pr li span {
    padding: 0 0 0 22px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 14px 0px;
}
#menu ul#menu_pr li span.bold {
    font-weight: bold;
}
#menu .indikator_block {
    height: 12px;
    width: 215px;
    position: relative;
}
#menu .time_left {
    height: 12px;
    font-size: 11px;
    position: absolute;
    bottom: 1px;
    left: 0;
    color: #333;
}
#menu .time_right {
    height: 12px;
    font-size: 11px;
    position: absolute;
    bottom: 1px;
    left: 128px;
    color: #333;
}
#menu .days_end {
    height: 12px;
    font-size: 11px;
    position: absolute;
    bottom: 1px;
    left: 164px;
    color: #0a7091;
}
#menu .count_zadach {
    height: 12px;
    font-size: 11px;
    position: absolute;
    bottom: 2px;
    right: 0;
    color: #111;
}

#menu .ind_body {
    height: 12px;
    width: 98px;
    position: relative;
    margin-left: 30px;
}
#menu .ind_bg {
    position: absolute;
    z-index: 3;
    width: 98px;
    height: 12px;
}
#menu .ind_grey_bg {
    position: absolute;
    z-index: 1;
    width: 96px;
    height: 10px;
}
#menu .ind_line {
    position: absolute;
    z-index: 2;
    height: 10px;
}
.v_al_middle {
    vertical-align: middle;
    padding-top: 2px;
}
#menu #menu_pr table {
    width: 100%;
}

/* right
----------------------------------------------------------------------------- */
#empty {
    width: 242px;
    height: 10px;
    float: left;
}
#right {
    margin: 0 0 30px 29%;
    position: relative;
}
/* ------------------------ */
#right #bg_right_left_side {
    width: 13px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#right #bg_right_left_side table {
    width: 13px;
    height: 100%;
}

#right #bg_right_l {
    width: 13px;
    background: url(../images/bg_right_l.png) repeat-y;
}
#right bg_right_l_empty {
    width: 13px;
    height: 10px;
}
/* ------------------------ */
#right #right_center {
    background-color: #d4d4d4;
    margin: 0 0px 0 13px;
}
/* ------------------------ */
#right #bg_right_botton {
    height: 7px;
    margin-left: 5px;
}
#right #bg_right_botton #ygol_l {
    height: 7px;
    width: 8px;
    background: url(../images/bg_right_b_ygol_1.png) no-repeat;
    float: left;
}
#right #bg_right_botton #cen {
    height: 7px;
    background: url(../images/bg_right_b.png) repeat-x;
    margin: 0 0px 0 8px;
}
/* ------------------------ */
#right #top {
    height: 24px;
    width: 100%;
    position: relative;
}
#right #top #top_text {
    height: 24px;
    font-size: 13px;
    padding: 7px 0 0 4px;
}
#right #top #top_date {
    height: 24px;
    position: absolute;
    top: 7px;
    right: 11px;
    font-size: 12px;
}
#right #top #top_date span {
    color: #777;
    margin-right: 7px;
}
/* Кнопочная часть
----------------------------------------------------------------------------- */
#right #main_buttons {
    height: 70px;
    width: 100%;
    position: relative;
    margin-top: 7px;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#right #main_buttons #main_buttons_left {
    height: 70px;
    width: auto;
    padding-top: 5px;
    position: relative;
}
.check_box {
    width: 23px;
    height: 21px;
    background: url(../images/check_button.png) no-repeat;
    position: relative;
    margin: 0 12px 0 5px;
    float: left;
}
.check_box_all {
    width: 11px;
    height: 11px;
    background: url(../images/check.png) no-repeat;
    position: absolute;
    top: 4px;
    left: 5px;
}
.check_box_all_choose {
    width: 11px;
    height: 11px;
    background: url(../images/check_choose.png) no-repeat;
    position: absolute;
    top: 4px;
    left: 5px;
}

/* ----------- Кнопка ------------- */
#button {
    height: 21px;
    cursor: pointer;
}
#button_l {
    height: 21px;
    width: 2px;
    background: url(../images/button_l.png) no-repeat;
    float: left;
}
#button_r {
    height: 21px;
    width: 2px;
    background: url(../images/button_r.png) no-repeat;
    float: left;
}
#button_c {
    /*height: 21px;*/
    height: 19px;
    background: url(../images/button_c.png) repeat-x;
    float: left;
    color: #000;
    font-size: 13px;
    text-align: center;
    padding: 2px 5px 0 5px;
    position: relative;
    -moz-user-select: none; /* Мозилка */
    -o-user-select: none; /* Опера */
    -khtml-user-select: none; /* khtml семейка */
    -webkit-user-select: none; /* webkit семейка */
    -ms-user-select: none; /* Ослик 9+ */
    user-select: none; /* для особо не привередливых браузеров, обожаю такие */
}
.bold {
    font-weight: bold;
}
.red {
    color: red;
}
.grey {
    color: #777;
}
.float_l {
    float: left;
}
.float_r {
    float: right;
}
.margin_r {
    margin-right: 6px;
}
.margin_r_8 {
    margin-right: 8px;
}
.margin_r_20 {
    margin-right: 20px;
}
.margin_r_32 {
    margin-right: 32px;
}
.margin_l_51 {
    margin-left: 51px;
}
#button .select {
    padding: 2px 20px 0 5px;
}
#select_bg {
    width: 8px;
    height: 7px;
    position: absolute;
    top: 8px;
    right: 5px;
    background: url(../images/select.png) repeat-x;
}
.back {
    margin: 0 14px 0 4px;
}
#back {
    width: 25px;
    background: url(../images/back.png) no-repeat;
    background-position: 0px 5px;
}
#del_arrow {
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    background: url(../images/del_arrow.png) no-repeat;
    margin: 2px 7px 0 0;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
} /* Кнопка 1px */
/* Фильтр
----------------------------------------------------------------------------- */
#right #top_filtr {
    position: absolute;
    top: 0px;
    right: 5px;
    height: 30px;
}
#right #filtr_l {
    height: 30px;
    width: 2px;
    background: url(../images/border_l.png) no-repeat;
    float: left;
}
#right #filtr_bg {
    height: 30px;
    background: url(../images/border_bg.png) repeat-x;
    float: left;
    padding: 4px 6px 0 6px;
}
#right #filtr_r {
    height: 30px;
    width: 2px;
    background: url(../images/border_r.png) no-repeat;
    float: left;
}
/* ------------------------ */
#right #date_filtr {
    height: 18px;
    width: 290px;
    float: left;
    margin-top: 2px;
}
#right #forma {
    width: 115px;
    height: 18px;
    background: url(../images/bg_date_filtr.png) no-repeat;
    float: left;
    position: relative;
}
#right #filtr_text {
    color: #777;
    float: left;
    font-size: 13px;
    padding: 1px 5px 0 0;
}
#right #forma input {
    width: 115px;
    height: 18px;
    border: 0;
    background: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #777;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 0;
}
@-moz-document url-prefix() {
    #right #forma input {
        letter-spacing: -1px;
    }
}

/* Разделитель (separator)
----------------------------------------------------------------------------- */
#separator {
    width: 100%;
    height: 33px;
    position: absolute;
    top: 61px;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#line_l {
    width: 7px;
    height: 33px;
    background: url(../images/line_l.png) no-repeat;
}
#line_bg {
    height: 33px;
    width: 100%;
    position: relative;
    background: url(../images/line_bg.png);
}
/* ------------------------ */
#zadachi {
    height: 18px;
    position: absolute;
    top: 6px;
    left: 15px;
    border-left: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 3px 0 0 5px;
}
#zadachi:hover {
    cursor: pointer;
    color: #000;
}
#project {
    height: 18px;
    width: 123px;
    position: absolute;
    top: 6px;
    right: 0px;
    border-left: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 0 0 5px;
}
#project:hover {
    cursor: pointer;
    color: #000;
}
.margin_right {
    margin-right: 123px;
}
.margin_right_18px {
    margin-right: 18px;
}
/* ------------------------ */
#statys {
    height: 18px;
    width: 46px;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 2px 0 2px;
    float: left;
    text-align: center;
}
#statys:hover {
    cursor: pointer;
    color: #000;
}
#sortir_date span {
    width: 17px;
    height: 12px;
    font-size: 12px;
    color: #777;
    padding-top: 4px;
}
.span_l {
    float: left;
    margin-left: 12px;
}
.span_r {
    float: right;
    margin-right: 14px;
}
#sortir_date span:hover {
    cursor: pointer;
    color: #000;
}
#sortir_date div {
    height: 18px;
    width: 128px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 4px 0 0;
    text-align: center;
}
#sortir_date div label:hover {
    cursor: pointer;
    color: #000;
}
.margin_r_22 {
    margin-right: 22px;
}

/* Задачи
----------------------------------------------------------------------------- */
#empty_block {
    height: 30px;
    width: 100%;
}
#zadacha_line {
    min-height: 30px;
    width: 100%;
    position: relative;
    z-index: 0;
}
div#zadacha_line.active_zadacha {
    background-color: #ddd0aa;
}
/* ------------------------ */
#zadacha_line table {
    width: 100%;
    min-height: 30px;
}
#zadacha_line table tr td {
    word-wrap: break-word;
}
#zadacha_line table tr td.td_project {
    text-align: left;
    vertical-align: middle;
    width: 95px;
    font-size: 12px;
    padding: 5px;
    height: 30px;
}
#zadacha_line table tr td.td_empty {
    width: 7px;
    background-color: #d4d4d4;
}
#zadacha_line table tr td.td_time {
    text-align: left;
    vertical-align: middle;
    width: 191px;
    font-size: 12px;
    padding: 2px 0 0 5px;
}
#time_element {
    float: right;
}
.vremya {
    width: 36px;
    height: 25px;
    line-height: 12px;
}
.left_time {
    float: left;
    font-size: 10px;
    padding: 0 7px 0 1px;
}
.right_time {
    float: left;
    font-size: 10px;
    padding: 0 3px 0 7px;
}
#zadacha_line table tr td.td_time span {
    font-size: 12px;
}
#indicator {
    width: 98px;
    height: 100%;
    float: left;
    font-size: 10px;
    padding-top: 2px;
}
#ind_time {
    height: 10px;
    line-height: 7px;
    color: #777;
    font-size: 9px;
}
#zadacha_line table tr td.td_time #ind_time span {
    color: #000;
    font-size: 11px;
}
#zadacha_line table tr td.td_time .red {
    color: red;
}
#zadacha_line table tr td.td_time #ind_time span.red {
    color: red;
}
#zadacha_line table tr td.td_time .grey {
    color: #777;
}
#zadacha_line table tr td.td_time #ind_time span.grey {
    color: #777;
}
#ind_body {
    height: 12px;
    width: 98px;
    position: relative;
}
#main_bg {
    position: absolute;
    z-index: -1;
    width: 98px;
    height: 12px;
}
#grey_bg {
    position: absolute;
    z-index: -3;
    width: 96px;
    height: 10px;
}
#line {
    position: absolute;
    z-index: -2;
    height: 10px;
}
td#status {
    vertical-align: middle;
    text-align: center;
}
td#status div {
    width: 21px;
    height: 20px;
    margin: 0 auto;
}
td#skrepka {
    vertical-align: middle;
    text-align: center;
}
td#skrepka div {
    width: 24px;
    height: 22px;
    margin: 0 auto;
}
/* ------------------------ */
td#zadacha_block {
    vertical-align: middle;
    text-align: left;
    padding: 10px 0 10px 0;
}
td#zadacha_block a:hover {
    text-decoration: underline;
}
#right #zadacha_line td#zadacha_block a.red {
    color: #f00;
}
#right #zadacha_line td#zadacha_block a.grey {
    color: #777;
}
td#zadacha_block #level_1 #check {
    width: 13px;
    height: 13px;
    margin-left: 10px;
    position: relative;
    float: left;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
td#zadacha_block #level_1 #check img {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 1px;
    left: 1px;
}
td#zadacha_block #level_1 #zadacha_text {
    line-height: 13px;
    padding: 0 0 0 32px;
    margin-right: 20px;
}
td#zadacha_block #level_1 #zadacha_text a {
    font-size: 13px;
    color: #000;
}
td#zadacha_block #level_1 #zadacha_text .no_dekor {
    text-decoration: none;
    cursor: default;
}
td#zadacha_block #level_1 #zadacha_text span {
    font-size: 13px;
    color: #000;
}
/* ------------------------ */
td#zadacha_block #level_2 {
    margin-top: 5px;
}
td#zadacha_block #level_2 #check_2 {
    width: 13px;
    height: 13px;
    margin: 0px 0 0 32px;
    position: relative;
    float: left;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
td#zadacha_block #level_2 #check_2 img {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 1px;
    left: 1px;
}
td#zadacha_block #level_2 #zadacha_text_2 {
    line-height: 13px;
    padding: 0 0 0 54px;
    word-break: break-word;
}
td#zadacha_block #level_2 #zadacha_text_2 a {
    font-size: 13px;
    color: #000;
}
td#zadacha_block #level_2 #zadacha_text_2 .no_dekor {
    text-decoration: none;
}
td#zadacha_block #level_2 #zadacha_text_2 .red {
    color: red;
}
td#zadacha_block #level_2 #zadacha_text_2 .bold {
    font-weight: bold;
}
td#zadacha_block #level_2 #zadacha_text_2 .strike {
    text-decoration: line-through;
}
/* Ввод задачи
----------------------------------------------------------------------------- */
#text_block {
    margin: 7px 7px 0px 0px;
    background-color: #fff;
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#text_block_wrap {
    background-color: #fff;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
}
#text_block_wrap_user {
    padding: 10px;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    background-color: #fbfbfb;
    height: 200px;
    max-height: 300px;
    overflow-y: auto;
}
#textarea_wrap {
    padding: 0px 0px 0px 0px;
    margin-right: 17px;
}
#textarea_wrap textarea {
    padding: 8px 10px 8px 7px;
    resize: none;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    width: 100%;
    word-wrap: break-word;
}
#com_text {
    height: 18px;
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 0 0;
    padding: 0 0 2px 32px;
}
#question {
    margin-left: 50px;
    padding-bottom: 8px;
    word-wrap: break-word;
}
#com_text_question {
    width: 100%;
    height: 14px;
    margin-left: 50px;
    font-size: 13px;
    padding: 0 0 0 0;
}
#wrap_comment {
    padding: 8px 10px 15px 10px;
    font-size: 12px;
}
#comments {
    background-color: #fff;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    max-height: 280px;
    overflow: auto;
    overflow-x: hidden;
}
#reply {
    margin-left: 66px;
    padding-bottom: 8px;
}
#com_text_reply {
    width: 100%;
    height: 14px;
    margin-left: 66px;
    font-size: 13px;
    padding: 0 0 0 0;
}
#com_head {
    margin: 15px 0 0 10px;
    font-size: 13px;
    color: #555;
    font-weight: bold;
}
#com_head span {
    font-size: 11px;
    color: #777;
    margin-right: 12px;
}
#question_new {
    margin-left: 50px;
    padding: 14px 0 8px 0;
}
#send {
    padding: 0 0 31px 0;
}
#save {
    padding: 0 0 10px 0;
    margin-top: 10px;
}
#files {
    width: auto;
    margin: 20px 0 0 32px;
    font-size: 14px;
}
#files_text {
    font-weight: bold;
}
#files ul {
    margin-left: 25px;
    padding: 10px 0 15px 0;
    list-style-type: disc;
}
#files ul li {
    margin: 0 0 7px 18px;
}
#files ul li a {
    font-size: 14px;
    color: #075f96;
}
#files ul li a:hover {
    text-decoration: underline;
}
#files ul li .size {
    font-size: 14px;
    margin-left: 27px;
}
#files ul li .description {
    font-size: 12px;
    color: #777;
    margin-left: 25px;
}
#files ul li .del_file {
    width: 10px;
    height: 13px;
    background: url(../images/del_file.png) no-repeat;
    background-position: 0 4px;
    padding-left: 10px;
    margin: 0 0 0 12px;
}
#line_border {
    margin: 5px 8px 0 4px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #e2e2e2;
    height: 0px;
}
#line_bord {
    margin: 0 7px 0 0px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #e2e2e2;
    height: 0px;
}

/* Разделитель (separator_right)
----------------------------------------------------------------------------- */
#separator_right {
    height: 18px;
    width: auto;
    position: relative;
    float: right;
    padding: 6px 0 0 7px;
}
#pr {
    height: 18px;
    width: 127px;
    border-left: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 4px 0 7px;
    float: left;
}
#end {
    height: 18px;
    width: 121px;
    border-left: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 4px 0 7px;
    float: left;
}
#profit {
    height: 18px;
    width: 79px;
    border-left: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 4px 0 7px;
    float: left;
}
#separator_right div span:hover {
    cursor: pointer;
    color: #000;
}
#zadacha_line table tr td.td_pr {
    text-align: left;
    vertical-align: middle;
    width: 129px;
    font-size: 12px;
    padding: 5px;
    height: 30px;
}
#zadacha_line table tr td.td_end {
    text-align: left;
    vertical-align: middle;
    width: 122px;
    font-size: 12px;
    padding: 5px;
}
#zadacha_line table tr td.td_profit {
    text-align: left;
    vertical-align: middle;
    width: 78px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
}
#zadacha_line table tr td.td_profit img {
    padding: 5px 0 0px 0px;
}
#itogo {
    height: 28px;
    padding: 12px 45px 0 0;
}
#itogo_text {
    font-size: 14px;
    font-weight: bold;
    margin: 0 6px 0 0;
    float: left;
}
#itogo_date {
    font-size: 14px;
    color: #777;
    margin: 0 9px 0 0;
    float: left;
}
#itogo_sum {
    font-size: 18px;
    font-weight: bold;
    line-height: 15px;
    float: left;
}
#itogo_sum div {
    padding: 0 45px 2px 6px;
    background: url(../images/profit.png) no-repeat;
    background-position: 31px 0px;
    float: right;
}
/* --------------------------------------------------------------------- Админская часть --------------------------------------------------------------- */

/* Блок сортировки
----------------------------------------------------------------------------- */
#sortirovka {
    height: 18px;
    width: auto;
    position: relative;
    float: right;
    padding: 6px 0 0 0px;
}
#sortirovka #pr span:hover {
    cursor: pointer;
    color: #000;
}
#kategorii {
    width: 46px;
    border-right: 1px solid #bababa;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 4px 4px 0 7px;
    float: left;
}
#zadacha_line table tr td.td_project_chel {
    text-align: left;
    vertical-align: middle;
    width: 164px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    height: 30px;
}
#zadacha_line table tr td.td_project_chel span {
    color: #777;
}
#zadacha_line table tr td.td_project_chel span.black {
    color: #000;
}
#zadacha_line table tr td.td_project_chel span.red {
    color: #f00;
}
#zadacha_line table tr td.td_project_chel span.grey {
    color: #777;
}
#zadacha_line table tr td.td_project_chel span.bold {
    font-weight: bold;
}
#zadacha_line table tr td.td_kategorii {
    text-align: left;
    vertical-align: middle;
    width: 101px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    height: 30px;
}
#zadacha_line table tr td.td_izmena {
    text-align: left;
    vertical-align: middle;
    width: 52px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    height: 30px;
}
/* ------------------------ */
#selection_wrap {
    height: 18px;
    margin: 8px 0 0 2px;
    float: left;
    position: relative;
}
#select_left {
    height: 18px;
    width: 2px;
    background: url(../images/selection_l.png) no-repeat;
    float: left;
}
#select_back {
    background: url(../images/selection_bg.png) repeat-x;
    font-size: 13px;
    color: #777;
    padding: 2px 0 0 5px;
    float: left;
}
#separator_line {
    margin: 8px 5px 0 7px;
    width: 2px;
    height: 18px;
    background: url(../images/separator.png) no-repeat;
    float: left;
}
#select_back input {
    border: 0;
    background: 0;
    width: 100%;
    font-size: 13px;
    color: #777;
}
#separator_text_1 {
    float: left;
    color: #777;
    font-size: 13px;
    margin: 8px 4px 0 2px;
}
#separator_text_2 {
    float: left;
    color: #777;
    font-size: 13px;
    margin: 8px 4px 0 10px;
}
#ye {
    float: left;
    color: #777;
    font-size: 13px;
    margin: 8px 0px 0 8px;
}
#select_stars {
    float: left;
    width: 32px;
    height: 19px;
    margin: 7px 0px 0 2px;
    position: relative;
}
#bg_stars {
    background: url(../images/stars_select.png) no-repeat;
    width: 32px;
    height: 19px;
    cursor: pointer;
}

/* Меню работников
----------------------------------------------------------------------------- */
#menu ul#menu_workers {
    width: 100%;
    padding-top: 5px;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}
#menu ul#menu_workers li {
    width: 100%;
    color: #777;
    font-size: 13px;
    background: 0;
    padding-bottom: 5px;
}
#menu ul#menu_workers li a {
    width: 100%;
    color: #777;
    font-size: 13px;
    padding: 0 0 0 31px;
    margin-bottom: 12px;
    font-weight: bold;
}
#menu ul#menu_workers li a.plus {
    background: url(../images/plus.png) no-repeat;
    background-position: 12px 3px;
}
#menu ul#menu_workers li a.minus {
    background: url(../images/minus.png) no-repeat;
    background-position: 12px 3px;
}
#menu ul#menu_workers li ul {
    padding: 5px 0 8px 0;
}
#menu ul#menu_workers li ul li {
    height: 18px;
    padding: 0;
}
#menu ul#menu_workers li ul li:hover {
    background: url(../images/bg_menu_li.png) repeat-x;
    cursor: pointer;
}
#menu ul#menu_workers li ul li.menu_bg {
    background: url(../images/bg_menu_li.png) repeat-x;
    cursor: pointer;
}
#menu ul#menu_workers li ul li a {
    width: 100%;
    color: #000;
    font-size: 12px;
    padding: 0 0 0 10px;
}
#menu ul#menu_workers li ul li a span {
    padding: 0 0 0 22px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 14px 0px;
    font-weight: lighter;
}
#menu ul#menu_workers li ul li a .bold {
    font-weight: bold;
}
.w_zadachi {
    font-size: 12px;
    color: #444;
}

/* Меню проектов - НОВОЕ !!!
----------------------------------------------------------------------------- */
#menu ul#menu_projects {
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}
#menu ul#menu_projects li {
    width: 100%;
    color: #777;
    font-size: 13px;
    background: 0;
    padding-bottom: 5px;
}
#menu ul#menu_projects li a {
    width: 100%;
    color: #777;
    font-size: 13px;
    padding: 0 0 0 31px;
    margin-bottom: 12px;
    font-weight: bold;
}
#menu ul#menu_projects li a.plus {
    background: url(../images/plus.png) no-repeat;
    background-position: 12px 3px;
}
#menu ul#menu_projects li a.minus {
    background: url(../images/minus.png) no-repeat;
    background-position: 12px 3px;
}
#menu ul#menu_projects li ul {
    padding: 5px 0 8px 0;
}
#menu ul#menu_projects li ul li {
    height: 18px;
    padding: 0;
}
#menu ul#menu_projects li ul li:hover {
    background: url(../images/bg_menu_li.png) repeat-x;
    background-position: 0px -1px;
    cursor: pointer;
}
#menu ul#menu_projects li.menu_bg {
    background: url(../images/bg_menu_li.png) repeat-x;
    background-position: 0px -1px;
    cursor: pointer;
}
#menu ul#menu_projects li.hovering:hover {
    background: url(../images/bg_menu_li.png) repeat-x;
    background-position: 0px -1px;
    cursor: pointer;
}
#menu ul#menu_projects li ul li a {
    width: 100%;
    color: #000;
    font-size: 12px;
    padding: 0 0 0 10px;
}

#menu ul#menu_projects li ul li a span {
    padding: 0 0 0 22px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 14px 0px;
    font-weight: lighter;
}
#menu ul#menu_projects li.hovering a span {
    padding: 0 0 0 22px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 14px 0px;
    font-weight: lighter;
}

#menu ul#menu_projects li ul li a .bold {
    font-weight: bold;
}
#menu ul#menu_projects li.hovering a .bold {
    font-weight: bold;
}

.w_zadachi {
    font-size: 12px;
    color: #444;
}

/* Добавление темы задачи
----------------------------------------------------------------------------- */
#theme {
    width: 100%;
    height: 20px;
    margin: 11px 0 0 0;
}
#theme table td {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
#theme table div#input_theme {
    width: 100%;
    height: 20px;
    background: url(../images/theme_bg.png) repeat-x;
}
#theme table #bord_line {
    width: 1px;
    background: url(../images/theme_l.png) no-repeat;
}
#theme table td span {
    height: 18px;
    background-color: #777;
}
#theme table div input {
    width: 99.5%;
    height: 18px;
    font-size: 13px;
    margin: 0 0 0 3px;
    background: 0;
}
#add_podtheme {
    color: #555;
    font-size: 11px;
    cursor: pointer;
    margin: 3px 0 0 46px;
    padding: 0 0 5px 0;
    width: 105px;
}
#wrapper .m_l_34 {
    margin-left: 34px;
}

#add_podtheme:hover {
    text-decoration: underline;
}
#theme .podtheme_text {
    width: 65px;
    font-size: 13px;
}
#right_center .add_margin_left {
    margin: 3px 0 5px 110px;
}

/* Прикрепление файла
----------------------------------------------------------------------------- */
#file_add {
    margin: 8px 0 2px 0;
    clear: both;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#file_add_title {
    background: url(../images/skrepka.png) no-repeat;
    cursor: pointer;
    height: 22px;
    margin-bottom: 8px;
    width: 160px;
}
#file_add_title a {
    color: #00c;
    margin: 0 0 0 28px;
    font-size: 15px;
    color: #075f96;
}
#wrap_file_add {
    width: 450px;
    margin-bottom: 10px;
    display: none;
}
#wrap_file_add input[type="file"] {
    margin-bottom: 4px;
    font-size: 12px;
    cursor: pointer;
    clear: both;
    float: left;
}
#wrap_file_add .add_file {
    width: 170px;
    color: #00c;
    font-size: 12px;
    color: #075f96;
    cursor: pointer;
}
#wrap_file_add .add_file:hover {
    text-decoration: underline;
}
#wrap_file_block {
    width: 100%;
    position: relative;
}

#del_file_add {
    width: 60px;
    height: 20px;
    padding: 4px 0 0 0;
    color: #666;
    font: 12px Tahoma, Arial, sans-serif;
    text-decoration: underline;
    cursor: pointer;
    float: left;
    margin: 0 0 0 10px;
}
#del_file_add:hover {
    text-decoration: none;
}

/* Выпадающий список работников
----------------------------------------------------------------------------- */
.hide_workers {
    width: 224px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 10;
    display: none;
}
.jq_class_work {
    width: 224px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 10;
    display: none;
}
.hide_workers_t {
    width: 224px;
    height: 5px;
    background: url(../images/hide_workers_t.png) no-repeat;
    float: left;
}
.hide_workers_b {
    width: 224px;
    height: 5px;
    background: url(../images/hide_workers_b.png) no-repeat;
    float: left;
}
.hide_workers_c {
    width: 224px;
    background: url(../images/hide_workers_c.png) repeat-y;
    float: left;
}
.hide_workers_c div {
    width: 219px;
    max-height: 280px;
    overflow: auto;
    overflow-x: hidden;
}
.hide_workers_c div ul li {
    font-size: 13px;
    padding: 5px 7px;
    color: #777;
}
.hide_workers_c div ul li#jq_pr {
    font-size: 13px;
    padding: 2px 7px;
    color: #222;
}
.hide_workers_c div ul li#jq_pr:hover {
    text-decoration: underline;
    cursor: pointer;
}
.hide_workers_c div ul li ul {
    margin: 5px 0;
}
.hide_workers_c div ul li ul li {
    font-size: 13px;
    padding: 0px 7px 2px 7px;
}
.hide_workers_c div ul li ul li span {
    font-size: 12px;
    color: #000;
    cursor: pointer;
}
.hide_workers_c div ul li ul li span:hover {
    text-decoration: underline;
}

/* Выпадающий список проектов
----------------------------------------------------------------------------- */
.hide_pr {
    width: 150px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 10;
    display: none;
}
.hide_pr_t {
    width: 150px;
    height: 5px;
    background: url(../images/hide_pr_t.png) no-repeat;
    float: left;
}
.hide_pr_b {
    width: 150px;
    height: 5px;
    background: url(../images/hide_pr_b.png) no-repeat;
    float: left;
}
.hide_pr_c {
    width: 150px;
    background: url(../images/hide_pr_c.png) repeat-y;
    float: left;
}
.hide_pr_c div {
    width: 145px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}
.hide_pr_c div ul {
    padding: 2px 5px 3px 8px;
}
.hide_pr_c div ul li {
    font-size: 13px;
    padding: 1px 0 3px 0;
    color: #000;
}
.hide_pr_c div ul span {
    cursor: pointer;
}
.hide_pr_c div ul li span:hover {
    text-decoration: underline;
}

/* Выпадающий список категорий
----------------------------------------------------------------------------- */
.hide_kat {
    width: 150px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 10;
    display: none;
}
.jq_class_kat {
    width: 150px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 10;
    display: none;
}

/* Выпадающий список статусов
----------------------------------------------------------------------------- */
#hide_statys {
    width: 45px;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 10;
    display: none;
    cursor: default;
}
#hide_statys_t {
    width: 45px;
    height: 5px;
    background: url(../images/hide_statys_t.png) no-repeat;
    float: left;
}
#hide_statys_b {
    width: 45px;
    height: 5px;
    background: url(../images/hide_statys_b.png) no-repeat;
    float: left;
}
#hide_statys_c {
    width: 45px;
    background: url(../images/hide_statys_c.png) repeat-y;
    float: left;
}
#hide_statys_c div {
    width: 45px;
    height: 56px;
}
#hide_statys_c div ul {
    margin: 3px 5px 5px 5px;
}
#hide_statys_c div ul li {
    margin: 1px 0 7px 5px;
}
.yellow_s {
    background: url(../images/yellow_star.png) no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
    border: 1px solid #fff;
}
.yellow_s:hover {
    border: 1px solid #ccc;
}
.green_s {
    background: url(../images/green_star.png) no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
    border: 1px solid #fff;
}
.green_s:hover {
    border: 1px solid #ccc;
}
.red_s {
    background: url(../images/red_star.png) no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
    border: 1px solid #fff;
}
.red_s:hover {
    border: 1px solid #ccc;
}
#select_stars .stars_select_red {
    background: url(../images/stars_select_red.png) no-repeat;
}
#select_stars .stars_select_yellow {
    background: url(../images/stars_select_yellow.png) no-repeat;
}
#select_stars .stars_select_green {
    background: url(../images/stars_select_green.png) no-repeat;
}

/* Выпадающий список "Переместить в"
----------------------------------------------------------------------------- */
.move_in {
    width: 150px;
    position: absolute;
    top: 26px;
    left: 345px;
    z-index: 10;
    display: none;
}
.move_in_t {
    width: 150px;
    height: 5px;
    background: url(../images/hide_pr_t.png) no-repeat;
    float: left;
}
.move_in_b {
    width: 150px;
    height: 5px;
    background: url(../images/hide_pr_b.png) no-repeat;
    float: left;
}
.move_in_c {
    width: 150px;
    background: url(../images/hide_pr_c.png) repeat-y;
    float: left;
}
.move_in_c div {
    width: 145px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}
.move_in_c div ul {
    padding: 2px 5px 3px 8px;
}
.move_in_c div ul li {
    font-size: 13px;
    padding: 1px 0 3px 0;
    color: #000;
}
.move_in_c div ul span {
    cursor: pointer;
}
.move_in_c div ul li span:hover {
    text-decoration: underline;
}

/* Добавление проектов/работников/должности
----------------------------------------------------------------------------- */
.text_td {
    vertical-align: top;
    font-size: 13px;
    padding: 5px 0 0 0;
    width: 118px;
}
.text_tdd {
    vertical-align: top;
    font-size: 13px;
    width: 120px;
}
.v_align {
    padding-top: 8px;
}
#cherta {
    width: 17px;
    height: 20px;
    background: url(../images/cherta.png) no-repeat;
    background-position: 4px 8px;
    float: left;
}
.text_td_w {
    vertical-align: top;
    font-size: 13px;
    padding: 4px 0 0 0;
    width: 118px;
}
.text_a_c {
    text-align: center;
}
#add_worker {
    background: url(../images/krest.png) no-repeat;
    background-position: 3px 3px;
    font-size: 11px;
    cursor: pointer;
    padding-left: 15px;
}
#add_worker:hover {
    text-decoration: underline;
}
.del_add_worker {
    width: 50px;
    font-size: 11px;
    color: #666;
    vertical-align: top;
    padding-top: 2px;
}
.del_add_worker:hover {
    text-decoration: underline;
    cursor: pointer;
}
#selection_wrap_add {
    height: 18px;
    position: relative;
}
.addtime {
    float: left;
    color: #777;
    font-size: 13px;
    margin-left: 8px;
    cursor: pointer;
}
.addtime span {
    text-decoration: underline;
}
.addtime span:hover {
    text-decoration: none;
}

/* Верхнее меню
----------------------------------------------------------------------------- */
#menu_level_2 {
    width: 100%;
    height: 69px;
    float: right;
    clear: both;
    padding-top: 5px;
}
#menu_level_2 .menu_block {
    width: 100px;
    height: 60px;
    float: left;
    position: relative;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#menu_level_2 a {
    color: #0096ff;
    width: 81px;
    height: 60px;
}
#menu_level_2 .menu_block:hover a,
#menu_level_2 .menu_block.hover a {
    color: #000000;
}
#menu_level_2 .menu_block .icon {
    position: absolute;
    top: 7px;
    left: 38px;
    width: 25px;
    height: 25px;
    /*background-color: #666666;*/
}
#menu_level_2 .menu_block .icon.archive {
    background: url("/images/archive.png") left center no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.archive,
#menu_level_2 .menu_block:hover .icon.archive {
    background-position: -26px 50%;
}
#menu_level_2 .menu_block .icon.basket {
    background: url("/images/shopping-cart.png") left center no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.basket,
#menu_level_2 .menu_block:hover .icon.basket {
    background-position: -26px 50%;
}
#menu_level_2 .menu_block .icon.add {
    background: url("/images/plus2.png") left center no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.add,
#menu_level_2 .menu_block:hover .icon.add {
    background-position: -26px 50%;
}
#menu_level_2 .menu_block .icon.worker {
    background: url("/images/workers-team.png") left center no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.worker,
#menu_level_2 .menu_block:hover .icon.worker {
    background-position: -26px 50%;
}
#menu_level_2 .menu_block .icon.projects {
    background: url("/images/projects.png") left center no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.projects,
#menu_level_2 .menu_block:hover .icon.projects {
    background-position: -26px 50%;
}
#menu_level_2 .menu_block .icon.all,
#menu_level_2 .menu_block .icon.me,
#menu_level_2 .menu_block .icon.my {
    padding-left: 24px;
    left: 26px;
    font-size: 14px;
    min-width: 10px;
    float: none;
    margin: 0 auto;
    margin-top: 7px;
    position: inherit;
    line-height: 35px;
    font-weight: 700;
    color: #656565;
}
#menu_level_2 .menu_block.gray_t a {
    color: #656565;
}
#menu_level_2 .menu_block.gray_t a:hover,
#menu_level_2 .menu_block.gray_t.hover a {
    color: #000000;
}
#menu_level_2 .menu_block .icon.all {
    font-size: 18px;
    padding-left: 0;
    /*background: url('/images/projects.png') left center no-repeat transparent;*/
}
#menu_level_2 .menu_block.hover .icon.all,
#menu_level_2 .menu_block:hover .icon.all {
    color: #000000;
}
#menu_level_2 .menu_block .icon.me {
    background: url("/images/arrow-blue.png") left -26px no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.me,
#menu_level_2 .menu_block:hover .icon.me {
    color: #0096ff;
    background-position: left top;
}
#menu_level_2 .menu_block .icon.my {
    background: url("/images/arrow-green.png") left -26px no-repeat transparent;
}
#menu_level_2 .menu_block.hover .icon.my,
#menu_level_2 .menu_block:hover .icon.my {
    color: #05b637;
    background-position: left top;
}

#menu_level_2 .menu_block .title {
    position: absolute;
    top: 38px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 13px;
}
#menu_level_2 .style_1 {
    margin-left: 8px;
}
#menu_level_2 .float_r {
    float: right;
}

/* Здесь ничего нет
----------------------------------------------------------------------------- */
#no_inf {
    font-size: 16px;
    padding: 10px 0 10px 16px;
    color: #444;
}

/* Вход в систему
----------------------------------------------------------------------------- */
#enter {
    width: 260px;
    height: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -160px 0 0 -130px;
    background: url(/images/logo_crm.png) no-repeat;
    background-position: top right;
}
#wrapper_form {
    width: 100%;
    height: 60px;
    margin-top: 90px;
}
#wrapper_form .input_tut {
    position: relative;
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
}
#wrapper_form .input_tut input {
    background: url(../images/bg_enter_input.png) no-repeat;
    width: 182px;
    height: 20px;
    font-size: 12px;
    padding-left: 5px;
    color: #333;
    position: absolute;
    right: 0;
}
#wrapper_form .input_tut span {
    font-size: 14px;
}
#enter_submit {
    background: none;
    border: 0;
    padding: 0 14px;
    cursor: pointer;
}
#wrapper_form #button {
    width: 79px;
    position: absolute;
    right: 0;
}
#copy {
    color: #666;
    font-size: 11px;
    margin-top: 60px;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#copy a {
    color: #666;
    text-decoration: underline;
}
#copy a:hover {
    color: #666;
    text-decoration: none;
}
#bad_enter {
    color: #f00;
    font-size: 12px;
    position: absolute;
    top: 68px;
    left: 72px;
}
#lock_text {
    position: absolute;
    bottom: 5px;
    left: 20px;
    font-size: 12px;
    width: 220px;
    text-align: center;
}

/* Всплывающее окно "Мои настройки"
----------------------------------------------------------------------------- */
#dark_zone {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: url(../images/bg_dark.png);
    z-index: 19;
}
*html #dark_zone {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + "px");
}
.popup {
    width: 331px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -165px;
    display: none;
    z-index: 20;
}
.popup_t {
    width: 331px;
    height: 21px;
    background: url(../images/popup_t.png) no-repeat;
}
.popup_b {
    width: 331px;
    height: 34px;
    background: url(../images/popup_b.png) no-repeat;
}
.popup_c {
    width: 331px;
    background: url(../images/popup_c.png) repeat-y;
    padding: 12px 0 6px 0;
}
.popup_head {
    font-size: 18px;
    height: 18px;
    color: #666;
    position: absolute;
    top: 7px;
    left: 36px;
}
.popup_line {
    width: 308px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #e2e2e2;
    height: 0px;
    margin: 0 0 0 7px;
}
.popup .form_popup {
    padding-top: 12px;
    width: 255px;
    margin: 0 0 0 36px;
}
.popup .input_tut {
    position: relative;
    width: 100%;
    height: 18px;
    margin-bottom: 15px;
}
.popup .input_tut input {
    background: url(../images/bg_input_popup.png) no-repeat;
    width: 185px;
    height: 18px;
    font-size: 12px;
    padding-left: 5px;
    color: #333;
    position: absolute;
    right: 0;
}
.popup .input_tut span {
    font-size: 14px;
}
.popup .save_settings {
    width: 84px;
}
.popup #button .save_settings {
    background: none;
    border: 0;
    cursor: pointer;
    width: 75px;
}
.popup #button .cansel {
    background: none;
    border: 0;
    cursor: pointer;
    width: 75px;
}

.popup_account {
    width: 331px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -165px;
    display: none;
    z-index: 20;
}
.popup_account_t {
    width: 331px;
    height: 21px;
    background: url(../images/popup_t.png) no-repeat;
}
.popup_account_b {
    width: 331px;
    height: 34px;
    background: url(../images/popup_b.png) no-repeat;
}
.popup_account_c {
    width: 331px;
    background: url(../images/popup_c.png) repeat-y;
    padding: 12px 0 6px 0;
}
.popup_account_head {
    font-size: 18px;
    height: 18px;
    color: #666;
    position: absolute;
    top: 7px;
    left: 36px;
}
.popup_account_line {
    width: 308px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #e2e2e2;
    height: 0px;
    margin: 0 0 0 7px;
}
.popup_account .form_popup {
    padding-top: 12px;
    width: 255px;
    margin: 0 0 0 36px;
}
.popup_account .input_tut {
    position: relative;
    width: 100%;
    height: 18px;
    margin-bottom: 15px;
}
.popup_account .input_tut input {
    background: url(../images/bg_input_popup.png) no-repeat;
    width: 185px;
    height: 18px;
    font-size: 12px;
    padding-left: 5px;
    color: #333;
    position: absolute;
    right: 0;
    padding-top: 1px;
}
.popup_account .input_tut span {
    font-size: 14px;
}
.popup_account .save_settings {
    width: 84px;
}
.popup_account #button .save_settings {
    background: none;
    border: 0;
    cursor: pointer;
    width: 75px;
}
.popup_account #button .cansel {
    background: none;
    border: 0;
    cursor: pointer;
    width: 75px;
}

/* Пейджер
----------------------------------------------------------------------------- */
#pager {
    position: absolute;
    top: 7px;
    left: 8px;
    height: 15px;
    -moz-user-select: none; /*Мозилка*/
    -o-user-select: none; /*Опера*/
    -khtml-user-select: none; /*khtml семейка*/
    -webkit-user-select: none; /*webkit семейка*/
    -ms-user-select: none; /*Ослик 9+*/
    user-select: none; /*для особо не привередливых браузеров, обожаю такие*/
}
#pager ul {
    font-size: 14px;
    color: #333;
}
#pager ul li {
    display: inline;
}
#pager ul li a {
    color: #333;
}
#pager ul li a:hover {
    text-decoration: underline;
}
#pager ul .active {
    font-weight: bold;
}
#pager ul li a.no_active {
    font-weight: normal;
    text-decoration: none;
}

/* Всплывающее окно "Режим работ"
----------------------------------------------------------------------------- */
#timetable,
#test_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -500px;
    z-index: 20;
    width: 1000px;
    height: 400px;
    background: #d4d4d4;
    border: 1px solid #6c6c6c;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5); /* Для Firefox */
    -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5); /* Для Safari и Chrome */
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=4, offY=4, color=#555555); /* Internet Explorer до версии 9.0 */
    filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#555555, strength=7); /* Internet Explorer до версии 9.0 */
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5); /* Параметры тени */
}
#timetable .sepr_line,
#test_popup .sepr_line {
    width: 100%;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #e2e2e2;
    height: 0px;
    margin: 34px 0 0 0;
}
#timetable #table_wrap,
#test_popup #table_wrap {
    width: 960px;
    margin: 15px 0 20px 20px;
    height: 336px;
}
#timetable table,
#test_popup table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}
#timetable table td,
#test_popup table td {
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    border: 1px solid #b5b5b5;
    border-top: none;
    padding: 5px;
    color: #111;
}
#timetable table td span,
#test_popup table td span {
    color: #666;
}
#timetable table th,
#test_popup table th {
    background-color: #d4d4d4;
    font-size: 12px;
    line-height: 120%;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
#timetable #close,
#test_popup #close {
    width: 20px;
    height: 20px;
    background: url(../images/close.png) no-repeat;
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
}
#timetable #close:hover,
#test_popup #close:hover {
    background: url(../images/close_hover.png) no-repeat;
}
#test_popup a {
    color: blue;
}
#test_popup a:hover {
    text-decoration: underline;
}
body #test_popup table td span {
    color: #c53939;
    font: 12px Arial, Helvetica, sans-serif;
}
body #test_popup table td span.green {
    color: #339900;
}
body #test_popup table td span.blue {
    color: #5789e3;
}
body #test_popup table td span.hover {
    text-decoration: underline;
    cursor: pointer;
}
body #test_popup table td span.hover:hover {
    text-decoration: none;
}
body #test_popup table td input[name="project_name"] {
    width: 80%;
    height: 18px;
    padding: 0 5px;
    background: #d4d4d4;
    text-align: center;
}
body #test_popup table td input[name="project_name"].focus {
    background: #eeeeee;
}
body #test_popup table td input[name="project_name"]:focus {
    background: #eeeeee;
}
body #test_popup #button {
    float: right;
}
#test_popup .edit_del div {
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: left;
}
#test_popup .edit_del div img {
    display: none;
}
#test_popup .edit_del .edit_icon {
    background: url(../images/edit_icon_.png) no-repeat;
    margin: 0 0 0 15px;
}
#test_popup .edit_del .delete_icon {
    background: url(../images/delete_icon_.png) no-repeat;
    margin: 0 0 0 8px;
}

/* ----------- Меню ------------- */
div#content div.menu_hosting {
    width: 19%;
}
#menu ul#menu_pr .first {
    color: #777;
    margin: 8px 0 5px 0;
    cursor: pointer;
}
#menu ul#menu_pr .first span {
    padding: 0 0 0 12px;
    background: 0;
}
#menu ul#menu_pr .first span a b {
    color: #777;
}
#menu ul#menu_pr {
    cursor: pointer;
}
#menu ul#menu_pr li {
    height: 19px;
    width: 100%;
    font-size: 12px;
    padding: 2px 0 0 0;
    cursor: pointer;
}
#menu ul#menu_pr li:hover {
    background: url(../images/bg_menu_li.png) repeat-x;
}
#menu ul#menu_pr a {
    color: #000;
}
#menu ul#menu_pr li span {
    padding: 0 0 0 22px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 14px 0px;
}
#menu ul#menu_pr li span.bold {
    font-weight: bold;
}
.count_newmsg {
    color: #1243b5;
    cursor: default;
    font: 700 12px "Arial", "Helvetica", sans-serif;
    height: 18px;
    margin-left: 4px;
    margin-top: -11px;
    position: absolute;
    text-align: center;
    width: 20px;
    overflow: hidden;
    word-wrap: normal;
}
#validateForm {
    width: 700px;
}

/* GANT DIAGRAMM */
.calendar {
}
.calendar .line_style {
    height: 20px;
    font-size: 15px;
}
.calendar table {
    border-spacing: 0 !important;
}
.calendar thead td {
    line-height: 20px;
    border-bottom: 1px solid transparent !important;
}
.calendar tr td {
    vertical-align: middle;
    height: 20px;
    padding: 0px;
    border-bottom: 1px solid transparent;
}
.calendar .data_style {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}
.calendar .project_style {
    width: 30px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    border-bottom: 1px solid transparent;
}
.calendar .text {
    text-align: right;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    width: 100%;
}
.calendar .color {
    height: 10px;
    width: 100%;
}
.calendar .task_style {
    text-align: center;
    line-height: 20px;
    width: 40px;
    height: 20px;
}
.calendar tr a {
    line-height: 25px;
}
.calendar tr td.check {
    width: 30px;
    text-align: center;
}
.calendar tr td.active {
    border-bottom: 1px solid #00f;
}
.calendar tr:hover a {
    color: #fff;
}
.calendar a.link_task {
    overflow: hidden;
    background: url("/images/arrow.png") 5px 2px no-repeat transparent;
    color: #000000;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 0px 15px;
    width: 94%;
}
#menu_workers.diagramm ul li:hover a span {
    color: #fff;
}
#menu_projects.diagramm ul li:hover a span {
    color: #fff;
}
.right_diagramm #bg_right_left_side {
    display: none;
}
.right_diagramm {
    background-color: #d4d4d4;
    margin: 0px 0px 30px !important;
}
.right_diagramm #right_center {
    margin: 0 !important;
}
.r15 {
    right: -15px !important;
}
.r90 {
    right: -90px !important;
}
/* GANT DIAGRAMM */