/* @todo: After changeset page & snippet page's got the comments adgified, we shall remove this page. */

div#generalComments.activeFrx {
    background-color: #FFFFFF;
    border-bottom-color: #CCCCCC;
    margin: 0;
}

#generalCommentsInner {
    background-color: #FFFFFF;
    overflow-y: hidden;
    overflow-x: auto;
}

.frxouter .generalCommentPathLink {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
}
.frxouter .add-comment {
    margin: 0 0 -9px 8px;
    padding: 2px 20px 0 0;
}


.revision_comments_frxinner {
    background-color: #FFFFFF;
    padding: 1px 6px;
}

.revision-comments .comment-container{
    margin: 0;
}

.addReviewCommentLink {
    font-style: italic;
    padding-left: 5px;
    text-decoration: underline;
}
.addFileCommentLink {
    font-style: italic;
    padding-left: 0;
    text-decoration: underline;
}

.inline-comment-tip {
    background-color: #FFFFFF;
    padding: 4px 10px;
}

.hide-source .inline-comment-tip {
    display: none;
}

.inline-comment-hidden-source-tip {
    display: none;
    background-color: #FFFFFF;
    padding: 4px 10px;
}

.hide-source .inline-comment-hidden-source-tip {
    display: block;
}


/* $$comments */
.fileCommentForm {
    padding: 5px 5px 10px;
    background-color: #FFFFFF;
}

.comment-container {
    margin: 5px 0;
}

.comment-container .comment-container {
    margin: 5px 0 5px 30px;
}

.comment-container.gwt .comment-container.gwt {
    margin: 5px 0 5px 15px;
}

#content-resizable .commentForm.reply {
    margin: 5px 0 5px 15px;
}

.author.gwt {
    margin-bottom: 5px;
}


tr.comment-row td,
.comment-row > div {
    padding: 0 9px;
}

.comment{
    background-color: #FFFFE7;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 5px 10px;
}

.activeFrx .comment{
    border: 1px solid #ECE0B2;
}

#frxs .comment {
    min-width: 425px;
}

.comment.leaveUnread,
.comment.unread {
    border-width: 2px;
    background-color: #FFF2A9;
    padding: 4px 9px;
}
.comment.defect{
    background-color: #FFE7DF;
    border-color: #B96F68;
}
.comment.defect.leaveUnread,
.comment.defect.unread {
    background-color: #FFCCBF;
}
.comment.draft{
    border-color: #AAA;
    background-color: #FAFAFA;
}
.comment.draft .comment-content {
    font-style: italic;
}
.comment.current_comment {
    border-color: #6699CC;
}
.comment .userlogo {
    float: left;
    padding-right: 5px;
}

.comment .userlogo a.user {
    display: block;
    height: 48px;
    margin: 3px 0 0;
    padding: 0;
}
.comment .userlogo a.user span.linkText {
    margin: 0;
    padding: 0;
}
.comment .commentNav {
    width: 48px;
    text-align: center;
    float: left;
}
.comment .userlogo a,
.comment .userlogo a:hover {
    text-decoration: none;
}
.comment .smalluserlogo {
    padding-right: 5px;
    display: none
}
.comment .date {
    float: right;
    color: #999;
    margin-top: 0;
}
img.commentThreadLink {
    cursor: pointer;
}
.hovercommentWrapper img.commentThreadLink, .hovercommentWrapper .replyToComment {
    display: none;
}

.hovercommentWrapper .comment h4 {
    cursor: default !important;
}
.comment-container.comment-collapsed .comment h4 {
    cursor:s-resize;
}
.comment-container .comment h4 {
    cursor:n-resize;
}
.comment h4 {
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

.comment.leaveUnread h4,
.comment.unread h4 {
    font-weight: bold;
}

.comment .reply-count {
    cursor: pointer;
    color: #999999;
    position: absolute;
    right: 25px;
}
.comment a {
    text-decoration: underline;
}
.comment a.disabled {
    color: #BBBBBB;
    cursor: default;
    text-decoration: none;
}
.comment .comment-body {
    overflow: hidden;
    line-height: 1.3;
}
.comment .comment-body .comment-content {
    margin: 10px 0;
    word-wrap: break-word;
}

.comment ul,
.comment li {
    list-style-type: none;
    display: inline;
}

.comment-actions {
    position: relative;
}

.comment .comment-actions-primary li {
    padding-right: 5px;
}

.comment .comment-actions-secondary {
    float: right;
}

/* permalink */
.comment a.comment-permalink,
.frxouter a.frx-permalink {
    background: url(../../images/permalink_light_16.png) no-repeat 0 0 transparent;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    width: 16px;
    margin-left: 8px;
}

.comment a.comment-permalink:hover,
a.frx-permalink:hover {
    background-image: url(../../images/permalink_dark_16.png);
}

.comment a.comment-permalink span,
.frxouter a.frx-permalink span {
    padding-left: 16px;
}

.overview-item a.frx-permalink {
    float: right;
}

.comment-actions a.comment-permalink {
    top: 2px;
}

/* TODO use better images and add to review sprite*/
a.toggleCommentRead {
    text-decoration: none;
}

.comment .leaveUnread {
    text-decoration: underline;
    padding-left: 18px;
    padding-top: 3px;
    background: transparent url(../../../images/select_none.gif) no-repeat left 0;
}

.comment.leaveUnread span.leaveUnread {
    background-image: url(../../../images/select_all.gif) ;
    padding-top: 2px;
}

.commentForm textarea {
    width: 100%;
    display: block;
    padding: 3px;
}

.comment-actions a.commentIssueResolveButton {
    display: none;
}

.comment-actions span.error {
    color: firebrick;
}

/* comment area */
div.replyCommentForm {
    margin: 5px 0 10px 35px;
}

#commentTR .commentForm {
    margin: 6px;
}

.commentForm {
    background-color: #B0CCEA;
    border: 1px solid #B0CCEA;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 16px 8px 8px;
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-right: 22px;
}

.commentForm textarea{
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}

.commentForm fieldset {
    padding-top: 10px;
    font-size: 12px;
}

.commentForm span.decal {
    margin-right: 5px;
}

.commentForm span.decal span {
    background: transparent url(../../images/sprite_stream.png) no-repeat scroll 0 -126px;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.commentForm span.spinner span {
    background: transparent url(../../images/spinner_b0ccea.gif) no-repeat scroll 0 0;
}

.commentForm .defectFlag input {
    margin-left: 0;
}
.commentForm .defectFlag {
    margin-right: 5px;
}


.commentForm button {
    min-width: 100px;
}

.commentForm .autosavemessage {
    position: relative;
    top: 1px;
    padding-left: 4px;
    color: #FFFFFF;
    font-family: monospace;
    font-size: 12px;
}

.comment-body .draftIndicator {
    background-color: #3A3A3A;
    color: #FFFFFF;
    padding: 3px 4px 3px 3px;
}

.comment-body .defectIndicator {
    background-color: #741311;
    color: #FFFFFF;
    padding: 3px 4px 3px 3px;
}


.hide-comments .comment-row .comment-container,
.hide-comments .above-comments .comment-container {
    display: none;
}
.show-above-comments .comment-row .comment-container {
    display: none;
}
.show-inline-comments .above-comments .comment-container {
    display: none;
}

.hide-comments .comment-row .show-comment-container,
.hide-comments .comment-row .show-comment-container .comment-container {
    display: block;
}

/* sidebar comments */
#content-resizable #cscomment-root-pane {
    padding: 24px 0 0;
    position: relative;
}

#cscomment-root-pane .comment a.avatar {
    text-decoration: none;
}

#comment-controls {
    background: #FFFFFF url(../../images/sprite_toolbar.png) repeat scroll 0 -125px;
    border-bottom: 1px solid #CCCCCC;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#comment-controls a,
#comment-controls span {
    display: inline-block;
    height: 24px;
    float: left;
    line-height: 24px;
    padding-left: 6px;
}

#comment-controls span {
    float: right;
    padding-right: 6px;
}

#comment-controls .disabled {
    color: #BBBBBB;
    text-decoration: none;
}

#comment-comments {
    overflow: auto;
    padding: 0 4px;
}

#comment-comments > .comment-list-container {
    padding-bottom: 1px;
}

#content-resizable .comment-list-container {
    min-width: 240px;
}

#content-resizable .comment-list-container .gwt:first-child {
    margin-top: 0;
    padding-top: 5px;
}

/* warning */
#comment-comments .warning {
    color: #999999;
    padding: 6px;
}

/* a sidebar comment */
#content-resizable .userlogo-gwt .gwt-Image {
    height: 24px;
    vertical-align: middle;
    width: 24px;
}

#content-resizable .comment-head .date {
    float: none;
}

/* add a sidebar comment */
#content-resizable .commentForm {
    margin: 6px 0 0;
}

#content-resizable .commentForm button {
    min-width: 60px;
}
/*[{!crucible_comment_prior_to_3_5_css_3ob7425!}]*/