/* ----------------------------------------------------------------------------------------------------------------------------
== J4D
** ---------------------------------------------------------------------------------------------------------------------------- */

#j4d                     {position:relative; z-index:1; overflow:hidden; background:url(../images/gorizBar/j4d-top.png) repeat-x 0 0;}
#j4d:before, #j4d:after  {content:""; position:absolute; z-index:-1; top:39px; right:0; bottom:42px; left:0;
                          background:url(../images/gorizBar/j4d-sides.png) repeat-x 0 0;}
#j4d:after               {top:auto; bottom:10px; height:34px; background:url(../images/gorizBar/j4d-bottom.png) repeat-x 0 0;}


/*  Горизонтальная полоска каких-то сущностей */

.bar_show {
    padding: 5px 15px 0 15px;
}


.bar_show .barTable {
    width: 100%;
}

.bar_show .barTable .barTableTr > td {
    vertical-align: top;
    /* border: 1px solid red; */
}

.bar_show .barTable .barTableTr > td:first-child,
.bar_show .barTable .barTableTr > td:last-child {
    padding: 0;
    width: 25px;
}

.bar_container {
    display: block;
    padding-top: 7px;
    width: 860px;
    overflow: hidden;
	position:relative;
}

.bar_leftControl,
.bar_rightControl{
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -10000px;
  position: relative;
  cursor: pointer;
}

.bar_leftControl {
  display: none;
  background:transparent url(../images/gorizBar/control_left.png) no-repeat 0 0;
}

.bar_rightControl {
  background:transparent url(../images/gorizBar/control_right.png) no-repeat 0 0;
}

.bar_container > div {
    display: block;
    float: left;
    width: 2000px;
}

.bar_container .representThinkNewsHBar,
.bar_container .representLastArtclHBar {
    display: block;
    float: left;
    width: 280px;
    padding: 0 3px 0 3px;
    /* border: 1px solid green; */
}


/* ============================================================= */
/* ================ Презентационные карточки =================== */
/* ============================================================= */

.presentBar,
.presentBar tr,
.presentBar tr td {
    margin: 0;
    padding: 0;
}

/* ------------------------------------------------------------ */
/* ------ Короткие отображения статей в разделах-страницах ---- */
/* ------------------------------------------------------------ */

.representUnitInCanvas {
    width: 100%;
    /*margin: 10px;*/
    margin-bottom: 70px;
}

.representUnitInCanvas .ckeditor {
  margin-top: 30px;
  margin-bottom: 30px;
}

.representUnitInCanvas .presentBar {
    width: 100%;
    padding: 0px;
    margin: 0 0 10px 0;
    background-color: #F5F5F5;
    border-radius: 10px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 15px;
}

.representUserInfo .presentBar {
    background-color: #93C7F2;
}

.representUnitInCanvas .pbtLeft table {
    padding: 7px;
    margin: 0px;
}

.representUnitInCanvas .pbtLeft table .usrAvatar a img {
    overflow: hidden;
    margin-right: 5px;
    border-radius: 23px;
    -moz-border-radius: 19px;
    -khtml-border-radius: 30px;
}

.representUnitInCanvas .presentBottomBar {
    margin-top: 10px;
}

.representUnitInCanvas .presentTd {
    width: 50%;
}

.representUnitInCanvas .pbtRight {
    padding: 5px;
}

.representUnitInCanvas .pbtRight,
.representUnitInCanvas .pbbRight {
    width: 100%;
    padding-right: 10px;
    text-align: right;
}

.representUnitInCanvas .pbtRight table,
.representUnitInCanvas .pbbRight table {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.representUnitInCanvas .pbbLeft .esscsNum,
.representUnitInCanvas .pbbRight .commentsNum {
    margin: 5px;
}

.representUserInfo .pbtLeft h1 {
    margin: 7px;
    font-size: 26px;
}

.EasyPruning {
    width: 100%;
}

.GoldPresentation .leaderImage {
    display: block;
    width: 100%;
    height: 200px;
    /* margin-bottom: 10px; */
}

.GoldPresentation .leaderImage_flaxy img {
    /* margin-bottom: 10px; */
}
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */

a.wrapArtclLink,
a.baseAppendListAction {
    display: block;
    text-align: center;
    text-decoration: none;
    color: grey;
    width: 100%;
    height: 50px;
    padding-top: 25px;
    margin-bottom: 30px;
    border: dashed 1px grey;
}

a.wrapArtclLink {
    height: 30px;
    padding-top: 10px;
    margin-top: 30px;
}

a.wrapArtclLink:hover,
a.baseAppendListAction:hover {
    color: blue;
    border: dashed 1px blue;
}

/* ------------------------------------------------------------ */
/* ------ Тень статьи (появляется на полях, как --------------- */
/* ------ оповещение о появлении новой статьи) ---------------- */
/* ------------------------------------------------------------ */

.representShadow {
    width: 200px;
    display: block;
    position: relative;
    padding-bottom: 10px;
    text-align: left;
	background: #fcfcfc;
	border: 2px outset red;
    z-index: 9999;
}

.representShadow .esscShadowNeon {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: red;
    text-decoration: underline;
}

.representShadow .CardPicture .leaderImage {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
}

.representShadow .ckeditor {
    margin: 5px;
}

.representShadow table {
    padding: 0px;
    margin: 0px;
    margin-left: 3px;
}

.representShadow table .usrAvatar a {
    display: block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    margin: 2px;
    border-radius: 12px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 15px;
}

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

/* Обертка для редактора. Совпадает с шириной .contPanel - непосредственной панели
   расположения текста (определена в /css/default.css) */

.ckeditor_wrap {
	max-width: 640px;
}

.flexyImg-Content {
	max-width: 700px;
}

/* ------------------------------------------------------------ */
/* --------- Горизонтальная полоска последних статей ---------- */
/* ------------------------------------------------------------ */

.representLastArtclHBar .presentBar {
    width: 95%;
    padding: 0px;
    border: 2px outset #C1E7E6;
    background-color: #C1E7E6;
    border-radius: 20px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 30px;
}

.representLastArtclHBar .presentTopBar {
    margin-bottom: 7px;
}

.representLastArtclHBar .presentBottomBar {
    padding-top: 3px;
    margin-top: 10px;
    background-color: #F5F5F5;
    border-color: #FFFFFF;
}

.representLastArtclHBar .presentBottomBar .pbbLeft,
.representLastArtclHBar .presentBottomBar .pbbRight {
	opacity: .6;    
}


.representLastArtclHBar .pbtLeft table {
    padding: 0px;
    margin: 0px;
    margin-left: 3px;
}

.representLastArtclHBar .pbtLeft table .usrAvatar a img {
    overflow: hidden;
    margin: 7px 2px 2px 2px;
    border-radius: 12px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 15px;
}

.representLastArtclHBar .presentTd {
    width: 50%;
    font-size: 0.9em;
}

.representLastArtclHBar .pbtLeft {
    width: 70%;
}

.representLastArtclHBar .pbbLeft {
    width: 70%;
}

.representLastArtclHBar .pbtRight table,
.representLastArtclHBar .pbbRight table {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.representLastArtclHBar .pbbRight table td:last-child {
    width:15px;
}

.representLastArtclHBar .pbbRight table td {
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.representLastArtclHBar .pbtRight,
.representLastArtclHBar .pbbRight {
    width: 100%;
    padding-right: 10px;
    text-align: right;
}

.representLastArtclHBar .pbtRight .wardRating img {
    width: 35px;
}

.representLastArtclHBar .pbbRight .commentsIco {
    display: block;
    margin: 0;
    padding: 0;
    width: 15px;
    height: 13px;
    background: url('/plugins/ckeditor/ui-common/img/comment-ico.png') center no-repeat;
    background-size: 15px 13px;
}

.representLastArtclHBar .pbbRight .commentsNum {
    margin-right: 5px;
}

.representLastArtclHBar .pbbLeft .artclDate {
    margin-left: 7px;
}

/* ------------------------------------------------------------ */
/* --------- Правое меню с агрегатными выборками статей ------- */
/* ------------------------------------------------------------ */

#right .representLastArtclHBar {
    margin-bottom: 20px;
}

#right .rightMenuMakeweight {
    margin-bottom: 30px;
}

#right .rightMenuMakeweight .rightMenuMakeweightTitle {
    margin-bottom: 10px;
}

#right .rmmw_comments .pbbRight {
	opacity: 1;
}

#right .rmmw_comments .pbbRight .commentsNum {
    color: red;
}

/* ============================================================= */
/* ======== Презентационные карточки (продолжение) ============= */
/* ============================================================= */

.contentsCaravan .GoldPresentation .ckeditor {
    margin-top: 20px;
}

.contentsCaravan .CardPicture .ckeditor,
.representShadow .ckeditor {
    margin-top: 10px;
}

.RibbonLightning .bookvitca,
.representShadow .ckeditor .bookvitca {
    padding: 0;
    margin: 0;
    float: left;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 10px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 15px;
}

.RibbonLightning h4,
.contentsCaravan .RibbonLightning h4,
.contentsCaravan .CardPicture .ckeditor h4,
.representShadow .ckeditor h4 {
    padding: 0px;
    margin: 0 0 5px 0;
    font-size: 15px;
}

.RibbonLightning h4 a,
.contentsCaravan .RibbonLightning h4 a,
.contentsCaravan .CardPicture .ckeditor h4 a,
.representShadow .ckeditor h4 a {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

.RibbonLightning h4 a:hover,
.contentsCaravan .RibbonLightning h4 a:hover,
.contentsCaravan .CardPicture .ckeditor h4 a:hover,
.representShadow .ckeditor h4 a:hover {
    color: blue;
}

.RibbonLightning p,
.contentsCaravan .RibbonLightning p,
.contentsCaravan .CardPicture .ckeditor p,
.representShadow .ckeditor p {
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
	line-height: 1.4;
    font-size: 12px;
}

/* ============================================================= */
/* ============================================================= */
/* ============================================================= */