/* Reset */
HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR,
ACRONYM, ADDRESS, CODE, DEL, DFN, EM, IMG, Q, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL,
LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
    border: 0;
    font-family: arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

BODY {
    line-height: 1
}

TABLE {
    border-collapse: separate;
    border-spacing: 0
}

CAPTION, TH, TD {
    font-weight: normal;
    text-align: left
}

TABLE, TD, TH {
    vertical-align: top
}

BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after {
    content: ""
}

BLOCKQUOTE, Q {
    quotes: "" ""
}

A IMG {
    border: none
}

UL, LI {
    list-style: none
}

input::-moz-placeholder {
    font-style: normal;
}

input:-ms-input-placeholder {
    font-style: normal;
}

input::-webkit-input-placeholder {
    font-style: normal;
}

input:-moz-placeholder {
    font-style: normal;
}

input:-ms-placeholder {
    font-style: normal;
}

input::-ms-input-placeholder {
    font-style: normal;
}

/* Layout */
HTML {
    height: 100%;
    overflow: hidden;
}

P {
    margin: 5px 0
}

.p {
    margin: 0 0 5px;
    color: #003
}

.red {
    color: #f00
}

.p_title {
    display: block;
    font-weight: bold;
    margin-right: 5px
}

.i_title {
    display: inline;
    font-weight: bold;
    margin-right: 5px
}

.warn {
    color: #999
}

.pad TH, .pad TD {
    padding: 5px
}

/* Typografy */
BODY {
    height: 100%;
    background: #fff;
    overflow: hidden;
    border: medium none;
    color: #006;
    font-family: arial, "Helvetica Neue", Helvetica, sans-serif;
    position: relative
}

INPUT, SELECT, TEXTAREA, LABEL, BUTTON {
    color: #003;
    font-size: 11px
}

A {
    color: #009;
    font-size: 11px;
    text-decoration: underline
}

A:hover {
    text-decoration: none
}

UL {
    list-style: square;
    margin: 5px 0 0 20px
}

/* Buttons */
.btCont {
    margin-bottom: 10px;
    white-space: pre;
    width: 220px;
}

.btCont A,
.btChecked,
.btUnchecked,
.btAdd,
.btOpen,
.btEdit,
.btAccept,
.btCopy,
.btPaste,
.btDel,
.btDownload,
.btRefresh,
.btChoose,
.btFormula,
.btRememberPassword,
.btRegistration,
.btSlideDown,
.btSlideUp,
.btTaskStatusOk,
.btTaskStatusUnknown,
.btTaskStatusComplete,
.btTaskStatusCancel,
.btTaskStatusGo,
.btTaskStatusCompleteUnknown,
.btTaskStatusGoBack,
.btTaskStatusContinue,
.btTaskStatusDo,
.btTaskStatusBack {
    background-repeat: no-repeat;
    white-space: nowrap;
    background-position: center left;
    border: solid 0;
    color: #f00;
    cursor: pointer;
    font-size: 11px;
    padding-left: 16px !important
}
.btTaskStatusUnknown{
    background-image: url(statusUnknown.gif);
}
.btTaskStatusOk {
    background-image: url(statusOk.gif);
}

.btTaskStatusComplete {
    background-image: url(statusComplete.gif);
}

.btTaskStatusCancel {
    background-image: url(statusCancel.gif);
}

.btTaskStatusGo {
    background-image: url(statusGo.gif);
}

.btTaskStatusCompleteUnknown {
    background-image: url(statusCompleteUnknown.gif);
}

.btTaskStatusGoBack {
    background-image: url(statusGoBack.gif);
}

.btTaskStatusContinue {
    background-image: url(statusContinue.gif);
}

.btTaskStatusDo {
    background-image: url(statusDo.gif);
}

.btTaskStatusBack {
    background-image: url(statusBack.gif);
}
.btCont A,
A.btAdd,
A.btOpen,
A.btEdit,
A.btAccept,
A.btCancel,
A.btCopy,
A.btPaste,
A.btDel,
A.btDownload,
A.btRefresh,
A.btChoose,
A.btFormula,
A.btRememberPassword,
A.btRegistration,
A.btSlideDown,
A.btSlideUp {
    margin: 5px;
    text-transform: lowercase
}

.btCont A {
    background-position: center left !important;
    padding-left: 14px !important;
    margin: 5px !important;
    width: auto !important
}

.btChecked {
    background-image: url(checked.png)
}

.btAdd {
    background-image: url(add.png)
}

.btOpen {
    background-image: url(open.png)
}

.btEdit {
    background-image: url(pencil.gif)
}

.btCopy {
    background-image: url(copy.png)
}

.btPaste {
    background-image: url(paste.png)
}

.btDel {
    background-image: url(del.png)
}

.btAccept {
    background-image: url(tick.png);
    width: 16px;
    height: 16px;
}

.btCancel {
    background-image: url(cancel.gif);
    width: 16px;
    height: 16px;
}

.btDownload {
    background-image: url(download.png)
}

.btRefresh {
    background-image: url(refresh.png)
}

.btChoose {
    background-image: url(choose.png)
}

.btFormula {
    background-image: url(function.png)
}

.btRememberPassword {
    background-image: url(remember_password.png)
}

.btRegistration {
    background-image: url(card-address.png)
}

.btSlideDown {
    background-image: url(slide_down.gif)
}

.btSlideUp {
    background-image: url(slide_up.gif)
}

.button {
    background: #fff url(box_header_bg.gif) repeat-x top left;
    border: solid 1px #7d7f99;
    color: #fff;
    padding: 2px 5px;
    cursor: pointer
}

OPTION.btTaskStatusOk,
OPTION.btTaskStatusUnknown,
OPTION.btTaskStatusComplete,
OPTION.btTaskStatusCancel,
OPTION.btTaskStatusGo,
OPTION.btTaskStatusCompleteUnknown,
OPTION.btTaskStatusGoBack,
OPTION.btTaskStatusContinue,
OPTION.btTaskStatusDo,
OPTION.btTaskStatusBack {
    color: #006
}

.bt_add_task {
    background: url(add.gif) no-repeat 50% 50%;
    float: right;
    width: 14px;
    height: 10px
}

.missed_fact {
    float: left;
    display: block
}

.abs {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.jdesktop {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.jdesktop_panel {
    position: absolute;
    overflow: visible;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    /*height: 28px;*/
    background: #ACB0B9 url(table_footer_bg.gif) repeat-x scroll center top;
    border-bottom: solid 1px #82839d;
    z-index: 1011;
    display: none;
}

.jdesktop_workplace {
    position: absolute;
    overflow: visible;
   /* top: 31px;*/
    top: 0px;
    right: 2px;
    bottom: 2px;
    left: 2px
}

.jdesktop_section {
    position: absolute;
    overflow: visible;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    visibility: hidden;

    
}

.jdesktop_h_resizer {
    cursor: row-resize;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 2
}

.jdesktop_v_resizer {
    cursor: col-resize;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    z-index: 2
}

.jwin {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.jwin_collapsed {
}

.jwin_spread {
    z-index: 10
}

.jwin_tl, .jwin_t, .jwin_tr, .jwin_bl, .jwin_b, .jwin_br, .jwin_l, .jwin_c, .jwin_r {
    position: absolute;
    overflow: visible;
    width: auto;
    height: auto
}

.jwin_tl, .jwin_t, .jwin_l, .jwin_r, .jwin_tr, .jwin_c {
    top: 0
}

.jwin_bl, .jwin_b, .jwin_l, .jwin_r, .jwin_br, .jwin_c {
    bottom: 0
}

.jwin_tl, .jwin_t, .jwin_l, .jwin_bl, .jwin_b, .jwin_c {
    left: 0
}

.jwin_tr, .jwin_t, .jwin_r, .jwin_br, .jwin_b, .jwin_c {
    right: 0
}

.jwin_tl {
    background: no-repeat 0 0
}

.jwin_t {
    background: repeat-x 0 0
}

.jwin_tr {
    background: no-repeat 100% 0
}

.jwin_bl {
    background: no-repeat 0 100%
}

.jwin_b {
    background: repeat-x 0 100%
}

.jwin_br {
    background: no-repeat 100% 100%
}

.jwin_l {
    background: repeat-y 0 0
}

.jwin_r {
    background: repeat-y 100% 0
}

.jwin_header {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 0;
    left: 0;
    height: 32px;
    color: #fff;
    font-size: 14px
}

.jwin_header .jwin_l, .jwin_header .jwin_r {
    width: 7px
}

.jwin_header .jwin_l {
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    border-top-left-radius: 5px;
    margin-left: 2px;
    bottom: 5px;
    background-repeat: no-repeat;
}

.jwin_header .jwin_r {
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    border-top-right-radius: 5px;
    margin-right: 2px;
    bottom: 5px;
    background-repeat: no-repeat;
}

.jwin_header .jwin_c {
    background: #82839d;
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    left: 7px;
    right: 7px;
    bottom: 5px !important;
}

.jwin_title {
    position: absolute;
    top: 9px;
    bottom: 9px;
    right: 4px;
    left: 4px;
    overflow: inherit;
}

.jwin_buttons {
    position: absolute;
    right: 4px;
    display: inline-flex;
    height: 100%;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
}

.jwin_buttons div {
    margin: auto 0;
}

.jwin_bt_prev,
.jwin_bt_next,
.jwin_bt_minimize,
.jwin_bt_maximize,
.jwin_bt_spread,
.jwin_bt_unspread,
.jwin_bt_open,
.jwin_bt_print,
.jwin_bt_print_min,
.jwin_bt_help,
.jwin_bt_help_min,
.jwin_bt_add,
.jwin_bt_refresh,
.jwin_bt_search,
.jwin_bt_levels,
.jwin_bt_csv,
.jwin_btAdd,
.jwin_btDel,
.jwin_bt_close,
.jwin_bt_toggle_min,
.jwin_bt_toggle_max {
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: left;
    margin: 1px 1px 0 2px;
    background: no-repeat 0 0
}

.jwin_bt_active {
    border: 1px solid #fc9;
    margin: 0 0 0 1px;
}

.jwin_bt_prev {
    background-image: url(jwin_bt_prev.png)
}

.jwin_bt_next {
    background-image: url(jwin_bt_next.png)
}

.jwin_bt_minimize {
    background-image: url(jwin_bt_minimize.png)
}

.jwin_bt_maximize {
    background-image: url(jwin_bt_maximize.png)
}

.jwin_bt_spread {
    background-image: url(jwin_bt_spread.png);
    display: none
}

.jwin_bt_unspread {
    background-image: url(jwin_bt_unspread.png);
    display: none
}

.jwin_bt_open {
    background-image: url(jwin_bt_open.png);
    display: none
}

.jwin_bt_print {
    background-image: url(jwin_bt_print.png)
}

.jwin_bt_print_min {
    width: 10px;
    height: 10px;
    background-image: url(jwin_bt_print_min.png)
}

.jwin_bt_help {
    background-image: url(jwin_bt_help.png)
}

.jwin_bt_help_min {
    width: 10px;
    height: 10px;
    background-image: url(jwin_bt_help_min.png)
}

.jwin_bt_close {
    background-image: url(jwin_bt_close.png)
}

.jwin_bt_add {
    background-image: url(jwin_bt_add.png)
}

.jwin_bt_refresh {
    background-image: url(jwin_bt_refresh.png)
}

.jwin_bt_search {
    background-image: url(jwin_bt_search.png)
}

.jwin_bt_levels {
    background-image: url(jwin_bt_levels.png)
}

.jwin_bt_csv {
    background-image: url(jwin_bt_csv.png)
}

.jwin_btAdd {
}

.jwin_btDel {
}

.jwin_bt_toggle_min {
    background-image: url(jwin_bt_next_min.png);
    width: 4px;
}

.jwin_bt_toggle_max {
    background-image: url(jwin_bt_prev_min.png);
    width: 5px;
}

.jwin_content {
    position: absolute;
    overflow: visible;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0
}

.jwin_content .jwin_tr, .jwin_content .jwin_l, .jwin_content .jwin_r, .jwin_content .jwin_bl, .jwin_content .jwin_br {
    width: 7px
}

.jwin_content .jwin_t, .jwin_content .jwin_tr {
    height: 5px
}

.jwin_content .jwin_b, .jwin_content .jwin_bl, .jwin_content .jwin_br {
    height: 7px
}

.jwin_content .jwin_t, .jwin_content .jwin_tr {
    top: -3px
}

.jwin_content .jwin_t {
    background-image: url(jwin_content_t.gif);
    left: 7px;
    right: 7px
}

.jwin_content .jwin_tr {
    background-image: url(jwin_content_tr.gif)
}

.jwin_content .jwin_l {
    background-image: url(jwin_content_l.gif);
    bottom: 6px
}

.jwin_content .jwin_r {
    background-image: url(jwin_content_r.gif);
    bottom: 6px
}

.jwin_content .jwin_bl {
    background-image: url(jwin_content_bl.gif)
}

.jwin_content .jwin_br {
    background-image: url(jwin_content_br.gif)
}

.jwin_content .jwin_b {
    background-image: url(jwin_content_b.gif);
    left: 7px;
    right: 7px
}

.jwin_content .jwin_c {
    left: 7px;
    right: 7px;
    top: 0;
    bottom: 6px;
    overflow: auto;
    background: #fff
}

.jwin_content .jwin_c {
    margin-bottom: 0 !important;
}

.jwin_top_bar {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    right: 0;
    background: #eee
}

.jwin_bottom_bar {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    right: 0;
    background: #eee
}

.jwin_layout_b,
.jwin_layout_t,
.jwin_layout_tb {
    position: absolute;
    overflow: visible;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.jwin_layout_t .jwin_c,
.jwin_layout_b .jwin_c,
.jwin_layout_tb .jwin_c {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.jwin_spread .jwin_content .jwin_c, .jwin_spread .jwin_content .jwin_r {
    top: 0px
}

.jwin_spread .jwin_bt_minimize,
.jwin_spread .jwin_bt_maximize,
.jwin_spread .jwin_bt_print {
    display: none
}

.jwin_spread .jwin_bt_open,
.jwin_spread .jwin_bt_unspread {
    display: block
}

.jwin_collapsed .jwin_content {
    display: none
}

.jwin_collapsed .jwin_header .jwin_l {
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    border-top-left-radius: 5px;
    bottom: 5px;
    margin: 2px 4px;
    background-repeat: no-repeat;
}

.jwin_collapsed .jwin_header .jwin_r {
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    border-top-right-radius: 5px;
    margin: 2px 4px;
    bottom: 5px;
    background-repeat: no-repeat;
}

.jwin_collapsed .jwin_header .jwin_c {
    margin: 2px 0;
    background: #82839d;
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    left: 7px;
    right: 7px
}

.jwin_collapsed .jwin_bt_spread,
.jwin_collapsed .jwin_bt_open {
    display: block
}

.jwin_collapsed .jwin_bt_minimize,
.jwin_collapsed .jwin_bt_maximize,
.jwin_collapsed .jwin_bt_print {
    display: none
}

.jwin_collapsed .jwin_title {
    top: 6px;
}

.jwin_spread .jwin_c {
    margin: 2px 0;
}

.jwin_spread .jwin_r, .jwin_spread .jwin_l {
    margin: 2px 4px;
}

.jwin_spread .jwin_title {
    top: 6px;
}

.jwin_content H1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #999;
    text-align: center
}

.jwin_content H1 INPUT {
    border: solid 0;
    color: #666;
    font-size: 14px;
    padding: 0;
    outline: none;
    font-weight: bold;
    line-height: 1;
    width: 100%;
    text-align: center
}

.jwin_top_bar LABEL {
    line-height: 1;
    vertical-align: middle
}

.cb_list LABEL {
    padding: 2px 0 2px 20px;
    float: left;
    clear: left
}

.cb_list LABEL INPUT {
    margin-left: -20px;
    margin-top: -1px;
    float: left
}

.cb_list LABEL SPAN {
    color: #666
}

.cb_list .plus,
.cb_list .minus {
    background-position: 2px 4px;
}

.jwin_content .jwin_r, .jwin_content .jwin_l {
    margin: 0;
}

.fields_block .cb_list label {
    display: block;
    width: auto;
    float: none;
}

.kpi_item {
    background-color: #09f
}

.kpi_task_item {
    background-color: #f00
}

.kpi_standart_item {
    background-color: #0f0
}

.kpi_pay_item {
    background-color: #fd0
}

.kpi_item INPUT,
.kpi_task_item INPUT,
.kpi_standart_item INPUT,
.kpi_pay_item INPUT {
    margin-top: 0;
    background: transparent;
}

.menu_list A {
    text-decoration: none;
    display: block;
    padding: 2px 5px;
    outline: none;
}

.menu_list A:hover {
    background: #dde
}

UL.event_list {
    margin: 0
}

UL.event_list LI {
    margin: 5px;
    padding: 5px;
    border: solid 1px #ccf
}

UL.event_list H3 {
    font-weight: bold;
    margin-bottom: 5px
}

UL.event_list H3 SPAN {
    color: #999;
    font-weight: normal
}

UL.event_list .checker {
    width: 16px;
    height: 16px;
    float: right;
    background: url(event-small.png) no-repeat top left;
    cursor: pointer
}

.bigchecker {
    width: 16px;
    height: 16px;
    float: right;
    background: url(event.png) no-repeat top left;
    cursor: pointer
}

UL.event_list .disabled {
    border-color: #ccc
}

UL.event_list .disabled,
UL.event_list .disabled A {
    color: #999
}

UL.event_list .disabled .checker {
    background-image: url(event-small-disable.png)
}

#current_period {
    display: none
}

#main_menu SELECT {
    width: 100%
}

#main_menu .loggined_user {
    background-position-y: 1px;
    background-repeat: no-repeat;
    padding-left: 12px;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 2px #F00;
    margin-bottom: 5px;
    cursor: pointer;
}

#main_menu .search INPUT {
    border: solid 1px #999;
    padding-right: 20px;
    width: 130px
}

#main_menu .search A {
    margin: 0;
    padding: 0;
    display: block;
    height: 16px;
    width: 16px;
    background: url(magnifier_medium.png) no-repeat top left;
    margin-left: 135px;
    margin-top: 1px;
    position: absolute
}

#main_menu A {
    background-image: none
}

#feedbackButton {
    position: absolute;
    left: 0;
    top: 195px;
    width: 18px;
    height: 70px;
    background: transparent url(feedback.png) no-repeat 0 0;
    z-index: 10000
}

#notify {
    position: fixed;
    color: #00c;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
    display: none;
    right: 67px;
    top: 1px;
    z-index: 1011;
    width: 34px;
    height: 27px;
    background: url(event_new.png) no-repeat 50% 50%;
    cursor: pointer
}

#skype_ts {
    display: block;
    position: fixed;
    color: #00c;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
    right: 93px;
    top: 1px;
    z-index: 1011;
    width: 50px;
    height: 20px
}

#skype_tp_menu {
    background-color: #fff;
    padding: 2px;
    border: 1px solid #00cc00;
    line-height: 2;
    font-size: 12px;
    width: 80px;
}

#skype_tp_menu a:hover {
    background-color: #00cc00;
}

#navigator_list {
    position: fixed;
    right: 40px;
    top: 5px;
    width: 100px
}

#header {
    padding: 10px;
    z-index: 2
}

#content {
    clear: left;
    padding: 10px
}

.folding_menu {
    float: right;
    position: relative
}

.folding_menu .visible {
    display: block;
    width: 20px;
    height: 10px;
    background: url(folding_arrow.gif) no-repeat;
    background-position: 50% 50%;
}

.folding_menu .inner {
    position: absolute;
    right: -16px;
    background: #f0f0ff;
    border: solid 1px #7d7f99;
    padding: 10px;
    display: none;
    z-index: 10;
}

.folding_menu .inner A {
    text-decoration: none;
    color: #006;
    padding: 2px 20px;
    margin: 1px 0;
    width: auto !important;
    background-position: 0 50%;
    display: block
}

.folding_menu .inner A:hover {
    background-color: #dde
}

.folding {
    height: 16px;
    overflow: visible;
    position: relative
}

.folding .visible .cb {
    position: absolute;
    left: 6px;
    top: -2px;
    display: none
}

.folding .inner {
    background: #f0f0ff;
    border: solid 1px #7d7f99;
    color: #003;
    width: 100%;
    position: absolute
}

.folding .inner .visible {
    background: url(folding_arrow.gif) no-repeat 100% 50%;
    padding: 2px 5px 2px 10px;
    text-align: center
}

.folding .hidden {
    padding: 10px;
    display: none
}

.folding .hidden A {
    display: block;
    text-decoration: none;
    padding: 5px 10px
}

.folding .hidden A:hover {
    background: #dde
}

.folding .checkbox_list {
    height: 300px;
    overflow: auto;
}

.folding .checkbox_list LABEL {
    padding: 2px 0 2px 20px;
    float: left;
    clear: left
}

.folding .checkbox_list LABEL INPUT {
    margin-left: -20px;
    margin-top: -1px;
    float: left
}

.folding .checkbox_list LABEL SPAN {
    color: #666
}

.folding .checkbox_list .kpi_item,
.folding .checkbox_list .kpi_task_item,
.folding .checkbox_list .kpi_standart_item,
.folding .checkbox_list .kpi_pay_item {
    padding-left: 4px;
    border-left: solid 18px #09f
}

.folding .checkbox_list .kpi_task_item {
    border-left-color: #f00
}

.folding .checkbox_list .kpi_standart_item {
    border-left-color: #0f0
}

.folding .checkbox_list .kpi_pay_item {
    border-left-color: #fd0
}

.folding .checkbox_list .kpi_item INPUT,
.folding .checkbox_list .kpi_task_item INPUT,
.folding .checkbox_list .kpi_standart_item INPUT,
.folding .checkbox_list .kpi_pay_item INPUT {
    margin-top: 0;
    background: transparent;
}

#navigation_list {
    float: left;
    margin: 0 10px 5px 0;
    display: none
}

#navigation_list {
    width: 160px
}

#navigation_list .inner {
    background: #aac;
    color: #fff
}

#navigation_list .visible {
    font-weight: bold
}

#navigation_list A {
    color: #fff
}

#navigation_list A:hover {
    background: #fff;
    color: #7d7f99
}

#current_mo {
    width: 100%;
}

#current_mo .photo {
    width: 80px;
    margin-right: 10px
}

#current_mo P {
    margin: 0 0 5px;
    font-size: 11px
}

#report_action_list {
    width: 120px
}

.user0,
.user1,
.user2 {
    padding-left: 16px;
    background: url(user.png) no-repeat 0 0;
}

.user1 {
    background-image: url(user-male.png);
}

.user2 {
    background-image: url(user-female.png);
}

.defaultUser,
.curUser,
.subordinateUser,
.parentUser {
    padding-left: 16px;
    background: url(grey_circle.png) no-repeat 0 50%;
}

.curUser {
    background-image: url(blue_circle.png)
}

.subordinateUser {
    background-image: url(red_circle.png)
}

.parentUser {
    background-image: url(green_circle.png)
}

.mo {
    padding-left: 16px;
    background: url(gear-small.png) no-repeat 0 50%;
}

/*
----------------------------------------
  [Left part / #uiWest]
----------------------------------------
*/

/*
----------------------------------------
  [Center part / #uiCenter]
----------------------------------------
*/
#uiCenter H1 {
    border-bottom: solid 2px #82839d;
    color: #82839d;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 20px 0;
}

#uiCenter P {
}

/*
----------------------------------------
  [Right part / #uiEast]
----------------------------------------
*/

/*
----------------------------------------
  [Bottom part (footer) / #uiSouth]
----------------------------------------
*/
#productCopyright {
    float: left;
    margin: 12px 0 0 20px;
}

#productLinks {
    float: right;
    list-style: none;
    margin-top: 8px;
}

#productLinks LI {
    border-left: solid 1px #666;
    float: left;
    padding: 2px 20px 4px;
}

#productLinks A {
    color: #f00;
}

/*
----------------------------------------
  [Other styles]
----------------------------------------
*/

.graphic {
    border: solid 1px #999;
    padding: 2px;
    width: 100px;
}

.itemMenu {
    float: left;
}

.itemMenu SPAN {
    background: #fff url(table_footer_bg.gif) repeat-x top left;
    border: solid 1px #7d7f99;
    color: #009;
    cursor: pointer;
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px 5px;
}

.itemMenu UL {
    background: #eee;
    border: solid 1px #999;
    display: none;
    list-style: none;
    margin-top: 18px;
    padding: 4px;
    position: absolute;
    z-index: 1000;
}

.itemMenu LI {
    color: #009;
    cursor: pointer;
    padding: 2px 5px;
}

.itemMenu LI.over {
    background: #fff;
}

.editable {
    background: transparent;
    border: none;
    /*float: left;*/
}

.matrix_indicator_filter {
    float: left;
    font-size: 10px;
    width: 52px;
}
.tbl.inter_table td, .tbl.inter_table th {
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
}
#view_cols {
    font-size: 10px;
    width: 32px;
}

.matrix_indicator_filter LABEL {
    color: #fff;
}

.kpi_cb,
.kpi_task_cb,
.kpi_standart_cb,
.kpi_pay_cb {
    padding: 2px !important;
    margin: 0 5px;
}

.kpi_cb INPUT,
.kpi_task_cb INPUT,
.kpi_standart_cb INPUT,
.kpi_pay_cb INPUT {
    margin: 0;
    vertical-align: middle;
}

.kpi_task_cb {
    background: #f00
}

.kpi_standart_cb {
    background: #0f0
}

.kpi_cb {
    background: #09f
}

.kpi_pay_cb {
    background: #fd0
}

OPTION.hidden {
    color: #999
}

OPTION.special {
    color: #f00
}

OPTION.kpi,
OPTION.kpi_task,
OPTION.kpi_standart,
OPTION.kpi_pay {
    border-left: solid 14px #09f
}

OPTION.kpi_task {
    border-left-color: #f00
}

OPTION.kpi_standart {
    border-left-color: #0f0
}

OPTION.kpi_pay {
    border-left-color: #fd0
}

/* Form / .frm */
.frm {

}

.frmError {
    background: #EEEEEE url(exclamation_frame.png) no-repeat 5px 7px;
    border: solid 1px #7D7F99;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    margin: 5px 0;
    padding: 5px 5px 5px 25px;
}

.frmError .close {
    float: right;
    color: #900;
}

/* Form table / .frmTbl */
.frm TABLE {
    margin: auto;
}

.frm TD {
    padding: 2px;
    vertical-align: middle;
}

.tick {
    display: block;
    background: url(tick.png) no-repeat 50% 50%;
    height: 16px;
}

.tbl {
    border: 1px solid #f0f0ff;
    border-left-color: #7d7f99;
    border-top-color: #7d7f99;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto;
}

.tbl TH,
.tbl TD {
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
    color: #006;
    font-size: 11px;
    padding: 3px 5px;
}

.tbl .photo {
    width: 80px;
    display: block;
}

.tbl TD.empty {
    background: url(del.png) no-repeat 50% 50% !important;
}

.tbl THEAD TR {
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
}

.tbl THEAD TH {
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.tbl THEAD TH A {
    color: #fff;
}

.tbl THEAD SELECT {
    float: left;
    position: relative;
}

.tbl THEAD TH H3 {
    color: #fff;
    font-weight: bold;
    margin: 5px;
    text-align: left;
}

.tbl THEAD TH.sort {
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tbl THEAD TH.desc {
    background: url(sort_desc.gif) no-repeat 5px 50%;
    border-bottom: solid 3px #f66;
    padding-left: 15px;
}

.tbl THEAD TH.asc {
    background: url(sort_asc.gif) no-repeat 5px 50%;
    border-bottom: solid 3px #f66;
    padding-left: 15px;
}

.tbl TFOOT INPUT {
    background: #fff url(box_header_bg.gif) repeat-x top left;
    border: solid 1px #7d7f99;
    color: #fff;
    margin: 1px 5px;
    padding: 0px 5px;
}

.tbl TFOOT TR {
    background: #acb0b9 url(table_footer_bg.gif) repeat-x top;
}

.tbl TBODY TR {
    background: #fff;
}

.tbl TR TR {
    background: transparent
}

.tbl TD TH,
.tbl TD TD {
    padding: 0 5px;
    border: none;
    white-space: nowrap
}

.tbl .active, .tbl .edit_active {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9DAE3), color-stop(1, #B5B7DB));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #D9DAE3 0%, #B5B7DB 100%);
}

.tbl TR.results TD {
    font-weight: bold !important;
}

.category {
    border-bottom: solid 2px #ccc;
    font-weight: bold;
}

.tbl .edit {
    border: none;
    text-align: right;
    width: 100%;
}

.tbl .name {
    font-weight: bold;
}

.tbl .count {
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.tbl .b TD {
    font-weight: bold;
}

.tbl .odd {
    background-color: #f3f3ff;
}

.tbl .over {
    background-color: #dde;
}

.tbl .active {
    background-color: #fc9;
}

.tbl .counted {
    background-image: url(counted_bg.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 10px;
}

.tbl .wrong_weight {
    color: #900;
}

.tbl .indicator_info {
    float: right;
}

.tbl .indicator_info SPAN .behaviourStatus {
    margin-right: 1px;
}

.tbl .indicator_info SPAN [lowlevel_data_key] {
    margin-right: 5px;
}

.tbl .indicator_info SPAN IMG {
    margin-right: 5px;
}

.tbl .kpi,
.tbl .kpi_task,
.tbl .kpi_standart,
.tbl .kpi_pay,
.tbl .pay,
.tbl .behaviour_self,
.tbl .behaviour_manager,
.tbl .behaviour_choose,
.tbl .statusOk,
.tbl .statusUnknown,
.tbl .statusComplete,
.tbl .statusCancel,
.tbl .statusGo,
.tbl .statusCompleteUnknown,
.tbl .statusGoBack,
.tbl .statusContinue,
.tbl .statusDo,
.tbl .statusBack {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tbl .kpi {
    background-image: url(arrow_blue.png);
}

.tbl .kpi_task {
    background-image: url(arrow_red.png);
}

.tbl .kpi_standart {
    background-image: url(arrow_green.png);
}

.tbl .kpi_pay {
    background-image: url(arrow_yellow.png);
}

.tbl .pay {
    background-image: url(small_plus.png);
}

.tbl .behaviour_self {
    background-image: url(blue_circle.png);
}

.tbl .behaviour_manager {
    background-image: url(red_circle.png);
}

.tbl .behaviour_choose {
    background-image: url(green_circle.png);
}

.tbl .statusOk {
    background-image: url(statusOk.gif);
}

.tbl .statusUnknown {
    background-image: url(statusUnknown.gif);
}

.tbl .statusComplete {
    background-image: url(statusComplete.gif);
}

.tbl .statusCancel {
    background-image: url(statusCancel.gif);
}

.tbl .statusGo {
    background-image: url(statusGo.gif);
}

.tbl .statusCompleteUnknown {
    background-image: url(statusCompleteUnknown.gif);
}

.tbl .statusGoBack {
    background-image: url(statusGoBack.gif);
}

.tbl .statusContinue {
    background-image: url(statusContinue.gif);
}

.tbl .statusDo {
    background-image: url(statusDo.gif);
}

.tbl .statusBack {
    background-image: url(statusBack.gif);
}

.tbl .default_value {
    color: #666 !important;
    font-style: italic !important;
}

.tbl .number {
    text-align: right;
    white-space: nowrap;
    width: 1px;
}

.tbl .center {
    text-align: center;
    white-space: nowrap;
    width: 1px;
}

.tbl .task_link {
    text-align: center;
    white-space: nowrap;
    width: 88px;
}

.tbl .indicator_to_mo_time {
    color: #999;
    font-size: 10px;
    margin-left: 4px;
}

.tbl .expression {
    border: solid 1px #999;
    padding: 5px;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.tbl .num {
    text-align: right;
    white-space: nowrap;
}

.tbl .sign {
    float: left;
    text-align: center;
    width: 20px;
}

.tbl THEAD .btSlideDown {
    background-image: url(slide_down2.gif);
}

.tbl THEAD .btSlideUp {
    background-image: url(slide_up2.gif);
}

.tbl .indicator_name {
    cursor: pointer;
}

.tbl .btn_hide {
    background: url(eye.png) no-repeat 0 0;
}

.tbl .btn_null {
    background: url(filter.png) no-repeat 0 0;
}

#tblRuleTable TH,
#tblRuleTable TD {
    font-size: 11px;
    vertical-align: middle;
}

#tblRuleTable INPUT {
    margin: 0;
    padding: 0;
    height: 10px;
}

#tblRuleTable TH .editable {
    color: #fff;
    font-size: 11px;
}

#tblRuleTable LABEL {
    display: block;
}

#tblRuleTable .border0 TD {
    font-size: 12px;
    font-weight: bold;
}

#tblRuleTable .border1 TD {
    font-size: 12px;
}

.text_90deg {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;
    width: 100px;
    height: 20px;
}

.text_top_to_bottom {
    width: 100%;
    float: left;
}

/* Data table / .dataMap */
.dataMap {
    border: 2px solid #acb0b9;
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
}

.dataMap TH,
.dataMap TD {
    border: 2px solid #acb0b9;
    color: #006;
    font-size: 12px;
    padding: 3px 5px;
    width: 1px;
}

.dataMap .b TD {
    font-weight: bold;
}

.dataMap .odd {
    background: #f3f3ff;
}

.dataMap .over {
    background: #dde;
}

.dataMap .active {
    background: #fc9;
}

.dataMap .emptyCell {
    background: #eee;
}

.dataMap .photo {
    width: 50px;
    height: 50px;
}

.dataMap .info {
    border: solid 1px #999;
    display: block;
    font-size: 11px;
    margin: 5px 0 10px;
    padding: 5px;
    text-align: right;
}

.dataMap .info H6, .respCooseType H6 {
    float: left;
    margin: -11px auto auto 1px;
    color: #999;
    background: #fff;
    padding: 0 3px;
    font-size: 10px;
}

.drop_active {
    background: #fed;
}

.drop_hover {
    background: #Fc9;
}

.dataMapListTitle {
    background: #7f809a url(box_header_bg.gif) repeat-x top;
    border: solid 1px #999;
    border-bottom: none;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
}

.dataMapList {
    background: #ccc;
    border: solid 1px #999;
    overflow: auto;
    height: 90px;
    margin-bottom: 10px;
}

.dataMapListItem {
    background: #fff;
    border: solid 1px #999;
    color: #666;
    font-size: 9px;
    padding: 5px;
    margin: 1px;
}

.with_icon {
    padding-left: 24px;
}

.with_icon IMG {
    height: 20px;
    float: left;
    margin-left: -24px;
    margin-top: -6px;
}

.with_icon INPUT {
    float: left;
    margin-left: -18px;
    margin-top: -2px;
}

.ui-draggable-dragging {
    z-index: 20000;
}

.locked,
.unlocked {
    position: absolute;
    cursor: pointer;
    margin-left: 2px;
    width: 10px;
    height: 10px;
    background: url(lock-small.png) no-repeat -3px -3px;
}

.unlocked {
    background-image: url(lock-unlock-small.png);
}

.traffic_light_red,
.traffic_light_yellow,
.traffic_light_green {
    background: url(traffic_light_red.png) no-repeat 50% 50%;
    width: 1px;
}

.traffic_light_yellow {
    background-image: url(traffic_light_yellow.png)
}

.traffic_light_green {
    background-image: url(traffic_light_green.png)
}

SPAN.traffic_light_red,
SPAN.traffic_light_yellow,
SPAN.traffic_light_green {
    height: 16px;
    width: 0;
    padding: 0 8px;
    overflow: hidden;
}

.noJavaScript {
    background: #f60;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

#loadingIndicator {
    display: none;
}
#loadingCursor {
    position: absolute;
    margin-top: 16px;
    margin-left: 16px;
    width: 11px;
    height: 11px;
    background: #f30 url(ajax-loader.gif) no-repeat 50% 50%;
    z-index: 21000;
}

/* Page not found / #pageNotFound */
#pageNotFound {
    padding: 20px;
}

#pageNotFound H1 {
    border-bottom: solid 2px #900;
    color: #900;
    font-size: 15px;
    font-weight: bold;
}

#pageNotFound P {
    color: #003;
    font-size: 13px;
    margin: 10px 0;
}

.link_nostyle {
    text-decoration: none;
    color: #FFF;
}

#authBox {
    left: 50%;
    margin-left: -125px;
    margin-top: -50px;
    position: absolute;
    top: 40%;
    min-width: 250px;
    max-width: 285px;
}

#authBox .help_link {
    position: absolute;
    top: 5px;
    right: -7px;
    color: #f00;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#authBox .help_link SPAN {
    position: absolute;
    font-weight: normal;
    font-size: 10px;
    top: -9px;
    left: 15px;
}

/* Box container / .boxContainer */
.boxContainer {
    background: #fff;
    border: 1px solid #7d7f99;
    color: #003;
    margin-bottom: 10px;
}

.boxContainer .header {
    background: #7f809a url(box_header_bg.gif) repeat-x top;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    height: 15px;
    overflow: hidden;
    padding: 3px 30px 3px 6px;
    text-align: center;

}

.boxContainer .closable {
    cursor: pointer;
    padding-right: 36px !important;
    position: relative;
}

.boxContainer .closable .icon {
    background: no-repeat 0 0;
    height: 18px;
    position: absolute;
    right: 18px;
    top: 1px;
    width: 18px;

}

.help {
    background: url(jwin_bt_help.png) no-repeat 0 0;
    height: 12px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 12px;

}

.help2 {
    background: url(jwin_bt_help.png) no-repeat 0 0;
    height: 12px;
    position: relative;
    right: 5px;
    top: 4px;
    width: 12px;

}

.boxContainer .hover .icon {
    background-position: 0 -18px !important;
}

.boxContainer .opened .icon {
    background-image: url(box_toggle_up.gif);
}

.boxContainer .closed .icon {
    background-image: url(box_toggle_down.gif);
}

.boxContainer .content {
    background: url(box_header_bg.gif) repeat-x 0 -20px;
    padding: 14px 10px 10px;
}

.boxContainer .footer {
    background: #acb0b9 url(table_footer_bg.gif) repeat-x top;
    border-top: 1px solid #7d7f99;
    padding: 1px 10px;
    position: relative;
    text-align: center;
    clear: both;
}

.tbl .bt,
.boxContainer .footer INPUT,
input[type=button],
input[type=submit],
input[type=reset], button {
    background: #fff url(box_header_bg.gif) repeat-x top left;
    border: solid 1px #7d7f99;
    color: #fff;
    margin: 1px 3px;
    padding: 0px 5px;
}

.boxContainer .content H1 {
    color: #7f809a;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 2px #7f809a;
    margin-bottom: 5px;
}

.boxContainer .content H2 {
    background: #eee;
    color: #006;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px 5px;
}

.boxContainer .content H3 {
    font-weight: bold;
}

.boxContainer .content P {
    font-size: 12px;
    margin-bottom: 10px;
}

.boxContainer .content .p {
    font-size: 12px;
    margin-bottom: 5px;
}

.boxContainer .content .formula {
    border: solid 1px #999;
    margin: 5px 0 10px;
    line-height: 1.2;
    padding: 5px;
}

.boxContainer .content .info {
    border: solid 1px #999;
    display: block;
    font-size: 11px;
    margin: 5px 0 10px;
    padding: 5px;
}

.boxContainer .content .info H6 {
    float: right;
    margin: -11px 1px auto auto;
    color: #999;
    background: #fff;
    padding: 0 3px;
    font-size: 10px;
}

.boxContainer .content .info A {
    font-size: 11px;
}

.boxContainer .content .tbl {
    margin-bottom: 5px;
}

.boxContainer .content .tbl TH,
.boxContainer .content .tbl TD {
    font-size: 11px;
}

.heading {
    color: #7f809a;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 2px #7f809a;
    padding: 2px 0;
    margin-bottom: 5px;
}

.subheading {
    background: #eee no-repeat 4px 50%;
    color: #006;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px 5px 2px 16px;
    cursor: pointer;
}

.formula {
    border: solid 1px #999;
    margin: 5px 0 10px;
    line-height: 1.2;
    padding: 5px;
}

.info {
    border: solid 1px #999;
    display: block;
    font-size: 11px;
    margin: 5px 0 10px;
    padding: 5px;
}

.info H6 {
    float: right;
    margin: -11px 1px auto auto;
    color: #999;
    background-color: #fff;
    padding: 0 3px;
    font-size: 10px;
}

#info_task_container .info {
    display: block;
    font-size: 11px;
    padding-top: 0;
    padding-left: 0;
    border: none;
    margin: 0;
}
/*#info_task_container .factsMatrixShell{
    display: none;
}*/
#info_task_container .info H6 {
    color: #999;
    background-color: #fff;
    font-family: arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    display: inline;
    float: left;
    padding-right: 3px;
    margin: 0;
    padding: 0 3px 0 0;
}

#indicator_to_mo_desc {
    white-space: pre-line;
}

.info A {
    font-size: 11px;
}

.info H6.plus,
.info H6.minus {
    padding-right: 14px;
    background-position: top 1px right 2px;
}

.panel_expand_head {
    cursor: pointer;
}

.comment {
    font-size: 11px !important;
}

.comment A {
    font-size: 11px !important;
}

.comment H3 {
    font-weight: bold;
    line-height: 20px;
}

.editableLabel {
    border: medium none;
    background: #eee no-repeat 2px 0;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-right: 2px;
    width: 70px;
}

.protectedLabel {
    background: no-repeat 2px 0;
    padding-left: 20px;
}

.selectableType {
    position: relative;
    float: left;
}

.selectableType table {
    cursor: pointer;
    display: none;
    z-index: 2;
    top: 10px;
    width: 95px;
    position: absolute;
    text-transform: none;
    border: 1px gray solid;
    background-color: white;
}

.selectableType td {
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 2px 2px 2px 20px;
}

.ft_string {
    background-image: url(ft_string.png);
}

.ft_text {
    background-image: url(ft_text.png);
}

.ft_number {
    background-image: url(ft_number.png);
}

.ft_integer {
    background-image: url(ft_integer.png);
}

.ft_date {
    background-image: url(ft_date.png);
}

.ft_file {
    padding-left: 3px;
}

.ft_link {
    background-image: url(ft_link.png);
}

.ft_acclink {
    background-image: url(ft_link.png);
}

.ft_image {
    background-image: url(ft_image.png);
}

.ft_phone {
    background-image: url(ft_phone.png);
}

.ft_email {
    background-image: url(ft_email.png);
}

.ft_icq {
    background-image: url(ft_icq.png);
}

.ft_skype {
    background-image: url(ft_skype.png);
}

.ft_label {
    padding-left: 0px;
    border: 1px solid rgb(169, 169, 169);
}

.ft_jabber {
    background-image: url(ft_jabber.png);
}

#field_type_list tr:hover {
    background: #777777;
}

.user_card {

}

#userShow .photo {
    margin: 5px;
}

.user_photo {
    width: 100px;

}

.boxContainer .fieldInfo {
    background: #f3f3ff;
    border-left: solid 5px #7d7f99;
    color: #7d7f99;
    font-size: 12px;
    padding: 5px 10px;
}

.boxContainer .fieldHead {
    background: #7d7f99 url(box_header_bg.gif) repeat-x top left;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
    text-align: center;
}

.field_cont {
    margin: 0 auto;
    width: 200px;
}

.field {
    margin-bottom: 5px;
}

.field LABEL {
    display: block;
}

.field INPUT,
.field SELECT,
.field TEXTAREA {
    width: 100%;
}

.field LABEL INPUT {
    width: auto;
}

/* Pagepath / .pagePath */
.pagePath {
    margin: 0 0 10px;
    font-size: 12px;
    border-bottom: solid 2px #82839d;
    padding-bottom: 5px;
}

.pagePath A {
    font-size: 12px;
}

.list_buttons {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 10px 10px 0;
}

.list_buttons LI {
    display: inline;
    float: left;
    margin: 2px;
    padding: 2px 4px;
}

.list_buttons .active {
    border: solid 1px #82839d;
}

.expander {
    background-position: 3px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    width: 9px;
    height: 9px;
    margin-left: -25px;
    margin-top: -2px;
    padding: 3px;
    font-size: 0;
}

.tbl .expander {
    position: static !important;
    display: inline-block !important;
    width: 10px !important;
    height: 12px !important;
    margin-left: -18px !important;
    padding: 0 3px 0 0 !important;
    float: left;
}

.plus {
    background-image: url(plus.gif);
    background-repeat: no-repeat;
}

.minus {
    background-image: url(minus.gif);
    background-repeat: no-repeat;
}

.report_field_label {
    cursor: pointer;
}

.tabs {
    margin-top: 8px;
}

.tabs .cont {
    border: solid 1px #999;
    padding: 10px;
}

.tabs .tabList {
    line-height: 11px;
    padding: 0 0 2px 12px;
}

.tabs .tabListItem {
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);

    border: solid 1px #AAB;
    display: inline;
    margin: 0 2px 0 0;
    padding: 0 5px;
}

.tabs .tabListItem.active {
    background: #FFF;
    border: solid 1px #7d7f99;
    border-bottom-color: #FFF;
}

.tabs .tabListItem A {
    color: #fff;
}

.tabs .tabListItem.active A {
    color: #006;
}

.tabs .tabLink {
    text-decoration: none;
}

.tabs .tabBlock {
    display: none;
}

.items_list {
    list-style: none;
    padding: 0 5px;
    margin-bottom: 3px;
}

.items_list LI {
    background: #acb0b9 url(table_footer_bg.gif) repeat-x top;
    border: solid 1px #999;
    color: #006;
    margin-bottom: 2px;
    padding: 5px;
}

.items_list LI .btDel {
    float: right;
    width: 16px;
    height: 16px;
    margin: -5px -5px 0 0;
    padding: 0;
}

.items_list LI TD .btDel {
    margin: -10px 0 0 0;
}

.formula_params {
    float: left;
    width: 33%;
}

.formula_params .items_list LI {
    cursor: pointer;
}

.moOptions {
    background: #f3f3ff;
    border: solid 1px #ccf;
    padding: 2px;
    margin-bottom: 10px;
}

.moOptions INPUT {
    vertical-align: middle;
}

.moOptions LABEL {
    font-size: 11px;
}

.moStructure {
    margin: 0 0 0 10px;
    padding: 0;
}

.moStructure DIV {
    color: #003;
    font-size: 11px;
}

.moStructure UL {
    margin: 0 0 0 10px;
}

.moStructure LI {
    display: block;
    margin-top: 2px;
}

.moStructure .photo {
    width: 40px;
    height: 40px;
    float: right;
    display: none;
}

.moStructure .moUserName {
    color: #333;
}

.moStructure .moPosition {
    color: #666;
    padding-left: 16px;
}

.moStructure .cur DIV {
    font-weight: bold;
}

.moStructure .cur LI DIV {
    font-weight: inherit;
}

.moStructure .odd {
    background: #f3f3ff;
}

.optionComment {
    padding-top: 1px;
    font-size: 9px;
    font-weight: bold;
    color: #999999;
    float: none !important;
}

.indicatorToMoFactPostTime {
    padding-top: 2px;
    font-size: 9px;
    font-weight: bold;
    color: #999999;
}

.indicatorToMoFactUser {
    float: left;
    margin-left: 5px;
    font-weight: bold;
}

.indicatorToMoKpiName {
    float: left;
    margin-left: 5px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}

.indicatorToMoFactValue {
    float: right;
    margin-left: 5px;
}

.hr_dotted {
    clear: both;
    border: grey 1px dotted;
    margin: 2px 5px;
}

/* --- DatePicker Styles --- */

table.jCalendar {
    border-collapse: separate;
    border-spacing: 2px;
    color: #006;
}

table.jCalendar th {
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);

    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #DDD;
    color: #006;
    padding: 3px 5px;
    text-align: center;
}

table.jCalendar td.other-month {
    background: #ccc;
    color: #006;
}

table.jCalendar td.today {
    background: #fff;
}

table.jCalendar td.selected {
    background: #fc9;
    color: #006;
    font-weight: bold;
}

table.jCalendar td.selected.dp-hover {
    background: #fdb;
    color: #006;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
}

table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* The main calendar widget.  DIV containing a table. */

.datetime,
.cal_date {
    background: #fff url(calendar.gif) no-repeat 100% 50%;
    border: solid 1px #999!important;
    cursor: pointer;
    padding-right: 20px;
    width: 100px !important;
}

.cal_date {
    width: 68px !important;
}

div.calendar {
    position: relative;
    z-index: 21000;
}

.calendar, .calendar table {
    border: 1px solid #556;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #eef;
    font-family: arial, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button {
    /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center; /* They are the navigation buttons */
    padding: 2px; /* Make the buttons seem like they're pressing */
}

.calendar .nav {
    background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title {
    /* This holds the current "month, year" */
    font-weight: bold; /* Pressing it will take you to the current date */
    text-align: center;
    background: #fff;
    color: #000;
    padding: 2px;
}

.calendar thead .headrow {
    /* Row <TR> containing navigation buttons */
    background: #778;
    color: #fff;
}

.calendar thead .daynames {
    /* Row <TR> containing the day names */
    background: #bebebe;
}

.calendar thead .name {
    /* Cells <TD> containing the day names */
    border-bottom: 1px solid #556;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend {
    /* How a weekend day name shows in header */
    color: #456;
}

.calendar thead .hilite {
    /* How do the buttons in header appear when hover */
    background-color: rgb(238, 238, 238);
    color: #000;
    border: 1px solid rgb(68, 85, 102);
    padding: 1px;
}

.calendar thead .active {
    /* Active (pressed) buttons in header */
    background-color: rgb(190, 190, 190);
    padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {
    /* Cells <TD> containing month days dates */
    width: 2em;
    color: #000;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #bebebe;
}

.calendar tbody .rowhilite td {
    background: #d3d3d3;
}

.calendar tbody .rowhilite td.wn {
    background: rgb(211, 211, 211);
}

.calendar tbody td.hilite {
    /* Hovered cells <TD> */
    background: rgb(238, 238, 238);
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb;
}

.calendar tbody td.active {
    /* Active (pressed) cells <TD> */
    background: rgb(190, 190, 190);
    padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
    /* Cell showing today date */
    font-weight: bold;
    border: 1px solid #000;
    padding: 1px 3px 1px 1px;
    background: #fff;
    color: #000;
}

.calendar tbody td.weekend {
    /* Cells showing weekend days */
    color: #456;
}

.calendar tbody td.today {
    /* Cell showing selected date */
    font-weight: bold;
    color: #000;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell {
    /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow {
    /* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {
    /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #556;
    color: #fff;
}

.calendar tfoot .ttip {
    /* Tooltip (status bar) cell <TD> */
    background: #fff;
    color: #445;
    border-top: 1px solid #556;
    padding: 1px;
}

.calendar tfoot .hilite {
    /* Hover style for buttons in footer */
    background: #bebebe;
    border: 1px solid #bebebe;
    color: #000;
    padding: 1px;
}

.calendar tfoot .active {
    /* Active (pressed) style for buttons in footer */
    background: #77c;
    padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #d3d3d3;
    color: #000;
    font-size: 90%;
    z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: rgb(190, 190, 190);
}

.calendar .combo .active {
    border-top: 1px solid rgb(68, 85, 102);
    border-bottom: 1px solid rgb(68, 85, 102);
    background: rgb(255, 255, 255);
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0px;
    text-align: center;
    background-color: rgb(238, 238, 238);
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    padding: 0px 3px 0px 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #fff;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: rgb(190, 190, 190);
    color: #fff;
}

.calendar td.time span.active {
    border-color: rgb(0, 0, 0);
    background-color: rgb(190, 190, 190);
    color: rgb(255, 255, 255);
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

.dp-applied {
    margin-right: 30px;
}

div.dp-popup {
    position: relative;
    background: #acb0b9 url(table_footer_bg.gif) repeat-x top;
    border: solid 1px #999;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 12px;
}

div.dp-popup * {
    font-size: 10px;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}

div.dp-popup h2 {
    color: #006;
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}

a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}

a#dp-close:hover {
    text-decoration: underline;
}

div.dp-popup a {
    color: #006;
    text-decoration: none;
    padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}

div.dp-popup div.dp-nav-prev a {
    float: left;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}

div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}

div.dp-popup div.dp-nav-next a {
    float: right;
}

div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}

div.dp-popup td {
    cursor: pointer;
}

div.dp-popup td.disabled {
    cursor: default;
}

a.dp-choose-date {
    width: 16px;
    height: 16px;
    padding: 0;
    position: absolute;
    margin: 2px auto 0 -25px;
    overflow: hidden;
    background: url(calendar.gif) no-repeat;
}

a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}

/* jQuery Autocomlete */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width:100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

/*** TrackBar ***/
.trackbar {
    border-collapse: collapse;
    border-spacing: 0;
}

.trackbar {
    width: 250px;
    margin: 10px 30px;
    background: repeat-x url(trackbar/b_bg_on.gif) top left;
}

.trackbar TD {
    padding: 0 !important;
}

.trackbar .l {
    width: 1px;
    text-align: right;
    font-size: 1px;
    background: repeat-x url(trackbar/b_bg_off.gif) top left;
}

.trackbar .l div {
    position: relative;
    width: 0;
    text-align: right;
    z-index: 500;
    white-space: nowrap;
}

.trackbar .l div img {
    cursor: pointer;
}

.trackbar .l div span {
    position: absolute;
    top: -10px;
    right: 6px;
    z-index: 1000;
}

.trackbar .l div span.limit {
    text-align: left;
    right: 100%;
    z-index: 100;
    color: #ccf;
}

.trackbar .l div span.arrow {
    background: url(trackbar/a_l.gif) no-repeat top left;
    width: 6px;
    height: 9px;
    left: -10px;
    top: 3px;
    font-size: 1px;
    z-index: 100;
    cursor: pointer;
}

.trackbar .r {
    position: relative;
    width: 1px;
    text-align: left;
    font-size: 1px;
    background: repeat-x url(trackbar/b_bg_off.gif) top right;
    cursor: default;
}

.trackbar .r div {
    position: relative;
    width: 0;
    text-align: left;
    z-index: 500;
    white-space: nowrap;
}

.trackbar .r div img {
    cursor: pointer;
}

.trackbar .r div span {
    position: absolute;
    top: -10px;
    left: 6px;
    z-index: 1000;
}

.trackbar .r div span.limit {
    left: 100%;
    z-index: 100;
    color: #ccf;
}

.trackbar .r div span.arrow {
    background: url(trackbar/a_r.gif) no-repeat top left;
    width: 6px;
    height: 9px;
    right: -10px;
    left: auto;
    top: 3px;
    font-size: 1px;
    z-index: 100;
    cursor: pointer;
}

.trackbar .c {
    font-size: 1px;
    width: 100%;
}

#jOverlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: 20000;
    width: 100%;
    height: 100%;
}

#jOverlayTitle {
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

#jOverlayTitle .close {
    padding: 0 10px;
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    color: #fff;
    border: 1px solid #7D7F99;
    margin-top: -2px;
    cursor: pointer;
}

#jOverlayContent {
    overflow: auto;
    position: absolute;
    z-index: 20001;
    display: none;
    background: #fff;
    border: solid 1px #ccf;
}

.conmenu {
    background: #82839d;
    position: absolute;
    z-index: 20010;
    padding: 0 2px 2px 0;
}

.conmenu .content {
    background: #f3f3ff;
    border: solid 1px #ccf;
    padding: 2px;
    min-width: 100px;
    width: auto !important;
    width: 100px;
    margin-left: -2px;
    margin-top: -2px;
    position: relative;
}

.conmenu .content DIV,
.conmenu .content A {
    display: block;
    padding: 2px 5px;
    font-size: 11px;
    text-align: left;
}

.conmenu .content DIV {
    color: #003;
}

.conmenu .content A {
    color: #f00;
}

.conmenu .over {
    background-color: #fff;
}

.conmenu .separator {
    margin: 3px 1px 1px 1px;
    color: #bbbbbb;
    background-color: #bbbbbb;
    height: 1px;
    border-width: 0px;
}

.foldingmenu_arrow_parent_over_obj {
    float: right;
    position: relative;
    z-index: 20000;
    display: block;
    width: 0px;
    height: 0px;
}

.foldingmenu_arrow_over_obj {
    float: right;
    position: absolute;
    z-index: 20001;
    right: 0px;
    display: block;
    width: 20px;
    height: 10px;
    background: url(folding_arrow_1.gif) no-repeat;
    background-position: right 50%;
}

.foldingmenu_arrow_parent_near_obj {
    float: right;
    position: relative;
    display: block;
}

/*For history: width for next 2 classes was 35px, but img for it is small - so, we don't know why it was set to 35px, and set it to 10px*/
.foldingmenu_arrow_near_obj {
    float: right;
    position: relative;
    right: 0px;
    display: block;
    width: 10px;
    height: 11px;
    background: url(folding_arrow.gif) no-repeat;
    background-position: right 50%;
}
#matrix_list .foldingmenu_arrow_near_obj{
    background: none;
}

.foldingmenu_arrow_near_obj2 {
    float: right;
    position: relative;
    right: 0px;
    width: 10px;
    height: 11px;
    background: url(folding_arrow_2.gif) no-repeat;
    background-position: right 50%;
}

.foldingmenu_arrow_near_obj3 {
    position: relative;
    right: 0px;
    display: inline;
    width: 10px;
    height: 11px;
    background: url(folding_arrow_2.gif) no-repeat;
    background-position: right 50%;
    padding-right: 20px;
}

.foldingmenu_obj_over {
}

.foldingmenu_container {
    background: #82839d;
    position: absolute;
    z-index: 20010;
    padding: 0 2px 2px 0;
}

.foldingmenu_container .content {
    background: #f3f3ff;
    border: solid 1px #ccf;
    padding: 2px;
    min-width: 100px;
    width: auto !important;
    width: 100px;
    margin-left: -2px;
    margin-top: -2px;
    position: relative;
}

.foldingmenu_container .content DIV,
.foldingmenu_container .content A {
    display: block;
    padding: 2px 5px;
    font-size: 11px;
    text-align: left;
}

.foldingmenu_container .content DIV {
    color: #003;
}

.foldingmenu_container .content A {
    color: #f00;
}

.foldingmenu_container .over {
    background-color: #fff;
}

.foldingmenu_container .separator {
    margin: 3px 1px 1px 1px;
    color: #bbbbbb;
    background-color: #bbbbbb;
    height: 1px;
    border-width: 0px;
}

#tmp {
    display: none
}

#hintFooter {
    margin: 5px 10px;
    height: 20px;
}

#hintNext {
    display: block;
    float: right;
    padding: 5px 0px 0px 0px;
    cursor: pointer;
}

#hintPrev {
    display: block;
    margin: 0 5px;
    float: left;
    padding: 5px 0px 0px 0px;
    cursor: pointer;
}

#disableHints {
    display: block;
    float: left;
    padding: 0px 0px;
}

/*
----------------------------------------
  [Helpers]
----------------------------------------
*/

/* border */
.bn {
    border: middle none;
}

/* cursor */
.cp {
    cursor: pointer;
}

.cd {
    cursor: default;
}

/* float */
.cl {
    clear: left;
}

.cr {
    clear: right;
}

.cb {
    clear: both;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

LABEL.fr {
    margin-top: -2px
}

LABEL.fr INPUT {
    vertical-align: middle;
}

/* display */
.db {
    display: block !important;
}

.di {
    display: inline !important;
}

.dn {
    display: none;
}

/* font style */
.fwn {
    font-weight: normal;
}

.fwb {
    font-weight: bold;
}

.fsn {
    font-style: normal;
}

.fsi {
    font-style: italic;
}

/* margin */
.m0 {
    margin: 0 !important;
}

/* padding */
.p0 {
    padding: 0 !important;
}

/* text-align */
.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
    color: #000;
}

/* vertacal-align */
.vat {
    vertical-align: top !important;
}

.vam {
    vertical-align: middle !important;
}

.vab {
    vertical-align: bottom !important;
}

/* overflow */
.oa {
    overflow: auto;
}

/* position */
.pa {
    position: absolute;
}

.pr {
    position: relative;
}

/* width */
.wMax {
    width: 100%;
}

.wMin {
    width: 1px;
}

.wHalf {
    width: 50%;
}

.wa {
    width: auto !important;
}

.w10 {
    width: 10px !important;
    padding: 0 !important;
    min-width: 10px !important;
}

.w20 {
    width: 20px !important;
    padding: 0 !important;
    min-width: 20px !important;
}

.w30 {
    width: 30px !important;
    padding: 0 !important;
    min-width: 30px !important;
}

.w40 {
    width: 40px !important;
    padding: 0 !important;
    min-width: 40px !important;
}

.w50 {
    width: 50px;
}

.w80 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

/* white-space */
.wsn {
    white-space: nowrap;
}

.wsp {
    white-space: pre;
}

.small {
    font-size: 9px;
}

.small A {
    font-size: 9px;
}

.nowrap {
    white-space: nowrap;
}

.nowrap_imp {
    white-space: nowrap !important;
}

#mm_cont {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}

/*
* lightbox librray
*/

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img {
    border: none;
}

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px arial, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    height: 10px;
    float: right;
    padding-bottom: 0.7em;
    background: url(lightbox-btn-close.gif) no-repeat 50% 50%;
}

/* SPIN */
INPUT.spin-button {
    padding-right: 20px; /* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
    background-repeat: no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
    background-position: 100% 0%;
    background-image: url(spinbtn_updn.gif);
    float: left;
    display: block;
    width: 30px;
    color: #000033;
    font-size: 11px;
    border: #7F9DB9 1px solid;
}

LABEL.spin-label {
    float: left;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 20px;
}

DIV.spin-div {
    display: block;
    clear: both;
    margin-top: 5px;
    width: 100%;
    height: 20px;
}

INPUT.spin-button.up {
    /* Change button img when mouse is over the UP-arrow */
    cursor: pointer;
    background-position: 100% -18px; /* 18px matches height of 2 visible buttons */
}

INPUT.spin-button.down {
    /* Change button img when mouse is over the DOWN-arrow */
    cursor: pointer;
    background-position: 100% -36px; /* 36px matches height of 2x2 visible buttons */
}

#frmIndicatorToMoShowExpert .delrow {
    background: url(del.png) no-repeat 0 0;
    display: block;
    height: 16px;
    width: 16px;
    margin: 0 auto;
}

#frmIndicatorToMoShowExpert table {
    min-width: 310px;
}

#frmIndicatorToMoShowExpert table td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
}

#frmIndicatorToMoShowExpert table th {
    padding-top: 5px;
    padding-bottom: 5px;
}

#frmIndicatorToMoShowExpert table th.period {
    width: 80px;
}

#frmIndicatorToMoShowExpert table td.drag {
    min-width: 10px;
    background: url(handle.gif) no-repeat 0 50%;
    cursor: move;
}

.status_info {
    padding-top: 10px;
}

.status_info img {
    margin-right: 7px;
}

form div.currency div.row {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

form div.currency input {
    width: 50px;
}

form div.currency label {
    display: block;
    float: left;
    line-height: 23px;
    width: 125px;
    clear: left;
}

.cur_table td a.del {
    background: url(del.png) no-repeat 0 0;
    display: block;
    height: 16px;
    width: 16px;
    margin: 0 auto;
}

.cur_table td span.editable {
    font-weight: bold;
    cursor: pointer;
}

#frmIndicatorToMoShowExpert table tr.ui-state-highlight {
    display: block;
    height: 1.5em;
    line-height: 1.2em;
}

#mo_list tbody .nowrap {
    background-image: url(handle.gif);
    background-repeat: no-repeat;
    background-position: left 50%;
    cursor: pointer;
    padding-left: 5px;
}

.mo_list_drag_hover td {
    border: red 2px solid;
    font-size: 120%;
}

#matrix_list, #matrix_facts_list {
    cursor: pointer;
}

.loaded-fact-matrix thead tr {
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    padding: 0 5px;
    border: none;
    white-space: nowrap
}

.loaded-fact-matrix tr td {
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
    color: #006;
    font-size: 11px;
    padding: 3px 5px;
}

.loaded-fact-matrix tr th {
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
    color: #FFF;
    font-size: 11px;
    padding: 3px 5px;
}

.task_done td span span[lowlevel_data_key=name] {
    text-decoration: line-through;
}

.task_delayed td span span[lowlevel_data_key=name] {
    color: red !important;
}

select#action_select {
    width: 60px;
    font-size: 10px;
    float: left;
    display: none; /*for slow brousers*/
}

#frmIndicatorToMoShowExpert .append_area {
    display: block;
    height: 30px;
    width: 310px;
    background: #eee;
    margin-bottom: 20px;
    padding-top: 15px;
    text-align: center;
}

.append_area {
    display: block;
    height: 30px;
    background: #eee;
    margin-bottom: 20px;
    padding-top: 15px;
    text-align: center;
}

#frmRoleEdit .append_area {
    margin-top: 20px;
}

.responsible .append_area {
    margin-top: 10px;
}

#frmIndicatorToMoShowExpert .append_area:hover, .append_area:hover {
    background: #dde;
}

#frmAuthLogin .userinfo {
    background: #fff798;
    text-align: justify;
    padding: 5px;
    border: 1px solid #000;
}

.birthday-list {
    padding: 6px;
    margin: 4px;
    border: 1px solid #CCC;
}

.birthday-list H4 {
    cursor: pointer;
}

/*
* Типы выбора ответственных
*/

.respCooseType,
.autosearch_area,
.mostlist_area {
    margin: 5px 0px 5px 0px;
}

.mostlist_area,
.respCooseType fieldset {
    padding: 5px;
    border: 1px solid gray;
}

.mostlist_area a {
    text-decoration: none;
}

.mostlist_area ul {
    line-height: 120%;
}

.autoselectcont .editable {
    width: 100%;
}

.blue {
    color: #09f;
}

.green {
    color: darkgreen;
}

.red {
    color: #F00;
}

#uses_info_container {
    margin-top: 10px;
    border: 1px gray solid;
}

#uses_info_title {
    padding-top: 5px;
    padding-bottom: 5px;
}

#uses_info_data {
    padding: 5px;
}

.indicator_help {
    font: italic 11px sans-serif;
    color: #888888;
    padding-bottom: 5px;
}

.indicatorInterpretData {
    float: left;
    text-align: left;
    padding-bottom: 5px;
}

#context-top {
    z-index: 1000;
    overflow: hidden;
}

#context-top .context-top {
    float: left;
    padding: 6px;
    margin: 4px;
    border: 1px solid #CCC;
    display: inline;
    position: relative;
    right: 50%;
}

#context-top-wrapper {
    position: relative;
    float: left;
    left: 50%;
}

.context-left {
    padding: 6px;
    margin: 4px;
    border: 1px solid #CCC;
}

.dump-option {
    vertical-align: middle;
}

.dump-option INPUT {
    clear: both;
}

.dump-option INPUT, .dump-option LABEL {
    float: left;
}

.jwin_top_bar .dump-label {
    line-height: 20px;
    vertical-align: middle;
}

.mail_label_settings {
    padding-left: 18px;
    background: url(bt_settings.png) top left no-repeat;
    line-height: 20px;
}

#kpi_task_matrix TH {
    color: black;
}

#kpi_task_matrix TH,
#kpi_task_matrix TD {
    border: 1px solid #f0f0ff;
    border-left-color: #7d7f99;
    border-top-color: #7d7f99;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
    white-space: normal;
}

#kpi_task_matrix THEAD TR {
    background-color: #dddddd;
    cursor: pointer;
    padding-left: 15px;
}

#kpi_task_matrix THEAD TH.sort_desc {
    font-weight: bold;
    background: url("sort_desc.gif") no-repeat scroll 5px 50% #dddddd;
    padding-left: 15px;
}

#kpi_task_matrix THEAD TH.sort_asc {
    font-weight: bold;
    background: url("sort_asc.gif") no-repeat scroll 5px 50% #dddddd;
    padding-left: 15px;
}

.tbl .header_filter TH input {
    width: 100%;
    border: 0px;
    padding: 2px 0px;
    font-size: 11px;
    height: 13px;
}

.tbl .header_filter TH {
    padding: 3px 2px;
}

#req_sent {
    padding: 10px;
    font-size: 14px;
    background: #99ff99;
    color: #006600;
    border: 1px solid #006600;
    left: 50%;
    margin-left: -125px;
    margin-top: -50px;
    position: absolute;
    top: 40%;
    width: 250px;
}

#incorrect_pass_key {
    padding: 10px;
    font-size: 14px;
    background: #ff9999;
    color: #cc0033;
    border: 1px solid #cc0033;
    left: 50%;
    margin-left: -125px;
    margin-top: -50px;
    position: absolute;
    top: 40%;
    width: 250px;
}

#task_consumers td {
    vertical-align: middle;
}

#task_consumers th {
    font-weight: bold;
}

#consumerMoList {
    padding: 0 0 5px 0;
    line-height: 110%;
}

.tbl2 td {
    padding-bottom: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.behaviourSimpleShow {
    text-align: center;
    vertical-align: middle;
}

.behaviourStatusUnknown,
.behaviourStatusOk,
.behaviourStatusComplete,
.behaviourStatusCancel,
.behaviourStatusCompleteUnknown,
.behaviourStatusGoBack,
.behaviourStatusContinue,
.behaviourStatusDo {
    color: red;
}

.behaviourStatusGo {
    color: green;
}

.behaviourStatustaskPlanSum {
    color: #999900;
}

.behaviourStatus {
    margin-left: 0 !important;
}

.notifyInactive {
    background: url("event-disable.png") no-repeat scroll 50% 50% transparent !important;
}

#db_backup_status {
    color: #0000CC;
    font-size: 8px;
    font-weight: bold;
    height: 27px;
    line-height: 15px;
    position: fixed;
    right: 34px;
    text-align: center;
    top: 1px;
    width: 34px;
    z-index: 1011;
    cursor: pointer;
}

#logout_button {
    font-size: 8px;
    font-weight: bold;
    position: fixed;
    right: 3px;
    text-align: center;
    z-index: 1011;
    cursor: pointer;
    background-image: url(jwin_bt_close_big.png);
    width: 31px;
    height: 25px;
}

#social_links_shell {
    position: fixed;
    right: 135px;
    text-align: center;
    top: 1px;
    z-index: 1011;
    height: 25px;
    display: none;
}

#yandex-metrika {
    position: fixed;
    right: 240px;
    text-align: center;
    top: 1px;
    z-index: 1011;
    height: 25px;
    margin-top: -1px;
}

#admin_interface {
    position: fixed;
    right: 203px;
    text-align: center;
    top: 1px;
    z-index: 1011;
    height: 25px;
}

#admin_interface a {
    width: 34px;
    height: 27px;
    display: block;
}

#admin_interface .user {
    background-image: url(twitter.png);
}

#admin_interface .admin {
    background-image: url(facebook.png);
}

#currentperiod, #pastperiod {
    width: 170px !important;
}

.header_icon_img {
    max-height: 27px;
}

#db_backup_status.backup_in_progress {
    background: url("backup-in-progress.png") no-repeat scroll 50% 50% transparent;
}

#db_backup_status.backup_idle {
    background: url("backup-idle.png") no-repeat scroll 50% 50% transparent;
}

#db_backup_status.backup_unknown {
    background: url("backup-status-unknown.png") no-repeat scroll 50% 50% transparent;
}

.textDisabled {
    color: #999999 !important;
}

.rate_save_all {
    margin-top: 10px !important;
    float: right;
    padding: 3px !important;
    cursor: pointer;
}

.save_rate {
    cursor: pointer;
}

.jDialogOverlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /*Invisible for now*/
    z-index: 20000;
    width: 100%;
    height: 100%;
}

.jDialog {
    overflow: auto;
    position: absolute;
    z-index: 20001;
    display: none;
    background: #f3f3ff;
    border: solid 1px #ccf;
}

.jDialogTitle {
    background: #82839D url(box_header_bg.gif) repeat-x scroll center top;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 4px 5px 4px 8px;
    height: 18px;
}

.jDialogTitle .text {
    position: absolute;
    overflow: hidden;
    font-size: 12px;
    height: 12px;
    margin-right: 64px;
}

.jDialogTitle .button {
    padding: 2px 10px;
    background: #999 url(box_header_bg.gif) repeat-x scroll left top;
    color: #fff;
    border: 1px solid #7D7F99;
    float: right;
    margin-top: -2px;
    margin-left: 2px;
    cursor: pointer;
}

.jDialogContent {
    overflow: auto;
    background: #fff;
    margin: 5px;
    padding: 10px;
    border: solid 1px #ccf;
    position: relative;
}

.jDialogFooter {
    margin: 5px;
    margin-top: 0;
    border: solid 1px #ccf;
    border-bottom-color: #fff;
    border-right-color: #fff;
}

.jDialogFooter .resizer {
    border: solid 5px #ccf;
    border-left-color: #f3f3ff;
    border-top-color: #f3f3ff;
    margin: 1px;
    cursor: se-resize;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* Make jDialog title look like right frame title (jWin), but don't hurt jWin styles*/
.jDialogTitle .jwin_buttons {
    top: 4px;
    height: 15px;
}

.jDialogTitle .button {
    background: none;
    float: left;
    border: none;
}

.indFactFormDataCell {
    float: left;
    padding-right: 10px;
}

.indFactFormDataCell label {
    font-weight: bold;
    padding-right: 5px;
}

.indFactFormDataCell label.spin-label {
    font-weight: normal; /* For fact spin-button fields labels will be normal */
}

.indFactFormDataCell input.spin-button {
    width: 18px; /* For fact spin-button fields 18px is size for 3 symbols */
}

.taskMainParametersList div, .taskMainParametersList span {
    display: inline;
}

.taskMainParametersList div.p, .taskMainParametersList span.p {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 0;
}
.taskMainParametersList #indicatorToMoShowExecutionStart .di,
.taskMainParametersList #indicatorToMoShowExecutionEnd .di,
.taskMainParametersList #indicatorToMoShowLiveStart .di,
.taskMainParametersList #indicatorToMoShowLiveEnd .di {
    font-weight: normal;
}

.taskMainParametersList .wide {
 /*   width: 340px !important; */
}
.indicatorInterpretData .tbl_inner td:last-child{
    white-space: pre-wrap;
    max-width: 115px;
}
#indicatorToMoPlanEdit{
    float: left;
    width: 350px;
 }
.indicator_interpretation_cont_right{
    max-width: 356px;
}
#info_task_container{
    width: calc(100% - 356px);
    width: 100% - 356px;
    width: -webkit-calc(100% - 356px);
    width: -moz-calc(100% - 356px);
}
#indicatorToMoPlanCont div.p{
    margin: 0;
}
.indicatorToMoRow{
    width: 95%;
    margin: 0;
}
.indicatorToMoRow span{
    padding-bottom: 2px;
}
.indicatorToMoRow div.p, .indicatorToMoRow .info, .indicatorToMoRow h6, .indicatorToMoRow .autoselectcont, .indicatorToMoRow .factsMatrixShell
{
    float: left;
    margin-right: 10px;
}
.indicatorToMoRow .factsMatrixShell{
  /*  margin-top: -30px;*/
}
.indicatorToMoRow #indicatorToMoPlanEdit{
    float: left;
  /*  margin-top: -30px;*/
}
.taskMainParametersList .autowide {
    width: auto !important;
    margin-right: 20px;
}

#matrix_facts_list .foldingmenu_arrow_near_obj {
    width: 10px; /* For facts list folding menu icon should be smaller than for other */
}

/* For task view display notify data in one line, total width is as for other cells == 300 == 85 + 75 + 140*/
.taskMainParametersList #indicatorToMoIsNotify {
    width: 85px;
}

.taskMainParametersList #indicatorToMoNotifyDays {
    width: 75px;
}

.taskMainParametersList #indicatorToMoNotifyRegular {
    width: 140px;
}

.flexTable div:not(.selectableType):not(.btCont.selectableType) {
    display: inline;
}

.flexTable label {
    display: block;
    float: left;
    margin-top: 5px;
}

.flexTable div.field {
    display: inline-block;
    width: 170px;
    vertical-align: top;
}

.flexTable div.w230 {
    width: 230px !important;
}

.flexTable .w230 label {
    width: 50px;
}

.flexTable div.w190 {
    width: 190px !important;
}

.flexTable div.w450 {
    width: 450px !important;
}

.flexTable div.w230Ex {
    width: 230px !important;
}

.flexTable .w230Ex label {
    width: 75px;
}

.flexTable input:not(.tar), .flexTable select {
    width: auto !important;
    max-width: 125px;
}

.w300 {
    width: 300px;
}

/* Break big text lines with spaces */
.fieldsList, #matrix_facts_list td, #matrix_events_list td, #indicatorToMoShowDesc {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#matrix_facts_list td {
    max-width: 200px;
}

#test_mo_result_out td {
    text-align: center;
    border: black solid 1px;
}

.test_mo_result_sum {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.test_mo_result_sum.good {
    color: green;
}

.test_mo_result_sum.wrong {
    color: red;
}

.highlightedRow {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%) !important;
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%) !important;
    /* Opera */
    background-image: -o-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%) !important;
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9DAE3), color-stop(1, #B5B7DB)) !important;
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #D9DAE3 0%, #B5B7DB 100%) !important;
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #D9DAE3 0%, #B5B7DB 100%) !important;
}

.framesNumOptLabelCell {
    padding-right: 5px;
    vertical-align: middle;
}

#frmTaskTemplateShow .wMax {
    width: 98%; /*This was set 98% as only in this functionality fields went out from right frame*/
}

.mandatoryMarker {
    font-weight: bold;
    color: red;
}

.taskMainParametersList .fieldsList div {
    display: block;
}

.taskMainParametersList .fieldsList div.p {
    width: 100%;
}

.indicator_interpretation_cont .indicatorInterpretData {
    display: block !important;
}

.field.padd_sides {
    padding: 0 10px;
}

span.padd_sides {
    float: left;
}

.factsMatrixShell .tbl {
    width: 300px;
}

.indicator_interpretation_cont .tbl input[name="indicator_interpretation_label[]"] {
    width: 30px !important;
}

.infoForLabelsEditTxt {
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
}

.dump-label {
    margin-top: 4px;
}

.textarea2rows {
    /*   min-height: 25px;
    max-height: 125px;
    max-width: 100%;*/
}

.btSave,
.btCancel {
    padding: 1px !important;
    width: 90px !important;
    height: 18px!important;
}

.submitBtn-box {
    margin-bottom: 5px;
}

.matrix-standart-container {
    padding-top: 15px;
}

.factShell {
    min-height: 80px;
}

#bottomCenterBanner {
    z-index: 2000;
    position: relative;
    text-align: center;
}

#bottomCenterBanner img {
    padding-right: 5px;
}

.test-REKLAMA {
    font-weight: bold;
    background-color: #FCF25C !important;
    cursor: pointer;
}

.adv-icon {
    width: 15px;
    margin-right: 10px;
    float: left;
}

.adv-text {
    display: block;
    margin-top: 2px;
}

.hidden {
    display: none !important;
}

.test-REKLAMA td.name_fact {
    font-weight: bold;
}

.add-mo-one-click {
    width: 100%;
    border: 0;
}

.add_fact_row div.selectableType {
    position: absolute;
    left: 0;
}

.field_fact_name {
    width: 97.5%;
    float: left;
    padding-left: 30px !important;
}

.status_select_fact, .status_select_fact_edit {
    -webkit-appearance: none;
    width: 40px;
    color: red;
    font-weight: bold;
}

.status_select_fact:hover, .status_select_fact_edit:hover {
    cursor: pointer;
}

.select_mark {
    background: url(folding_arrow.gif) no-repeat right;
    -webkit-appearance: none;
    width: 40px;
    font-weight: bold;
    border: none;
    padding: 3px 5px;
    padding-left: 9px;
}

.row_add_fact_link {
    float: left;
    text-decoration: none;
}

.row_add_fact_link span {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.row_add_fact_link span:hover {
    text-decoration: none;
}

.row_add_fact_link span.plus_add {
    color: #008000;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    font-style: italic;
}

.field_list td {
    padding: 4px 5px 4px 20px !important;
}

.field_list tr:first-child td {
    padding: 0 !important;
}

.add_fact_row td {
    padding: 0;
}

.add_fact_row td span {
    margin: 3px 5px;
    display: inline-block;
}

.add_fact_row div.row_comment {
    float: left;
    padding: 0;
}

.add_fact_row td input, .fact_data td input {
    border: 0;
}

.add_fact_row td input.field_fact_name {
    padding: 3px 5px;
}

.add_fact_row td input.spin-div-fact {
    float: right;
    padding: 3px 5px;
}

.add_fact_row td input.datetime, .fact_data td input.datetime {
    padding: 3px 0;
    width: 100% !important;
    text-align: center;
    border: none !important;
}
.add_fact_row.odd{
    background-color: #fff;
}

.add_fact_row td input.status_fact {
    padding: 3px 5px;
}

.add_fact_row td select.status_select_fact {
    width: 29px;
    padding: 2px 0 2px 11px;
    border: 0;
}

.add_fact_row .selectableType table {
    top: 18px;
    left: 20px;
}

.add_fact_row td .spin-button {
    padding: 0;
}

.add_fact_row td .spin-label {
    line-height: 18px;
    float: right;
    margin-right: 1px;
    margin-left: 1px;
}

.add_fact_row td .input_hour,
.add_fact_row td .input_min{
    padding: 3px 1px;
    width: 12px;
    float: right;
    display: block;
}
td input.edit_hours,
td input.edit_mins{
    display: inline; padding: 3px 1px;
    width: 12px;
}
.add_fact_row .field_list tr td {
    background: none;
    padding: 4px 5px 4px 5px !important;
}

.add_fact_row .field_list tr:nth-child(2) td {
    padding: 0 !important;
}

.add_plan_row .field_fact_name {
    padding: 3px 5px;
    border: none;
}

.add_plan_row .td_name {
    position: relative;
    padding: 0px;
}

.fact_comment {
    white-space: pre-line;
}

.fact_comment .fieldsList {
    display: block;
    margin-top: 8px;
}

.spin-div-plan {
    border: none;
}

.field_plan_name, .field_fact_name {
    width: 100%;
    max-width: 100%;
    float: left;
    border: none;
    padding: 3px 5px;
    font-family: arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 7px;
    width: calc(100% - 10px);
}

.field_plan_name {
    padding-right: 20px;
}

.select_rate {
    width: 40px !important;
}

tr.tr_separator td {
    height: 0;
    margin: 0;
    padding: 0;
    border-color: red;
    background-color: red;
}

.comment_field {
    padding: 0 5px;
    border: none;
    font-family: Tahoma, "Helvetica Neue", Helvetica, sansserif;
    box-sizing: borderbox;
    height: 100%;
}

.comment_field:hover {
    background-color: #dde;
}

.comment_field_box {
    padding: 0 !important;
}

.add_plan_row td {
    border-bottom: 0;
}

.jwin_interface .sign,
.jDialogTitle .sign {
    text-align: center;
    line-height: 15px;
    font-weight: bold;
    font-size: 14px;
}

.jwin_btAdd .sign:hover {
    color: #008000;
}

.jwin_btDel .sign:hover {
    color: red;
}

.jDialogTitle .sign {
    display: inline-block;
    text-align: left;
    margin-left: 4px;
    position: relative;
    top: 1px;
    cursor: pointer;
}

.jDialogTitle .sign:hover {
    color: #008000;
}

.add_fact_row .btCont {
    float: left;
    width: 9px;
}

.add_fact_row .btCont .btDel {
    padding: 0 !important;
    width: 9px !important;
    display: block;
    height: 9px;
    margin: 0 !important;
    background-position: -3px -4px !important;
}

.hide {
    display: none !important;
}

.hidden_1 {
    display: none;
}
.hidden_0 {
    display: table-cell !important;
}

tr.active-fact td {
    background: linear-gradient(to bottom, #D9DAE3 0%, #B5B7DB 100%);
}

.last_td > .show_all:hover {
    text-decoration: underline;
}

.fact_data .behaviourSimpleShow {
    vertical-align: top;
}

/*
.fact_data:hover td{
    box-shadow: 0 -4px 5px -2px #cdcdcd inset, 0 3px 5px -2px #cdcdcd inset;
}*/

.fact_data:not(.inform):hover td, .fact_data:not(.inform):hover input, .fact_data:not(.inform):hover textarea, .fact_data:not(.inform):hover select {
    background-color: rgba(242, 242, 242, 0.2);
    -moz-box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.5) inset;
    border-top: none;

}

.hidden_row_data {
    display: none !important;
}

.edit_cell input {
    width: 100%;
}

.show_add_row_fields {
    color: #008000;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    font-style: italic;
}

.open_mo_list:hover {
    cursor: pointer;
}

.mo_list_container, .mo_calendar_container {
    position: absolute;
    background: white;
    top: 20px;
    left: -1px;
    z-index: 100;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 1);
    max-height: 500px;
    width: auto;
    overflow-y: auto;

    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
}
.active-fact .parent-dat{
    color: transparent;
}
.add_fact_row .datetime, .add_fact_row .cal_date {
    background: none;
    width: 54px !important;
}
#add_new_task_row td{
    vertical-align: middle;
}
#matrix_list tr:hover:not(.inform):not(.info_task):not(#add_new_task_row):not(.fact_data){
    background-color: #dde;
}
form.user-add-fields div{
    display: block !important;
}
#indicatorToMoExpressionEdit {
    width: 700px;
}

#indicatorToMoFactEdit .content form {
    overflow: auto;
}

.jwin_c select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFF url('arrow_bottom.gif') no-repeat;
    background-position: right top;
    padding-right: 3px;
}

.name_field {
    min-width: 250px;
}

.info_tasc_arrow_hide, .matrix_mo_hide, .matrix_calendar_hide {
    width: 13px;
    height: 10px;
    background: url('arrow_hide.png');
    display: inline-block;
    margin-right: 3px;
    cursor: default;
}

.info_tasc_arrow_show, .matrix_mo_show, .matrix_calendar_show {
    width: 13px;
    height: 10px;
    background: url('arrow_show.png');
    display: inline-block;
    margin-right: 3px;
    cursor: default;
}

.info_indicator_arrow {
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}

.arrow_show_dark {
    font-size: 20px;
    float: left;
    margin-top: -5px;
}
.arrow_hide_dark {
    font-size: 14.3px;
    margin: -3px 3px 0 0;
}
.info_indicator_expander {
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}
.fact_fact{
    text-align: center !important;
}
.fact_fact select.kpi_fact{
    border: none;
    padding: 3px 5px;
    color: grey;
    margin-right: 9px;
    float: none;
}
select.set_level{
    width: 20px !important;
}
.info_task {
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
    padding: 5px;
}

.info_task .taskMainParametersList div.p {
   /* width: 100%; */
}

.info_task .p_title {
    color: #666 !important;
    font-weight: normal;
    float: left;
}

.info_task .p span {
    color: #000066;
}

.kpi_row .add {
    /*padding: 3px 5px;*/
}

.kpi_fact {
    width: 32px;
    float: right;
    margin-right: 5px;
    padding-top: 3px;
}

.tbl_inner {
    border: 1px solid #f0f0ff;
    border-left-color: #7d7f99;
    border-top-color: #7d7f99;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto;
}

.tbl_inner thead TH,
.tbl_inner tbody TD {
    border: 1px solid #f0f0ff;
    border-right-color: #7d7f99;
    border-bottom-color: #7d7f99;
    color: #006;
    font-size: 11px;
    padding: 3px 5px;
}

.tbl_inner THEAD TR {
    background: #82839d;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
}

.tbl_inner THEAD TH {
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.tbl_inner THEAD TH A {
    color: #fff;
}

.tbl_inner TBODY TR {
    background: #fff;
}

.tbl_inner TR TR {
    background: transparent
}

.tbl_inner TD TH,
.tbl_inner TD TD {
    padding: 0 5px;
    border: none;
    white-space: nowrap
}

.fact_link {
    margin-left: 4px;
    line-height: 18px;
    color: #CCC;
    text-decoration: none;
    font-style: italic;
    font-size: 13px;
    cursor: default;
}

.fact_link:hover {
    color: #DF0000;
}

.input_time {
    width: 14px;
    border: 0px;
    text-align: center;
}

#add_new_task_container label {
    display: inline;
    margin-right: 3px;
}

#add_new_task_container select {
    width: inherit;
    max-width: 115px;
}

.fact_comment2 {
    padding: 0 !important;
}

.writeundefined.fact_fact {
    text-align: center !important;
}

#indicatorToMoPlanEdit input{
    border: 1px solid grey;
}

.fact_user{
    white-space: nowrap;
}

.fact_shkala{
    padding: 3px 5px !important;
}

#frmIndicatorToMoExpressionEdit table{
    margin: 0;
}
td.kpi .behaviourStatus,
td.kpi_pay .behaviourStatus,
td.kpi_standart .behaviourStatus{
    display: none;
}

.redColor{
    color: red;
}
.greenColor{
    color: green;
}

.edited_fact{
    font-style: italic;
    color: grey;
}

.fact_data.inform{
    background-color: #fff;
}

.plan_value:hover, .fact_value:hover{
    -webkit-box-shadow: 0 0 3px 2px #7d7f99;
    box-shadow: 0 0 3px 2px #7d7f99;
    position: relative;
}

select.start_state_select{
    color: grey;
    font-weight: 100;
}
body .popover-content{
    padding: 3px;
}
.rightContAddTask textarea, .rightContAddTask .fieldValue{
    border: 1px #cccccc solid !important;
}
.kpi_fact.spin-div-fact{
    margin-right: 0;
}
textarea.field_plan_name{
    padding-left: 20px;
}

.table_date{
    padding-right: 10px !important;
    position: relative;
}
.table_date .foldingmenu_arrow_near_obj{
    position: absolute;
}

.inter_thead th{
    padding: 3px 5px !important;
    border-right-color: #7d7f99;
    background-size: auto 27px;
    background-repeat-y: no-repeat;
    background: -webkit-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -moz-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -o-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: -ms-linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
    background: linear-gradient(top, #D9DAE3, #B2B3C4, #9FA1B5 70%, #82839D);
}
.inter_table{
    border-color: #7d7f99;
}
.inter_table tr input{
    border: 1px solid #7d7f99;
    text-align: center;
    margin: 3px 0px !important;
}
.inter_table td.btDel{
    background-image: url(del.png);
    background-position-x: 5px;
}
.matrix_indicator_filter{
    width: 50px;
}
.matrix_indicator_filter.filterAllWidth{
    width: 70px;
}

.interpretationDesc {

}

input[type="text"]:focus,
textarea:focus { 
    outline: none; 
}
.info_tasc_arrow_show_or_hide{
    margin-right: 4px;
    color: #CCC;
}
.info_tasc_arrow_show_or_hide:hover{
    color: #DF0000;
}
td.fact_mark{
    text-align: center;
}
#moShowRoleList>div>form>.p:first-child{
    display: block;
}
#measure_conversion td>div {
    width:100%!important;
}

.leftContAddTask{
    width: 20%;
}
.rightContAddTask{
    width: 80%;
}
td.fact_fact {
    min-width: 24px;
}