* {
  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%;
  /*height: 87px;*/
  /*background: url(../images/bgheader.png) repeat-x;*/
  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.hosting{
    background: url('/images/hosting.png') no-repeat left center transparent;
}
#header .hover .icon.hosting{
    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 .line_header {
  width: 2px;
  height: 64px;
  margin: 7px 0 0 27px;
  float: left;
  background: url(../images/header_line.png) no-repeat;
}*/

#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 .settings_t {
  float: left;
  width: 145px;
  height: 8px;
  background: #fff;
  background: url(../images/settings_t.png) no-repeat;
}
#header .menu_block_down .settings_c {
  float: left;
  width: 145px;
  background: #fff;
  background: #FFFFFF;
}
#header .menu_block_down .settings_b {
  float: left;
  width: 145px;
  height: 10px;
  background: #FFFFFF;
}*/
#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;
    }
.right_hosting .check_box {
    width: 51px;
    height: 21px;
    background: url(../images/check_button_hosting.png) no-repeat;
    position: relative;
    margin: 0 12px 0 5px;
    float: left;
  }
.right_hosting .check_box .show_menu {
    width: 28px;
    height: 21px;
    position: relative;
    float: right;
    cursor: pointer;
  }




  /* ----------- Кнопка ------------- */
  #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;
}
/*[id*="level_"]{
    float: left;
    width: auto;
}
[id*="level_"] #zadacha_text{
    float: left;
    width: auto;
}*/
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;
    font-weight: 700;
    color: #656565;*/
    
    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.hover .icon.all, #menu_level_2 .menu_block:hover .icon.all{
    background-position: -26px 50%;
}*/
#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;
}

#menu_level_2 .text_menu {
  margin: 20px 0 0 0;
  float: left;
}
#menu_level_2 .text_menu ul {
  padding: 0 0 0 7px;
}
#menu_level_2 .text_menu ul li {
  display: inline;
  font: 16px Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #0749e1;
  margin: 0 25px 0 0;
}
#menu_level_2 .text_menu ul li:hover {
  text-decoration: none;
}
#menu_level_2 .text_menu ul li.active {
  font-weight: bold;
  text-decoration: none;
}
#menu_level_2 .text_menu ul a {
  color: #0749e1;
}

#menu_level_2 .text_menu_support {
  margin: 20px 0 0 0;
  float: right;
}
#menu_level_2 .text_menu_support ul {
  padding: 0 0 0 7px;
}
#menu_level_2 .text_menu_support ul li {
  display: inline;
  font: 16px Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #0749e1;
  margin: 0 25px 0 0;
  position: relative;
}
#menu_level_2 .text_menu_support ul li:hover {
  text-decoration: none;
}
#menu_level_2 .text_menu_support ul li.active {
  font-weight: bold;
  text-decoration: none;
}
#menu_level_2 .text_menu_support ul a {
  color: #0749e1;
}


/*
#menu_top_wrap {
  width: 100%;
  height: 35px;
  padding-top: 35px;
}
#menu_top_wrap table {
  width: 100%;
  height: 70px;
}
#menu_top .icon_wrap {
  width: 80px;
  height: 70px;
  text-align: center;
}
#menu_top .icon_wrap div {
  width: 34px;
  height: 34px;
  background: url(../images/menu_icon.png) no-repeat;
  margin: 0 auto 3px auto;
  cursor: pointer;
}
#menu_top .icon_wrap a {
  color: #000;
}
#menu_top .icon_wrap a p {
  font-size: 12px;
}
#menu_top .icon_wrap a p:hover {
  text-decoration: underline;
}
#menu_top .empty_menu_td {
  width: 12%;
}
*/


/* Здесь ничего нет
----------------------------------------------------------------------------- */
#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;
}


/* ----------- Правая часть ------------- */
div#content div.right_hosting {
  margin: 0 0 30px 18%;
}
div#content div.right_hosting #top {
  height: 0px;
}
div#right_center div.m_t_4 {
  margin-top: 4px;
}
div#content div.right_hosting #top_filtr {
    top: 5px;
}
div#content div.right_hosting #separator {
  top: 39px;
}


/* ----------- Поиск ------------- */
#right #top_search {
    height: 30px;
}
  #right #search_l {
      height: 30px;
      width: 2px;
      background: url(../images/border_l.png) no-repeat;
      float: left;
  }
  #right #search_bg {
      height: 30px;
      background: url(../images/border_bg.png) repeat-x;
      float: left;
      padding: 4px 6px 0 6px;
  }
  #right #search_r {
      height: 30px;
      width: 2px;
      background: url(../images/border_r.png) no-repeat;
      float: left;
  }
 #right #forma_search {
      width: 185px;
      height: 18px;
      background: url(../images/bg_input_popup.png) no-repeat;
      float: left;
      position: relative;
      margin: 2px 10px 0 0;
  }
  #right #forma_search input.js_search_focus {
      width: 180px;
      height: 18px;
      border: 0;
      background: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      color: #777;
      position: absolute;
      top: 1px;
      left: 0;
      padding-left: 5px;
      -moz-user-select: all;
      -o-user-select: all;
      -khtml-user-select: all;
      -webkit-user-select: all;
      -ms-user-select: all;
      user-select: all;
   }


/* ------------ Разделитель (заголовки) ------------ */
div#content div.right_hosting #separator {
  top: 39px;
}
div#content div.right_hosting #separator #sortirovka {
  width: 100%;
}
div#content div.right_hosting #separator #sortirovka td {
  text-align: center;
}
div#content div.right_hosting #separator #sortirovka td span {
  cursor: pointer;
  color: #777;
  font-size: 13px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
div#content div.right_hosting #separator #sortirovka td.dogovor {
  padding-left: 27px;
  width: 105px;
}
/* ----------------- */
div#content div.right_hosting #separator #sortirovka td.domain {
   width: 150px;
}
div#content div.right_hosting #separator #sortirovka td.face {
   width: 106px;
}
div#content div.right_hosting #separator #sortirovka td.name {
  /* width: 120px; */
}
div#content div.right_hosting #separator #sortirovka td.status {
  width: 21px;
}
div#content div.right_hosting #separator #sortirovka td.time {
  width: 200px;
}
div#content div.right_hosting #separator #sortirovka td.method_pay {
  width: 130px;
}
div#content div.right_hosting #separator #sortirovka td.td_tariff {
  width: 110px;
  text-align: left;
  padding-left: 15px;
}
div#content div.right_hosting #separator #sortirovka td.status {
  width: 60px;
}
div#content div.right_hosting #separator #sortirovka td.hosting {
  width: 90px;
}
div#content div.right_hosting td#zadacha_block #level_1 #zadacha_text {
  margin-right: 0px;
}



/* ------------------------------ Таблица (список клиентов) ----------------------------------------- */


div#content div.right_hosting td#zadacha_block #level_1 #zadacha_text {
    padding: 1px 0 0 32px;
    font-size: 14px;
}
div#content div.right_hosting #separator #sortirovka td span:hover {
  color: #333;
}
div#content div.right_hosting #separator #sortirovka td span.no_hover {
  color: #777;
  cursor: default;
}
div#content div.right_hosting #zadacha_line td {
  font-size: 13px;
  height: 30px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
/* --------------------------- */
div#content div.right_hosting #zadacha_line td.domain {
   width: 138px;
   height: 50px;
}
div#content div.right_hosting #zadacha_line td.face {
   width: 100px;
}
div#content div.right_hosting #zadacha_line td.name {
 /*  width: 120px;*/
}
div#content div.right_hosting #zadacha_line td.status {
   width: 50px;
   text-align: center;
}
div#content div.right_hosting #zadacha_line td.status div {
   vertical-align: middle;
   width: 21px;
   height: 20px;
   margin: 0 auto;
}
div#content div.right_hosting #zadacha_line td.method_pay {
  width: 120px;
}
div#content div.right_hosting #zadacha_line td.red {
  color: red;
}
div#content div.right_hosting #zadacha_line td.blue {
  color: #0749E1;
}
div#content div.right_hosting #zadacha_line td.td_time {
  text-align: left;
  padding: 0 0 0 9px;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
    div#content div.right_hosting #zadacha_line td.td_time {
      text-align: left;
      padding: 14px 0 0 9px;
    }
}
div#content div.right_hosting #zadacha_line td.td_time .vremya {
  line-height: 33px;
}
div#content div.right_hosting #zadacha_line td.td_time #indicator {
  padding-top: 1px;
}
div#content div.right_hosting #zadacha_line td.td_tariff {
  width: 80px;
  text-align: left;
}
#zadacha_line table tr td.td_tariff #ind_time span {
    color: #000000;
    font-size: 11px;
}
div#content div.right_hosting #zadacha_line td.td_tariff #indicator {
  padding-top: 1px;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
    div#content div.right_hosting #zadacha_line td.td_tariff #indicator {
      padding-top: 10px;
    }
}
div#content div.right_hosting #zadacha_line td.hosting {
  width: 80px;
}


/* ----------------------------------------------------------------------- */
div#client_sum {
  width: 230px;
  height: 40px;
  position: absolute;
  top: 11px;
  right: 0px;
  color: #444;
  font: 16px Arial, Helvetica, sans-serif;
}
div#client_sum span {
  color: #b33f3f;
}

div#tabs_hosting {
  width: 90%;
  height: 20px;
  position: relative;
  margin: 20px 0 0 0;
  padding-left: 10px;
}
div#tabs_hosting div.tad_host {
  width: 109px;
  height: 17px;
  background: url(../images/tab_host.png) no-repeat;
  float: left;
  cursor: pointer;
  margin: 0 10px 0 0;
  text-align: center;
  font: 12px Arial, Helvetica, sans-serif;
  color: #555;
  padding-top: 2px;
  -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; /*для особо не привередливых браузеров, обожаю такие*/
}
div#tabs_hosting div.tad_host_active {
  background: url(../images/tab_host_active.png) no-repeat;
  padding-top: 3px;
  height: 16px;
}


/* -------------------------------  Вкладки ---------------------------------------- */
div#content_tab {
  min-height: 30px;
  position: relative;
  width: 95%;
  padding: 15px 0 16px 12px;
  position: relative;
}
/* --------------------------- */
div#content_tab .list_contract {
  width: 240px;
}
div#content_tab h2 {
  color: #333;
  font: 14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0 0 12px 0;
}
div#content_tab .list_contract .file {
  height: 20px;
  margin: 0 0 8px 0;
}
div#content_tab .list_contract .print {
  width: 14px;
  height: 16px;
  background: url(../images/print.png) no-repeat;
  float: left;
  cursor: pointer;
  margin: 1px 7px 0 0;
}
div#content_tab .list_contract .send {
  width: 11px;
  height: 16px;
  background: url(../images/send.png) no-repeat;
  float: left;
  cursor: pointer;
  margin-right: 7px;
}
div#content_tab .list_contract .ico {
  width: 13px;
  height: 13px;;
  background: url(../images/word_ico.png) no-repeat;
  float: left;
  cursor: pointer;
  margin: 1px 12px 0 0;
}
div#content_tab .list_contract a {
  color: #444;
  font: 14px Arial, Helvetica, sans-serif;
  text-decoration: none;
  float: left;

}
div#content_tab .list_contract a:hover {
  color: #333;
  text-decoration: underline;
}
div#content_tab .delivery_tab  {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 200px;
  overflow: hidden;
}
div#content_tab .delivery_tab h2 {
  margin: 0 0 10px 0;
}
div#content_tab .delivery_tab .wrap_check {
  width: 100%;
  height: 22px;
}
div#content_tab .delivery_tab .wrap_check p {
  float: left;
  margin: 0 10px 0 15px;
  color: #333;
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 19px;
}

/* --------------------------- */
div#content_tab #wrap_domain .domain_line {
  height: 25px;
  margin: 5px 0 0 0;
}
div#content_tab #wrap_domain .domain_line p {
  float: left;
  min-width: 50px;
}
div#content_tab #wrap_domain .domain_line p.name {
  color: #333;
  font: 14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-right: 40px;
}
div#content_tab #wrap_domain .domain_line p.status {
  color: #333;
  font: 13px Arial, Helvetica, sans-serif;
  margin-right: 160px;
}
div#content_tab #wrap_domain .domain_line p.status span {
  color: #50a306;
  font-weight: bold;
}
div#content_tab #wrap_domain .domain_line p.date_reg {
  color: #333;
  font: 13px Arial, Helvetica, sans-serif;
  margin-right: 20px;
}
div#content_tab #wrap_domain .domain_line p.date_reg span {
  font-weight: bold;
}
div#content_tab #wrap_domain .domain_line p.date_end {
  color: #333;
  font: 13px Arial, Helvetica, sans-serif;
}
div#content_tab #wrap_domain .domain_line p.date_end span {
  font-weight: bold;
}

/* --------------------------- */
div#content_tab #com_text {
  padding: 0;
  margin: 0;
}
div#content_tab #question {
  min-height: 150px;
  margin: 0;
  width: 70%;
}
div#content_tab #question #text_block {
  min-height: 150px;
}
div#content_tab #question #text_block #comments {
  min-height: 200px;
}
div#content_tab #question_new {
  width: 70%;
  margin: 0;
}
/* ------------------------ */

/* Выпадающий список в хостинге
----------------------------------------------------------------------------- */
.hide_menu_hosting {
  width: 150px;
  position: absolute;
  top: 30px;
  left: 5px;
  z-index: 10;
  display: none;
}

.hide_menu_hosting_t {
  width: 150px;
  height: 5px;
  background: url(../images/hide_pr_t.png) no-repeat;
  float: left;
}
.hide_menu_hosting_b {
  width: 150px;
  height: 5px;
  background: url(../images/hide_pr_b.png) no-repeat;
  float: left;
}
.hide_menu_hosting_c {
  width: 150px;
  background: url(../images/hide_pr_c.png) repeat-y;
  float: left;
}
.hide_menu_hosting_c div {
  width: 145px;
  max-height: 300px;
  overflow:auto;
  overflow-x: hidden;
}
.hide_menu_hosting_c div ul {
  padding: 2px 5px 3px 8px;
}
.hide_menu_hosting_c div ul li {
  font-size: 13px;
  padding: 1px 0 3px 0;
  color: #000;
}
.hide_menu_hosting_c div ul span {
  cursor: pointer;
}
.hide_menu_hosting_c div ul li span:hover {
  text-decoration: underline;
}
.hide_menu_hosting .separator {
  border-top: 1px solid #888;
}

.button_menu_host {
  height: 21px;
  width: 51px;
  cursor: pointer;
  background: url(../images/button_menu_host.png) no-repeat;
  float: left;
  margin: 4px 20px 0 5px;
}


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

.hide_menu_dogovor_t {
  width: 224px;
  height: 5px;
  background: url(../images/hide_workers_t.png) no-repeat;
  float: left;
}
.hide_menu_dogovor_b {
  width: 224px;
  height: 5px;
  background: url(../images/hide_workers_b.png) no-repeat;
  float: left;
}
.hide_menu_dogovor_c {
  width: 224px;
  background: url(../images/hide_workers_c.png) repeat-y;
  float: left;
}
.hide_menu_dogovor_c div {
  width: 224px;
  max-height: 300px;
  overflow:auto;
  overflow-x: hidden;
}
.hide_menu_dogovor_c div ul {
  padding: 2px 5px 3px 8px;
}
.hide_menu_dogovor_c div ul li {
  font-size: 13px;
  padding: 1px 0 3px 0;
  color: #000;
}
.hide_menu_dogovor_c div ul span {
  cursor: pointer;
}
.hide_menu_dogovor_c div ul li span:hover {
  text-decoration: underline;
}
.hide_menu_dogovor .separator {
  border-top: 1px solid #888;
}
.button_menu_dogovor {
  height: 21px;
  width: 26px;
  cursor: pointer;
  background: url(../images/button_menu_dogovor.png) no-repeat;
  float: left;
  margin: 1px 15px 0 0px;
}



.count_newmsg{
    /*color: #1243B5;
    cursor: default;
    font: 700 12px "Arial", "Helvetica", sans-serif;
    height: 18px;
    margin-left: 24px;
    margin-top: -11px;
    position: absolute;
    text-align: center;
    width: 23px;*/
    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;
}

.help_me {
  height: 16px;
  width: 18px;
  cursor: pointer;
  background: #25ba08;
  color: #fff;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-align: center;
  padding-top: 2px;
  position: absolute;
  right: 0px;
  top: 1px;
}



#validateForm {
  width: 700px;
}
.pdf_dogovor {
  width: 500px;
  height: 30px;
  position: absolute;
  top: 30px;
  left: 680px;
}
.pdf_dogovor a {
  background: url(../images/pdf.png) no-repeat 0px 3px;
  padding-left: 35px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #222;
}
.pdf_dogovor a:hover {
  text-decoration: underline;
}
.pdf_dogovor .archive {
  margin-left: 41px;
  color: #444;
}
.pdf_dogovor .archive + span {
  font: 11px Verdana, Helvetica, sans-serif;
  color: #666;
  padding-left: 20px;
  display: inline-table;
}
.pdf_dogovor span.date {
  font: 11px Verdana, Helvetica, sans-serif;
  color: #666;
  padding-left: 20px;
  display: inline-table;
}
.pdf_dogovor .title_archive {
  margin: 0 0 2px 41px;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #555;
}

/* Вкладка "Общие"
----------------------------------------------------------------------------- */
.first_block {
  width: 650px;
  overflow: hidden;
}
.order tr {
  padding: 0 0 10px 0;
}
.order table td.left {
  width: 205px;
  padding: 0 0 0 25px;
  color: #3f3f3f;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
}
.order table td.right {
  width: 350px;
  color: #3f3f3f;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  padding: 0 10px 15px 0;
  position: relative;
}
.order table td.right span.error {
  color: red;
  font: 15px Tahoma, Arial, sans-serif;
  padding-right: 4px;
  color: red;
  display: block;
  float: right;

}
.order table td.right select {
  width: 335px;
  border: 1px solid #969696;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.order table td.right textarea {
  width: 326px;
  height: 60px;
  border: 1px solid #969696;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  padding: 3px;
  resize: none;
}
.order table td.right select option {
  padding: 0 3px;
}
.order table td.right .itogo {
  float: right;
  text-align: right;
  padding: 0 15px 0 0;
}
.order table td.right .itogo p {
  float: left;
  padding: 1px 5px 0 0;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
.order table td.right .itogo select {
  width: 90px;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
.order table td.right .itogo span {
  color: red;
  font: 15px Arial, Helvetica, sans-serif;
}
.order table td.right .itogo span.small {
  font: 11px Arial, Helvetica, sans-serif;
  color: #3f3f3f;
}



.order table td.right .itogo_vds {
  float: right;
  text-align: right;
  padding: 0 15px 0 0;
}
.order table td.right .itogo_vds p {
  float: left;
  padding: 1px 5px 0 0;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
.order table td.right .itogo_vds select {
  width: 90px;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
.order table td.right .itogo_vds span {
  color: red;
  font: 15px Arial, Helvetica, sans-serif;
}
.order table td.right .itogo_vds span.small {
  font: 11px Arial, Helvetica, sans-serif;
  color: #3f3f3f;
}



.order table td.right input {
  width: 326px;
  height: 18px;
  border: 1px solid #969696;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  padding: 0 3px;
}
.order table td.right label {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #888;
}
.order table #method_pay {
 /* display: none; */
}
.order table #domain_info_reg {
 /* display: none; */
}
.order table #free_domain {
 /* display: none; */
}
.order table #itogo {
 /* display: none; */
}
.order table td.head {
  color: #555;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  vertical-align: top;
  text-align: center;
  padding: 15px 0 22px 0;
}

span.star {
  color: red;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}

.order table tr .log_pass {
   color: #003366;
   font-style: italic;
}

/* ------------------------ */
#gif_loading {
  width: 100px;
  height: 100px;
  position: fixed;
  z-index: 99;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  background: url(../images/loader.gif) no-repeat;
  display: none;
}

/* ------------------------ */

.checkbox_edit {
  width: auto;
  height: 20px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  margin: 0 0 0 218px;
}
.checkbox_edit input {
  margin: 2px 0 0 5px;
}
.checkbox_edit label {
  float: left;
}

.checkbox_newdogovor {
  width: auto;
  height: 20px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  margin: 0 0 0 294px;
}
.checkbox_newdogovor input {
  margin: 2px 0 0 5px;
}
.checkbox_newdogovor label {
  float: left;
}

.checkbox_adddogovor {
    width: auto;
    height: 20px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #555;
    margin: 0 0 0 294px;
}
.checkbox_adddogovor input {
  margin: 2px 0 0 5px;
}
.checkbox_adddogovor label {
  float: left;
}


.order table td.right p.save_date {
  color: #999;
  width: 80px;
  float: left;
  margin: 2px 0 0 18px;
  cursor: pointer;
}
.order table td.right p.save_date:hover {
  text-decoration: underline;
}
.order table td.right p.color_red {
  color: #B33F3F;
}


#main_block {
  display: none;
}

label.support_color {
  color: #0749E1;
}

/* ------------------------ */
#settings_block {
  display: none;
  width: 100%;
}
#settings_block {
  display: none;
  width: 100%;
}
#settings_block .checkbox_spam {
  width: auto;
  height: 24px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  margin: 15px 0 10px 0;
}
#settings_block .checkbox_spam input {
  margin: 2px 0 0 5px;
}
#settings_block .checkbox_spam label {
  float: left;
}
#settings_block .input_block {
  width: auto;
  height: 24px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  margin: 15px 0 15px 0;
}
#settings_block .input_block input {
  height: 20px;
  width: 180px;
  border: 1px solid #666;
  padding: 0 0 0 3px;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
#settings_block .input_block label {
  float: left;
  padding: 0 15px 0 0;
  height: 20px;
  line-height: 20px;
}


input[name="ram"]{
    text-align: left !important;
}
.ui-spinner-buttons{
    top: -5px !important;
}
/* ------------------------------- */

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