/* Список комментариев */

.comments-list {
    margin: 0;
    padding: 30px 0 0 0;
}
.comments-list h3 {
    margin: 0;
    padding: 30px 0 30px 0;
    font-size: 18px;
}
.comments-list table {
    border-collapse: collapse;
    width: 100%;
}
.comments-list table td {
    padding: 0;
    margin: 0;
    vertical-align: top;
}
.comments-list .info {
    height: 20px;
}
.comments-list .info em {
    font-size: 11px;
    color: #5b5d5c;
    font-style: normal;
}
.comments-list .control {
    width:2px;
}
.comments-list .control .delete {
    text-decoration: none;
    color: #cb0101;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    margin: 6px 0 0 -4px;
}
.comments-list .avatar {
    width: 50px;
}
.comments-list .avatar img {
    width:40px;
    height:40px;
}
.comments-list .comment_left_triangle {
    background-position: 0 14px;
    background-repeat: no-repeat;
    background-image: url(../img/comment_triangle.gif);
    width: 11px;
}
.comments-list .comment_left {
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    width: 2px;
}
.comments-list .comment_left b {
    background-image:url(../img/comment_corners.gif);
    ~background-image:url(../img/comment_corner_lt.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    position: absolute;
    margin: -1px 0 0 -1px;
    width: 2px;
    height: 2px;
    line-height: 2px;
}
.comments-list .comment_left span {
    position: absolute;
    margin: 14px 0 0 -1px;
    width: 1px;
    height: 10px;
    line-height: 10px;
    background-color: #ffffff;
}
.comments-list .comment_left_bottom span {
    background-image:url(../img/comment_corners.gif);
    background-position: 0 -2px;
    ~background-image:url(../img/comment_corner_lb.gif);
    ~background-position: 0 0;
    background-repeat:no-repeat;
    position: absolute;
    margin: -2px 0 0 0;
    width: 2px;
    height: 2px;
    line-height: 2px;
}
.comments-list .content {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.comments-list .content-holder {
    padding: 9px 20px 15px 15px;
    margin: 0;
}
.comments-list .content-holder .img {
    clear: both;
}
.comments-list .content-holder p {
    margin: 0 0 4px 0;
}
.comments-list .comment_right {
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    width:2px;
}
.comments-list .comment_right span {
    background-image:url(../img/comment_corners.gif);
    background-position:-2px 0;
    background-repeat:no-repeat;
    position: absolute;
    margin: -1px 0 0 1px;
    width: 2px;
    height: 2px;
    line-height: 2px;
}
.comments-list .comment_right_bottom span {
    background-image:url(../img/comment_corners.gif);
    background-position:-2px -2px;
    background-repeat:no-repeat;
    position: absolute;
    margin: -2px 0 0 1px;
    width: 2px;
    height: 2px;
    line-height: 2px;
}

.comments-list .spacer {
    height: 27px;
}
@-moz-document url-prefix()
{
    .comments-list .comment_left_bottom span { margin: -2px 0 0 -1px; }
    .comments-list .comment_left span { margin: 15px 0 0 -1px; }
}


.new-comment {
    margin: 0;
    padding: 30px 0 0 0;
}
.new-comment h3 {
    margin: 0;
    padding: 30px 0 12px 0;
    font-size: 18px;
}
.new-comment table {
    border-collapse: collapse;
    width: 100%;
}
.new-comment table td {
    padding: 0;
    margin: 0;
    vertical-align: top;
}

/* Оставить комментарий */

.new-comment .info {
    height: 20px;
}
.new-comment .info em {
    font-size: 11px;
    color: #5b5d5c;
    font-style: normal;
}
.new-comment .avatar {
    width: 50px;
}
.new-comment .avatar img {
    width:40px;
    height:40px;
}
.new-comment .comment_left_triangle {
    background-position: 0 14px;
    background-repeat: no-repeat;
    background-image: url(../img/post_triangle.gif);
    width: 11px;
}
.new-comment .comment_left {
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    width: 2px;
    background-color: #edede5;
}
.new-comment .comment_left b {
    background-image:url(../img/comment_corners.gif);
    ~background-image:url(../img/comment_corner_lt.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    position: absolute;
    margin: -1px 0 0 -1px;
    width: 2px;
    height: 2px;
    line-height: 2px;
}
.new-comment .comment_left span {
    position: absolute;
    margin: 14px 0 0 -1px;
    width: 1px;
    height: 10px;
    line-height: 10px;
    background-color: #edede5;
}
.new-comment .comment_left_bottom span {
    background-image:url(../img/comment_corners.gif);
    background-position: 0 -2px;
    ~background-image:url(../img/comment_corner_lb.gif);
    ~background-position: 0 0;
    background-repeat:no-repeat;
    position: absolute;
    margin: -10px 0 0 0;
    width: 2px;
    height: 2px;
    line-height: 2px;
}
.new-comment .content {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #edede5;
}
.new-comment .content-holder {
    margin: 6px 20px 7px 15px;
    padding: 0;
}
.new-comment textarea {
    width: 100%;
    height: 125px;
}
.new-comment .comment_right {
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    width:2px;
    background-color: #edede5;
}
.new-comment .comment_right span {
    background-image:url(../img/comment_corners.gif);
    background-position:-2px 0;
    background-repeat:no-repeat;
    position: absolute;
    margin: -1px 0 0 1px;
    width: 2px;
    height: 2px;
    line-height: 2px;
}
.new-comment .comment_right_bottom span {
    background-image:url(../img/comment_corners.gif);
    background-position:-2px -2px;
    background-repeat:no-repeat;
    position: absolute;
    margin: -10px 0 0 1px;
    width: 2px;
    height: 2px;
    line-height: 2px;
}

.new-comment .spacer {
    height: 27px;
}
.new-comment .spacer td {
    padding-top: 8px;
}
.new-comment .image {
    font-size: 12px;
    font-weight: normal;
}
@-moz-document url-prefix()
{
    .new-comment .comment_left_bottom span { margin: -10px 0 0 -1px; }
    .new-comment .comment_left span { margin: 15px 0 0 -1px; }
}

