﻿.commenting-wrap ul,
.commenting-wrap ol {
    list-style: none;
    margin: 0;
    font-family: farayekan, Tahoma;
}

    .commenting-wrap ul > li {
        width: 98%;
        margin: auto;
        position: relative;
        border-bottom: 1px dashed #c0c0c0;
        padding: 10px 16px;
    }

        .commenting-wrap ul > li > p {
            margin: 10px 0;
        }

        .commenting-wrap ul > li .vote-cating-wrap {
            background-color: #fdfdfd;
            left: 8px;
            padding: 4px;
            position: absolute;
        }

            .commenting-wrap ul > li .vote-cating-wrap > i {
                cursor: pointer;
                margin: 0 1px;
            }

                .commenting-wrap ul > li .vote-cating-wrap > i:last-of-type {
                    margin-right: 10px;
                }

        .commenting-wrap ul > li .textarea-wrap {
            display: none;
        }

            .commenting-wrap ul > li .textarea-wrap.active {
                display: block;
            }

        .commenting-wrap ul > li .fsh-fieldset {
            margin: 10px 0;
        }

            .commenting-wrap ul > li .fsh-fieldset > legend {
                font: 14px/20px farayekan;
                color: #777;
            }

        .commenting-wrap ul > li ol {
            display: inline;
        }

            .commenting-wrap ul > li ol > li {
                display: inline-block;
            }

.commenting-wrap textarea {
    margin: 10px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 6px;
}

.commenting-wrap .comment-error-msg {
    font: 14px/20px farayekan, tahoma;
    text-align: center;
    margin-top: 10px;
}

.commenting-wrap .captcha-wrap {
    display: inline-block;
}

    .commenting-wrap .captcha-wrap > i {
        cursor: pointer;
        font-size: 20px;
        position: relative;
        top: 8px;
    }

        .commenting-wrap .captcha-wrap > i:hover {
            color: #777;
        }

    .commenting-wrap .captcha-wrap input {
        width: 60px;
        padding: 6px;
        position: relative;
        top: 2px;
    }

.commenting-wrap .fsh-preloading {
    bottom: -10px;
    right: 0;
}

.answers ul {
    margin-right: 26px;
}

    .answers ul li {
        border: 0 none;
        background-color: #f7f7f7;
        margin: 6px 0;
    }

.commenting-wrap p {
    line-height: 24px;
}

.btn-send-comment {
    position: relative;
    top: 3px;
}
