/* CSS Document */

/*-----------------------------------------------------------------------
// BLOCK :: STYLE ROUNDED CORNERS
//------------------------------------------------------------------------*/
/* f_single  - используется, если в файле собраны все элементы - 4-е уголка-рамки + окантовки - это, боковые и нижняя границы,
               то есть собраны в одном файле по принципу - звезда
   f_divided - используем в случае, если 4-е уголка для рамки-таблицы имеют только закрашенные ободки-края с прозрачным наполнением, то...
               верхнюю/боковые и нижнюю границы рамки целесообразно выводить не через файл-графику,
               а при помощи следующей конструкции [border-top/bottom:1px solid]
*/

.lts, .rts, .lbs, .rbs {
  float: left;
  height: 64px;
  width: 64px;
  overflow: hidden;
}

.s_type-2 .lts, .s_type-2 .rts, .s_type-2 .lbs, .s_type-2 .rbs,
.st4 .lts, .st4 .rts, .st4 .lbs, .st4 .rbs {
  height: 16px;
  width: 16px;
}
*+html .lts { position: relative } /* Образовался Непонятный ХАК для IE7 */

/* Стиль для закругленных рамок (обрамления объектов) 
    Аббревиатура :: например: lts : l - left, t - top, s - стиль
                           | для других (r - right, b - bottom) |
*/
.lts div,                  /* Левая-top рамка-уголок */
.rts div,                  /* Правая-top рамка-уголок */
.lbs div,                  /* Левая-bottom рамка-уголок */
.rbs div,                  /* Правая-bottom рамка-уголок */
 /* f_single -  используется, если в файле собраны все элементы - 4-е уголка-рамки + окантовки - это, боковые и нижняя границы,
                                     то есть собраны в одном файле по принципу - звезда
 */
 /* f_divided - используем в случае, если 4-е уголка для рамки-таблицы имеют только закрашенные ободки-края с прозрачным наполнением, то..
                                      верхнюю/боковые и нижнюю границы рамки целесообразно выводить не через файл-графику,
                                      а при помощи следующей конструкции :: border-top/bottom:1px solid ::
 */
/*---- Файл-библиотека с закругленными уголками ----*/
#fs .ths div,
#fs .bhs div {
  position: absolute;
  width: 128px;
  height: 864px;
  background: url("../i/lib/rcorn.png");
}

/*
  .lts div {
  top:0px;
  left:64px;
  margin-top:-30px;
  position:absolute;
  padding-top:0px;
}*/


/* l - left, t - top, b - bottom */
.lts div,
.lbs div { left: -64px; position: relative; } /* Левый верхний/нижний элемент рамки. Смещение относительно правой границы исходного файла влево на n-границ (ширину элемента рамки). Первый справа элемент. */
.rts div,
.rbs div { left:0 }     /* Правый верхний/нижний элемент рамки. */

.s_type-2 .lts div, .s_type-2 .lbs div,
.st4 .lts div, .st4 .lbs div { left: -16px; }

  .s_type-2 { margin-top: -1px; float: left; width: 100% }
  .s_type-3 { float: left; }
  .s_type-1,
  .s_type-2,
  .s_type-3,
  .st4 { overflow: hidden; position: relative }
  .private_info .st4 { float: right; }



/*---- Разделитель объектов в файле закругленных рамок :: Стиль2 с fix-шириной рамки ----*/
.s_type-2#fix {
  float: left;
  width: 102px;        /* Ширина иконки меню в новостной ленте под flash-баннером внизу */
  margin-right: 64px;  /* Отступ от иконки-новости до текста краткого описания новости */
}
.s_type-3#fix {
  float: left;
  width: 400px;        /* Ширина иконки меню в новостной ленте под flash-баннером внизу */
  margin-right: 64px;  /* Отступ от иконки-новости до текста краткого описания новости */
}
 *+html .s_type-2 { padding-bottom: 2px; padding-right: 1px }
/*.b_block-r-panel .s_type-2 { width:100%; float:none }*/

.s_type-2 .lts div,
.s_type-2 .rts div { top: -560px; }
.s_type-2 .lbs div,
.s_type-2 .rbs div { top: -512px; }

.s_type-3 .lts div,
.s_type-3 .rts div { top: -448px; }
.s_type-3 .lbs div,
.s_type-3 .rbs div { top: -256px; }

.st4 .lts div,
.st4 .rts div { top: -624px; }
.st4 .lbs div,
.st4 .rbs div { top: -576px; }



/*---- Разделитель объектов в файле закругленных рамок :: Стиль1 ----*/
  .s_type-1 .lts div,
  .s_type-1 .rts div { top: -192px; }
  .s_type-1 .lbs div,
  .s_type-1 .rbs div { top:0 }

.lbs, .rts, .rbs, .bhs { position: absolute }
.lbs { bottom:0 }

*+html .lbs { left:0 }   /* Решаем проблему прижима рамки-угла к левой границе в IE7 */

.rts { right:0 }
.rbs { bottom:0; right:0 }
.bhs { bottom:0; right: 64px }
#fd .bhs { bottom:0; width: 100%; right:0 }  /* Непонятный Хак образовался */

/* Если есть png-картинка боковых, верхней и нижней прямоугольных рамок объекта, то... */
/*#fs .s_type-1 { background-color:#fafafa }*/
.s_type-1 .rvs,
.s_type-1 .lvs,
.s_type-1 .ths div,
.s_type-1 .bhs div { color: #9fcd80 }  /*... устанавливаем для всех top, right, bottom, left рамок одну цветовую гамму. */

/* Уголки беруться из файла - только окантовка, а пространство между ними - цвет бордюра */
.s_type-2 .rvs,
.s_type-2 .lvs,
.s_type-2 .ths div,
.s_type-2 .bhs div { color: #9fcd80; }  /*... устанавливаем для всех top, right, bottom, left рамок одну цветовую гамму. */

.s_type-3 .rvs,
.s_type-3 .lvs,
.s_type-3 .ths div,
.s_type-3 .bhs div { color: #9fcd80; }  /*... устанавливаем для всех top, right, bottom, left рамок одну цветовую гамму. */

.st4 .rvs,
.st4 .lvs,
.st4 .ths div,
.st4 .bhs div { color: #d5e9bd; }  /*... устанавливаем для всех top, right, bottom, left рамок одну цветовую гамму. */


/*---- Устанавливаем FILL заливку рамок ----*/
.s_type-1#fs #b-padding div.include_msg { padding:2px; background: none;  }            /* Тип рамки - "FILL", поэтому фон цветом FILL-рамки */
.s_type-2#fd #b-padding div.include_msg { margin-bottom:10px /*background: #fff*/ }    /* Тип рамки - "Окантовка", поэтому фон белый */
.s_type-3#fd #b-padding div.include_msg { padding:2px; /*background: #fff*/ }          /* Тип рамки - "Окантовка", поэтому фон белый */
.st4#fd #b-padding div.include_msg {
  padding: 10px 2px 0;
  background: #f3f7ef;
   margin-bottom: 1px;
} /* Тип рамки - "FILL", поэтому фон цветом FILL-рамки */

/*... и [background:url(../i/xx.png)] не ставим, а устанавливаем border-left/right:1px solid #COLOR; */
/*- f_single ----------------------------------------------------------------- :: Begin */
#fd .rvs {  /* right-vertical */
  border-right: 1px solid;
  width: 64px;
  background-repeat: repeat-y;
  right:0;
}
.s_type-2#fd .rvs, .st4#fd .rvs { width: 16px; }
.st4#fd .rvs { background: #f3f7ef; }

#fd .lvs {  /* left-vertical */
  width:64px;
  border-left: 1px solid;
  background-repeat: repeat-y;
  left:0
}
.s_type-2#fd .lvs, .st4#fd .lvs { width: 16px; }
.st4#fd .lvs { background: #f3f7ef; }


#fs.s_type-1 { width:100% }
#fs.s_type-3 { float:left; }

/* Если 1-ый тип уголков вложен во второй в html, то предотвращаем вывод слева вуртикальную полосу */
#fs.s_type-1 .lvs { border-left: 0 solid; }

/*- f_single ------------------------------------------------------------------- :: End */
/* Файл с рамками top и buttom, который идет в комплекте */
#fs .rvs, #fs .lvs {
  background: url("../i/rcorn_gray.png") repeat-y;
  position: absolute;
  left: -64px;
}

#fs.s_type-3 .rvs, #fs.s_type-3 .lvs {
  background: url("../i/rcorn_gray1.png") repeat-y;
  position: absolute;
  left: -64px;
}
#fs .lvs { width: 128px }                   /* left-vertical */
#fs .rvs { width: 64px; margin-left: 100% } /* right-vertical */

/* Старый вариант ----------------------------------	
/*	
#fs .rvs {
  width:8px;
  background:url("../i/newsblock_hr.png") repeat-y 100%;
  right:0
}
#fs .lvs {	
  width:8px;
  background:url("../i/newsblock_hl.png") repeat-y;
  left:0
}
*/	

.lvs, .rvs { position: absolute; top: 64px; bottom: 64px }
.s_type-2 .lvs, .s_type-2 .rvs,
.st4 .lvs, .st4 .rvs { top: 16px; bottom: 16px }
#fs .rvs, #fd .rvs { right:0 }

/*---- Уголки в одном файле + верхняя и нижняя границы border-top/bottom:1px solid отдельно ----*/
/* Используем схему:
  <div class="bhss"></div>
*/	
/* Для однотонной окантовки рамки используем [height:1px;] */
.ths div, .bhs div { height:0; margin-left:64px; margin-right:64px }
.s_type-2 .ths div, .s_type-2 .bhs div,
.st4 .ths div, .st4 .bhs div { margin-left:16px; margin-right:16px }

/* Для случая Tab-menu */
.s_type-2#fd .ths div {
  border-top:0px solid;
  /* background:url(../i/th.png);*/
  margin-top:0;
}
#fd .ths div {
  border-top:1px solid;
  /* background:url(../i/th.png);*/
  margin-top:0;
}
#fd .bhs div {
  border-bottom:1px solid;
  /* background:url(../i/bh.png);*/
  margin-bottom:0;
}

/* Таблица с закругленными краями - End */
/* ---- Уголки + верхняя и нижняя границы в одном файле ----*/
/* Используем схему:
  <div class="bhss"><div class="bhs_img"></div></div>
*/
/* Верхняя фоновая граница рамки-таблицы, которая берется из файла */
.s_type-1#fs .ths div { left:0; top:-64px; }
.s_type-2#fs .ths div { left:0; top:-528px; }
.s_type-3#fs .ths div { left:0; top:-320px; }
/* Нижняя фоновая граница рамки-таблицы, которая берется из файла */
.s_type-1#fs .bhs div { left:0; top:-128px; }
.s_type-2#fs .bhs div { left:0; top:-544px; }
.s_type-3#fs .bhs div { left:0; top:-384px; }

#fs .ths div,
#fs .bhs div {
  position: absolute;
  width: 100%;
}

#fs .ths,
#fs .bhs {
  height: 64px;
  overflow: hidden;
  position: absolute;
  left:0;
}

#fs .ths { right: 64px }
/* Уголки + верхняя и нижняя границы в одном файле ----------------------------------------------------------[ Corners + upper and lower bounds in a single file ]-# End ->>>--> */

/* Если есть png-картинка боковых, верхней и нижней прямоугольных рамок объекта, то [background:url(../i/xx.png)] не ставим, а устанавливаем border-top/bottom:1px solid #COLOR; */
/*
  .s_type-1 .b-title_bg { background-color:fff; }
  .s_type-2 .b-title_bg { background-color:#fff }
*/

/* Пространство между текстом и рамкой */
#b-padding {
  padding: 2px;
  /*margin: 20px 8px 20px;*/
  margin: 0 8px 0;
  line-height: 14px;
  position: relative;
  background: none;
}

#b-padding table { line-height: 17px; }



.s_type-2 #b-padding .include_msg { margin-top: 10px; float:left }
#b-padding .include_msg { margin-top: -30px; float:left }
.private #b-padding .include_msg { margin-top: -15px; float:left }
.private_info #b-padding .include_msg { margin-top: -15px; float:left }
.private_info { float: right; margin-top:-20px; margin-right: 70px; }

.include_msg { margin /*\**/:-2px\9; } /* CSS-хак для браузера Internet Explorer 8 */


#b-padding h1 {
  left: 10px;
  position: absolute;
  padding: 10px 0 0 0;
}

.s_type-1#fs { margin: 15px 0; float:left; }


/*.payments #b-padding { padding-bottom: 0px; }*/
/*.payments .include_msg { margin-bottom: -14px; }*/



.script .s_type-3#fs #b-padding div.include_msg {
  background: none;
  margin: -75px -11px -11px -10px;
  padding: 3px;
}


/* CSS-хак для браузера Internet Explorer 8 */
.script .s_type-3#fs #b-padding div.include_msg { margin-top: /*\**/-12px\9; }

/* Тип рамки - "FILL", поэтому фон цветом FILL-рамки */
.payments .s_type-1#fs #b-padding div.include_msg {
  background: none;
  margin: -50px 0 5px;
  padding: 3px;
}

@media not screen and (1) () { .script .s_type-3#fs #b-padding div.include_msg { margin-top: -10px; padding: 3px; margin-left:-50px; } }
@-moz-document url-prefix() {
  .script .s_type-3#fs #b-padding div.include_msg { margin-top: -75px; margin-left: 0; }
}