/******************************************************************************** Правильные классы **************************************************************************************/

/* картинки */
    .lpic {float:left; margin:0px 20px 12px 0px;}
    .rpic {float:right; margin:0px 0px 12px 20px;}
/******************************************************************************** Требуют исправления **************************************************************************************/

div.checkbox {
    vertical-align: middle;
    padding-left: 16px;
    height: 18px;
    background: url("/resource/img/form/checkbox.svg") 0px 3px no-repeat;
    display: inline-block;
    _overflow:hidden;
    *zoom:1;
    *display:inline;
}

div.checkbox input {
    position: absolute;
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-left: -15px;
    outline: 0px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

div.checkbox-checked {
    background: url("/resource/img/form/checkbox.svg") 0px -13px no-repeat;
}

/* функциональные классы */
.textarea {
    display: block;
    border: 2px #7e7e7e solid;
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 10px;
}
    .textarea textarea {
        border: 0;
        width: 100%;
        height: 200px;
    }

/* иконки */
.i_pensil, .i_police, .i_down_b, .i_down_ba, .i_down_w, .i_down_wa, .i_up_b, .i_up_ba, .i_up_w, .i_up_wa, .i_cross, .i_plus, .i_plus2, .i_minus, .i_minus_grey, .i_woman, .i_man, .i_wait16x16, .i_cross16, .i_restore, .i_comments2, .i_gear-gray, .i_clippit, .i_star_grey, .i_star_orange {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    *zoom:1;
    *display: inline;
}
.i_pensil {
    background: url("/resource/img/i_pensil16.png") center no-repeat;
}
.i_police {
    background: url("/resource/img/i_police.png") center no-repeat;
}
.i_cross {
    background: url("/resource/img/i_cross16.png") center no-repeat;
}
.i_plus{
    background: url("/resource/img/fcvote_plus.gif") center no-repeat;
}
.i_plus2{
    background: url("/resource/img/i_plus.png") center no-repeat;
}
.i_minus{
    background: url("/resource/img/fcvote_minus.gif") center no-repeat;
}
.i_minus_grey{
    background: url("/resource/img/i16_minus_grey.png") center no-repeat;
}
.i_woman{
    background: url("/resource/img/i_woman.png") center no-repeat;
}
.i_man{
    background: url("/resource/img/i_man.png") center no-repeat;
}
.i_restore{
    background: url("/resource/img/i_shovel.png") center no-repeat;
}
.i_comments2{
    background: url("/resource/img/i_comments2.png") center no-repeat !important;
}
.i_gear-gray{
    background: url("/resource/img/i_gear-gray.png") center no-repeat;
}
.i_clippit{
    background: url("/resource/img/i_clippit.png") center no-repeat;
}
.i_star_grey{
    background: url("/resource/img/i_star_grey.png") center no-repeat;
}
.i_star_orange{
    background: url("/resource/img/i_star_orange.png") center no-repeat;
}
/*Продолжение иконок, подраздел для стрелок*/
.i_mlm5 { /*для парных стрелок, которые ниже, чтобы ставить у той, что справа и она пододвигалась к левой*/
    margin-left: -5px;
}
.i_down_b, .i_down_ba, .i_down_w, .i_down_wa, .i_up_b, .i_up_ba, .i_up_w, .i_up_wa {
    background: url("/resource/img/table_btb_col_light_asc.gif") center no-repeat;
    width: 13px;
    vertical-align: middle;
}
.i_down_ba {
    background: url("/resource/img/table_btb_col_light_asc_active.gif") center no-repeat;
}
.i_down_w {
    background: url("/resource/img/table_btb_col_darc_asc.gif") center no-repeat;
}
.i_down_wa {
    background: url("/resource/img/table_btb_col_darc_asc_active.gif") center no-repeat;
}
.i_up_b {
    background: url("/resource/img/table_btb_col_light_desc.gif") center no-repeat;
}
.i_up_ba {
    background: url("/resource/img/table_btb_col_light_desc_active.gif") center no-repeat;
}
.i_up_w {
    background: url("/resource/img/table_btb_col_darc_desc.gif") center no-repeat;
}
.i_up_wa {
    background: url("/resource/img/table_btb_col_darc_desc_active.gif") center no-repeat;
}

/*Индикаторы неготовности (ожидания)*/
/*.waitsimple{
    color: #c7c7c7 !important;
}*/

.i_wait16x16{
    background: url("/resource/img/wait_12x12.gif") center no-repeat !important;
}
.i_wait20x20{
    background: url("/resource/img/wait_20x20.gif") center no-repeat !important;
    width: 20px;
    height: 20px;
}

/* Иконки побольше */
/*.i_cross32, .i_pencil32{
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    *zoom:1;
    *display: inline;
}*/
.i_cross16 {
    background: url("/resource/img/i_cross16.png") center no-repeat;
}


/* поправки для каталога */
.services form{
    width: 400px;
    background-color: #fffcd7;
}

/* поправки для форума */
/*.forum-sides a[data-stat=opened],*/
.forum-sides a[data-stat=closed] {
    text-decoration: none;
    border-bottom: #1F384C dashed 1px;
}


div.num {display: block; position: relative; color: grey; margin: -5px 3px 0 3px;}



/* стили для фонтеллы */

/* неперекрываемые стили */
[class^="icon-"]:before, [class*=" icon-"]:before {
    color: #636363;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
}

/* перекрываемые стили */
a[class^="icon-"], a[class*=" icon-"],
a[class^="icon-"]:before, a[class*=" icon-"]:before,
i[class^="icon-"]:before, i[class*=" icon-"]:before {
    text-decoration: none;
}

a[class^="icon-"]:before, a[class*=" icon-"]:before,
i[class^="icon-"]:before, i[class*=" icon-"]:before {
    width: auto;
}

.icon_32 {
    display: inline-block;
}

.icon_32:before {
    font-size: 30px;
    line-height: 32px;
    height: 32px;
}

.icon_white:before {
    color: #fff;
}



/* Нужно ----------------------------------------------------------------------------------------------------------------------------------- */

/* поля с рамкой (форум, фильтр, пейджер) */
.borderfield {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #e9eef2;
    margin-left: 5px;
    width: auto;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    background-color: #FFFFFF;
    *zoom:1;
    *display: inline;
}
    .borderfield select {
        border: none;
        margin: 3px;
        font-size:12px;
        height: 18px;
        line-height: 18px;
        outline: none;
    }
    .borderfield input {
        border: none;
        margin: 2px;
        height: 18px;
        line-height: 18px;
        outline: none;
        vertical-align: top;
    }


/* Пейжер Pager */
.hr-top {
    border-top: 2px #666666 solid;
}

.pagesbox {
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
}
    .pagesbox > div {
        float: left;
        margin-left: 10px;
        height: 28px;
        line-height: 28px;
    }
    .pagesbox div:first-child {margin-left: 15px;}
    .pagesbox div span.pages {}
    .pagesbox div span.active {color:White;background-color:#666666;text-decoration:none;padding-left:3px;padding-right:3px;}
    .pagesbox a.pagearrow {font-size:9px; text-decoration: none; color: inherit;}

.tritooltip1 .x0-breadcrumbs {
    margin-top: 0px;
}

/* применяется для фильтров в контенте в организациях и директе */
.floatroad {
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 5px;
}
    .floatroad > div {
        line-height: 28px;
    }
    .floatroad div:first-child {
        margin-left:5px;
    }
    .floatroad div small {position:relative;top:-5px;} /* ?????? */
    .floatroad div small a {text-decoration:none;} /* ?????? */

    .floatroad table{
        padding: 0;
        border-spacing: 0;
    }
    .floatroad td{
        padding-left: 10px;
        height: 27px;
    }
    .floatroad td input, .floatroad td span{
        margin:0;
        vertical-align: middle;
    }
    .floatroad td span{
        margin-left: 5px;
    }
/* деревья */
.tree, .tree ol{margin: 0; padding: 0;}
    .tree li {display: block; list-style: none outside none; line-height: 14px;}
    .tree > li {padding-left: 0px;}
    .tree li li{padding-left: 20px;}
    /*.tree a {text-decoration: none;}*/
    .tree .left {float: left;}
    .tree .right {float: right; text-align: right;}
    .tree .content {display: block; padding: 5px 0 5px 3px;/*padding-left: 25px;*/position: relative;}
    .tree .num {display: inline-block !important; position: relative; color: grey; margin: 0px 3px 0 3px; top: -5px;}
    .tree li div[data-obj=toolbar] { margin: 0 0 0 22px; display: none; }
    .tree li div.service a { color: #1259A5}
    .tree li a[data-stat] {
        width: 12px;
        height: 12px;
        line-height: 12px;
        text-decoration: none;
        position: absolute;
        left: -20px;
}
    .tree li a[data-stat] i {
        display: none;
        width: 100%;
        height: 100%;
        line-height: 100%;
    }
    .tree li a[data-stat] i:before {
        color: #B7B7B7;
        width: 100%;
        height: 100%;
        line-height: 100%;
    }
    .tree li a[data-stat=opened] .icon-plus-squared {
        display: none;
    }
    .tree li a[data-stat=opened] .icon-minus-squared {
        display: block;
    }
    .tree li a[data-stat=closed] .icon-plus-squared {
        display: block;
    }
    .tree li a[data-stat=closed] .icon-minus-squared {
        display: none;
    }
    .tree li a[data-stat=none] {
        background-color: #dedede;
        border-radius: 2px;
        cursor: default;
    }
    .tree li a[data-stat=load] {background: url("/resource/img/wait_12x12.gif") center no-repeat; cursor: wait !important;}
    .tree .placeholder {background-color: #f3f6f8;}

    .tree .tree-node-label {
        position: relative;
        margin-left: 25px;
    }
    .tree-node-label input[type=checkbox] {
        margin: 0px;
        margin-top: 1px;
    }

.tree form, .tree2 form{
    display: block;
    border: dashed 1px black;
    padding: 10px;
}

/* таблица дерево (Используется в форуме sides.tpl) */
.table_tree { width: 100%; overflow: hidden; border-bottom: 2px solid #666666;}
    .table_tree li { display: block; list-style: none outside none; }
    .table_tree ol.tt-header { margin: 0; padding: 0; background: #dfe5ea; border-bottom: 2px solid #666666; }
    .table_tree ol.tt-header li div { border-right: 1px solid #ffffff; padding: 5px 10px; }
    .table_tree ol.tt-header li:first-child div { border-right: 0px; }
    .table_tree ol.tt-body { margin: 0; padding: 0; }
    .table_tree ol.tt-body ol{ margin-left: 30px; }
    .table_tree ol.tt-body li, .table_tree ul.tt-body ul li:first-child { border-top: 1px dotted #000000; }
    .table_tree > ol.tt-body > li:first-child { border-top: 0px; }
    .table_tree div.tt-content > div { padding: 10px; }

/* Для таблиц */
.across_right { width: 30px; background-image: url("/resource/img/scrollerbg_right.png"); background-repeat: repeat-y; z-index: 10; position: absolute; }
.across_left { width: 30px; background-image: url("/resource/img/scrollerbg_left.png"); background-repeat: repeat-y; z-index: 10; position: absolute; }

.scroller {overflow-x: scroll; overflow-y: visible;}



/* Использется в форуме и еще много где (правда есть table.css но в тех местах он не подключается) */
.table_btb { width: 100%; border-collapse: collapse; border-spacing: 0px; }
    .table_btb .table_btb_head { height: 22px; border-bottom: #666666 3px solid; }
    .table_btb .table_btb_head td { height: 22px; white-space: nowrap; border-left: #ffffff 1px solid; color: #666666; background-color: #DFE5EA; vertical-align: middle; }
    .table_btb .table_btb_head td:first-child { border-left: 0px; }

    .table_btb .table_btb_head td.active {
        color: #DFE5EA;
        background: #666666;
        background: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#666666));
        background: -moz-linear-gradient(top, #8b8b8b, #666666);
        background: -ms-linear-gradient(#8b8b8b, #666666);
        background: -o-linear-gradient(top, #8b8b8b, #666666);
        background: linear-gradient(top, #8b8b8b, #666666);
    }

    .table_btb .table_btb_head td img {
           vertical-align: middle !important;
           width: 13px;
           height: 7px;
    }
    .table_btb .table_btb_tr { border-top: #636363 1px dotted; }
    .table_btb .table_btb_tr:first-child { border-top: 0px; }
    .table_btb .table_btb_tr:nth-child(odd) {background-color: #f3f6f8; }
    .table_btb .table_btb_tr:hover { background-color: #fffbe3; }
    .table_btb .table_btb_td {vertical-align: top; }
    .table_btb .tr_grey { background-color: #f3f6f8; }
    .table_btb_td {padding: 10px; min-width: 50px; vertical-align: top; }

    .table_btb_td img {
        margin-right: -10px;
    }

/* ГРИША ------------------------------------------------------------------------------------------------------------------- */

/* (спецы, организации, филиалы) */
.bbdotted {
    border-bottom: #666666 dotted 1px;
}

/* расписание*/

.border_red{
    border-color: red;
}

.solidblock_left{
    border-left: solid 2px;
}

/* декоративные блоки (огранизации, спецы, филиалы)*/
.dashedblock, .dottedblock, .solidblock_left {padding: 5px 5px 5px 10px;}
    .dashedblock {border: dashed 1px black;}
    .dottedblock {border: dotted 1px black;}
    .activeblock {background-color:#FFFBE3;}



/* Карточки спецов у Гриши */

.specrow {
    background-color: #fffbe3;
    padding: 10px;
    cursor: pointer;
}

.specrow:hover {
    background-color: #ffa964;
}

.specrow_inactive{
    opacity: 0.6;
    cursor: default;
}

.specrow_inactive:hover{
    background-color: #fffbe3;
}

.specrow-image {
    float: left;
    background-color: white;
}

.specrow-description {
    margin-left: 60px;
    padding: 0 10px;
}

.speccard{
    height:220px;
    width: 108px;
    float: left;
    margin-right: 20px;
}

.speccard:hover{
    position: relative;
}

.speccard-inner{
    position: relative;
}

.speccard-inner:hover{
    position: absolute;
    padding: 10px;
    border: #464646 solid 1px;
    background-color: #fffbe3;
    margin: -11px 0 0 -11px;
    z-index: 1;
}

.speccard-inner-photo{
    display: block; width: 100px; height: 150px;
}

.speccard-inner-text{
    display: block;
    margin: 10px 3px 0 3px;
}

.speccard-inner-text_hidden{
    display: none;
}

.speccard-inner:hover .speccard-inner-text_hidden{
    display:block;
}

.speccard-close{
    position: absolute;
    float: right;
    margin-top: -157px;
    right: 7px;
    display: none;
}

.speccard-inner:hover .speccard-close{
    display: block;
}

.speccard-gear{
    position: absolute;
    float: right;
    margin-top: -137px;
    right: 7px;
    display: none;
}

.speccard-inner:hover .speccard-gear{
    display: block;
}