/* ---> Comments <--- */

#com .editor {
    
}

#com .field {
    width: 100%;
}

#com #controls {
    text-align: center;
    margin: 0.2em 0;
}

#comments .bd .c .s #add-comment {
    text-align: right;
    margin: 0;
    height: 24px;
    display: block;
}

#comments .bd .c .s #add-comment .add-comment
 {
    height: 0px;
    padding-top: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: right;
    background: transparent url(/images/add-comment.gif) no-repeat right 0px;
}

#comments .display-text {
    margin-left: 0.2em;
    overflow: hidden;
}

.user_comment,
.someone_elses_comment {
    margin-top: 0.4em;
    padding: 5px 5px 0 5px;
    border-bottom: dotted black 1px;
}

.comment-left {
    width: 8em;
    border-right: groove black 2px;
    float: left;
}

.comment-controls {
    margin-left: 8.5em;
    margin-bottom: 3px;
    height: 24px;
}

#comments .delete,
#comments .to_quote,
.to_report {
    display: block;
    width: 24px;
    height: 0px;
    padding-top: 24px;
    float: right;
    overflow: hidden;
}

#comments .delete {
    background: transparent url(/images/delete.gif) no-repeat 0px 0px;
}

.to_report {
    background: transparent url(/images/report.gif) no-repeat 0px 0px;
}

#comments .quote {
    margin-left: 0.4em;
    border-left: dashed black 1px;
    padding-left: 0.4em;
}

#comments .to_quote {
    background: transparent url(/images/quote.gif) no-repeat 0px 0px;
}

/* ---> END Comments <--- */