#pq-comments.pq-loading #pq-comment-list {
    background: transparent url("../img/loading.gif") no-repeat center center;
    height: 1.5em;
}
    #pq-comments.pq-loading #pq-comment-list * {
        display: none;
    }

#pq-comments textarea {
    height: 1.7em;
    max-width: 85%;
    padding-left: 5px;
    overflow: hidden;
    width: 85%;
    vertical-align: bottom;
}
#pq-comments .btn {
    margin: 0 0 10px .3em;
}

    #pq-comments .pq-comment {
        font-size: .9em;
        margin-top: 10px;
        overflow: hidden;
        padding: 0 4px 4px 0;
        position: relative;
    }

    #pq-comments .pq-user-icon {
        height: 36px;
        float: left;
        margin: 2px 4px 0 0;
        width: 36px;
    }

    #pq-comments .pq-name, #pq-comments .pq-screen-name {
        margin-right: .5em;
    }

    #pq-comments a.pq-screen_name {
        text-decoration: none;
    }
        #pq-comments a.pq-screen_name:hover {
            text-decoration: underline;
        }

    #pq-comments .pq-moderation {
        display: none;
        position: absolute;
        right: 2px;
        top: 25px;
    }
        #pq-comments.pq-moderate .pq-comment:hover .pq-moderation,
        #pq-comments.pq-moderate .pq-moderation.pq-loading,
        #pq-comments.pq-moderate .pq-moderation.pq-done {
            display: block;
        }

    #pq-comments .pq-moderation * {
        cursor: pointer;
        opacity: .4;
    }
        #pq-comments .pq-moderation *:hover {
            opacity: .8;
        }

        #pq-comments .pq-moderation *:last-child {
            margin-left: 3px;
        }

        #pq-comments .pq-self .pq-moderation-ban {
            display: none;
        }

        #pq-comments .pq-moderation .pq-loading {
            background: url("../img/loading.gif") no-repeat center center;
            cursor: default;
        }

        #pq-comments .pq-moderation .pq-label-success {
            border-radius: 16px;
            cursor: default;
            opacity: 1;
        }

    #pq-comments .pq-comment-text {
        margin: 2px 0 0 40px;
    }
        #pq-comment-list.bigger_user_icons .pq-comment-text {
            margin-left: 68px;
        }
        #pq-comments.pq-moderate .pq-comment-text {
            margin-right: 30px;
        }




#pq-comments form.pq-loading button {
    background: url("../img/loading.gif") no-repeat center center;
    cursor: default;
    overflow: hidden;
    text-indent: -1000px;
    transition: none;
}

#pq-comments .pq-label {
    background-color: #3a87ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin: -5px 0 10px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
    #pq-comments .pq-label-warning {
        background-color: #f89406;
    }
    #pq-comments .pq-label-error {
        background-color: #b94a48;
    }
    #pq-comments .pq-label-success {
        background-color: #468847;
    }


@-moz-document url-prefix() {
    #pq-comments form.pq-loading .btn {
        width: 49px;
    }
}

@media all and (max-device-width: 640px) {
    #pq-comments textarea {
        width: 75%;
    }

    #pq-comments .pq-name, #pq-comments .pq-screen-name {
        font-size: .9em;
    }
    #pq-comments.pq-moderate .pq-moderation {
        display: block;
    }

    #pq-comments .pq-comment-text {
        font-size: .95em;
        margin: 3px 0 0 0;
    }
        #pq-comment-list.bigger_user_icons .pq-comment-text {
            margin-left: 0;
        }
        #pq-comments.pq-moderate .pq-comment-text {
            margin-right: 20px;
        }
}