.comments{
  margin: 10px 0;
  padding: 6px 0 0 0;
}

.comments .add-comment{
  background: url(images/icons/comment-add.gif) 5px 5px no-repeat;
  padding: 5px 0 0 0;
  padding-left: 26px;
  font-weight: bold;
}

.comments .add-comment-footer{
  margin-top: 5px;
  margin-bottom: 0;
}

.comments a.action-comment{
  color: #4bae01;
}

/* Comments Form */

.comments .xcomment-form form fieldset{
  background: none;
  padding: 0;
  margin: 0 0 5px 0;
}

.comments .xcomment-form form fieldset legend{
  padding: 0;
  font-size: 11px;
  font-variant: normal;
}

.tr-main-topic .xcomment-form #comment-form,
.comments .xcomment-form #comment-form,
.comments .xcomment-form #comment-anonymous-comment-form{
  width: auto;
  margin: 0 0 15px 0;
  position: relative;
}

.xforum .comments .xcomment-form #comment-form{
  margin-bottom: 0;
}

.comments .xcomment-form #comment-anonymous-comment-form .xcomments-form-fields{
  display: none;
}

.xcomment-form .ctools-ajaxing #edit-comment{
  background-image: url(images/loader.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.xcomment-form .ctools-ajaxing .xcomments-form-fields, 
.xcomment-form .ctools-ajaxing .form-submit-wrapper{
  opacity: 0.4;
}

.xcomment-form #comment-form .loading{
  background: url(images/loader.gif) 50% 50% no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.tr-main-topic .xcomment-form form .comment-options-fields,
.comments .xcomment-form form .comment-options-fields{
  float: left;
}

.comments .comment-list-loading{
  background: url(images/loader.gif) 50% 50% no-repeat;
  width: 100%;
  height: 50px;
}

.comments .xcomment-form #comment-anonymous-comment-form .form-item,
.comments .xcomment-form #comment-form .form-item{
  margin-bottom: 5px;
}

/* = Captcha */

.comments .xcomment-form #comment-form .captcha{
  width: auto;
  height: auto;
  overflow: hidden;
  zoom: 1;
}

.comments .xcomment-form #comment-form .captcha img{
  display: block;
  padding: 0;
  margin: 0 10px 5px 0;
  float: left;
  border: #989797 solid 1px;
}

.comments .xcomment-form #comment-form .captcha .form-item{
  width: auto;
  padding: 0;
  margin: 0 0 5px 0;
  clear: none;
  float: left;
}

.comments .xcomment-form #comment-form .captcha .form-item input{
  margin: 3px 0;
  height: 28px;
  font-weight: bold;
  font-size: 15px;
}

.comments .comment-item .xcomment-form #comment-form{
  margin: 0;
}

.comments .xcomment-form #comment-form .form-text{
  background-color: #f7fce9;
  border: #ddeabb solid 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 60%;
  padding-left: 5px;
  text-shadow: 0 1px #fff;
  color: #6f6b6b;
}

.comments .xcomment-form #comment-form .form-text-active{
  background-color: #fff;
}

.comments .xcomment-form #comment-form textarea{
  resize: vertical;
}

.comments .xcomment-form #comment-form .form-submit-wrapper{
  z-index: 99999999;
  position: relative;
  margin-top: 3px;
}

#edit-comment-wrapper{
  margin-bottom: 0;
}

/* = Pager */

.comments .counter .item-list .pager{
  padding: 0;
}

/* |= Comment Item */

.comments .comment-list .indented .comments-list-link-more{
  background: #eaeff3;
  border: #e1e7ec solid 1px;
  display: block;
  padding: 10px;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 1px;
}

.comments .comment-list .indented .comments-list-link-more:hover{
  text-decoration: none;
}

.comments .comment-list .indented .comments-list-link-more:hover span{
  border-bottom: dotted 1px;
}

.comments .comment-list .indented{
  margin-left: 30px;
  margin-bottom: 15px;
}

.comments .comment-list .comment-item{
  border-bottom: #c3cad0 solid 1px;
  width: auto;
  min-height: 109px;
  height: auto;
  padding: 10px 0 10px 92px;
  position: relative;
}

.comments .comment-list .comment-item .scroll-view{
  background: transparent;
  padding: 0;
  margin: 0;
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  top: -100px;
  right: -5px;
}

#cboxContent .comments .comment-list .comment-item .scroll-view{
  display: none;
}

.comments .comment-list .comment-item-new-animation{
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.comments .comment-list .comment-item-new{
  background-color: #fefae4;
}

.comments .comment-list .comment-item-deleted,
.comments .comment-list .indented-deleted .comment-item{
  background-color: #fee9e4;
}

.comments .comment-list .comment-item-first{
  border-top: #c3cad0 solid 1px;
}

.comments .comment-list .comment-item .comment-link-parent{
  background: url(images/arrow-comment.gif) 0px 0px no-repeat;
  display: inline-block;
  padding: 0;
  margin: 0 3px 0 0;
  overflow: hidden;
  text-indent: -1000em;
  width: 8px;
  height: 8px;
  opacity: 0.3;
}

.comments .comment-list .comment-item .comment-link-parent:hover{
  opacity: 1;
}

.comments .comment-list .comment-item .userimage{
  width: 82px;
  height: 109px;
  position: absolute;
  top: 10px;
  left: 0px;
  display: block;
}

span.user-jslink a.user-link, 
.comment-item a.action{
  text-decoration: none;
  border-bottom: 1px dotted;
}

/* Нужно для BB-кода [nick]username[/nick]*/
.comments .comment-list .comment-item p span.username{
  width: auto;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  display: block;
}

.comments .comment-list .comment-item .username .user-status{
  display: block;
  width: 27px;
  height: 16px;
  padding: 0;
  position: absolute;
  right: -7px;
  top: -4px;
  z-index: 999999;
}

.comments .comment-list .comment-item .title{
  position: relative;
  line-height: 12px;
}

.comments .comment-list .comment-item .title span.username{
  display: inline;
  position: static;
}

/* |== Comment Vote Up Down */

.comments .comment-list .comment-item .title .comment-switch-rating{
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  /*  width: 1px;*/
  width: auto;  /* иначе баг в chrome*/
}

.comments .comment-list .comment-item .title .comment-switch-rating tbody,
.comments .comment-list .comment-item .title .comment-switch-rating tbody tr,
.comments .comment-list .comment-item .title .comment-switch-rating tbody tr td{
  border: 0;
  padding: 0;
  margin: 0;
  color: #848484;
}

.comments .comment-list .comment-item .title .comment-switch-rating a.vote-up,
.comments .comment-list .comment-item .title .comment-switch-rating a.vote-down{
  visibility: hidden;
}

.comments .comment-list .comment-item .title .comment-switch-rating .vote-up,
.comments .comment-list .comment-item .title .comment-switch-rating .vote-down{
  background: url(images/icons/vote-up.gif) left top no-repeat;
  width: 8px;
  height: 14px;
  display: block;
  margin: 0 3px 0 0;
}

.comments .comment-list .comment-item .title .comment-switch-rating .vote-down{
  background: url(images/icons/vote-down.gif) left top no-repeat;
  margin: 0 0 0 3px;
}

.comments .comment-list .comment-item .title .comment-switch-rating .vote-up-inact,
.comments .comment-list .comment-item .title .comment-switch-rating .vote-down-inact{
  background-position: 0px -28px;
  cursor: hand;
  cursor: pointer;
}

.comments .comment-list .comment-item .title .comment-switch-rating .vote-up-act,
.comments .comment-list .comment-item .title .comment-switch-rating .vote-down-act{
  background-position: 0px -14px;
  cursor: default;
}

.comments .comment-list .comment-item .title .comment-switch-rating .positive{
  color: #f67105;
}

.comments .comment-list .comment-item .title .comment-switch-rating .negative{
  color: #079edc;
}

.comments .comment-list .comment-item .title span{
  font-size: 11px;
  color: #848484;
}

#pp_full_res .pp_inline .comments .comment-list .comment-item p,
.comments .comment-list .comment-item p{
  padding: 0;
  margin: 10px 0 20px 0;
}

#pp_full_res .pp_inline .comments .comment-list .comment-item .comment-content,
.comments .comment-list .comment-item .comment-content{
  transition: all 0.4s ease-out 0s;
}

#pp_full_res .pp_inline .comments .comment-list .comment-item .comment-content .comment-hide-alert,
.comments .comment-list .comment-item .comment-content .comment-hide-alert{
  font-style: italic;
  padding: 0;
  margin: 10px 0 20px 0;
}

#pp_full_res .pp_inline .comments .comment-list .comment-xvoting--1 .comment-content,
.comments .comment-list .comment-xvoting--1 .comment-content{
  opacity: 0.8;
}

#pp_full_res .pp_inline .comments .comment-list .comment-xvoting--2 .comment-content,
.comments .comment-list .comment-xvoting--2 .comment-content{
  opacity: 0.6;
}

#pp_full_res .pp_inline .comments .comment-list .comment-xvoting--3 .comment-content,
.comments .comment-list .comment-xvoting--3 .comment-content{
  opacity: 0.4;
}

#pp_full_res .pp_inline .comments .comment-list .comment-xvoting--4 .comment-content,
.comments .comment-list .comment-xvoting--4 .comment-content{
  opacity: 0.2;
}

#pp_full_res .pp_inline .comments .comment-list .comment-xvoting--5 .comment-content,
.comments .comment-list .comment-xvoting--5 .comment-content{
  opacity: 0.1;
}

#pp_full_res .pp_inline .comments .comment-list .comment-item-hover .comment-content,
.comments .comment-list .comment-item-hover .comment-content{
  opacity: 1;
}

#pp_full_res .pp_inline .comments .comment-list .comment-item p{
  line-height: 20px;
}

.comments .comment-list .comment-item .actions, .action-msg .actions{
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 0px;
  font-size: 11px;
  color: #848484;
  text-align: right;
}

.comments .comment-list .comment-empty{
  padding: 0;
}

span.off {
  font-size: 10px;
  color: #999;
}

/* XCOMMENTS MOBILE CONTENT */

span.comment-mobile-img, 
span.comment-mobile-video{
  font-weight: bold;
  display: block;
  margin: 10px 0;
  cursor: pointer;
  height: 59px; 
  width: 141px;
  overflow: hidden;
  text-indent: -1000em;
}

span.comment-mobile-img{
  background: url(images/touch-image.png) left top no-repeat;
}

span.comment-mobile-video{
  background: url(images/touch-video.png) left top no-repeat;
  width: 144px;
}