.component.commentList{margin:0;padding:0;background:none}.component.commentList .componentTitle{padding-right:0}.component.commentList .commentSortOrder{color:#313234;float:right;font-size:90%}.component.commentList .comments{width:100%}#addNewComment textarea{margin-bottom:10px;height:4em;width:100%;box-sizing:border-box}.component.comment{border-top:1px solid #aaa;border-radius:0;margin:0}.component.comment .commentContent{padding:6px 0 12px}.component.comment .commentUser{font-weight:700}.component.comment .commentDate{margin-left:4px;color:#aaa}.component.comment .commentText{margin:8px 0;word-wrap:break-word}.component.comment .commentVoteControls{float:right;color:#aaa}.component.comment .commentVoteControls .upVotes{float:left;margin-right:12px}.component.comment .commentVoteControls .downVotes{float:right}.component.comment .commentVoteControls .downVoteLink,.component.comment .commentVoteControls .upVoteLink{float:left;width:20px;height:20px;cursor:pointer}.component.comment .commentVoteControls.upVoted .upVoteLink{color:green}.component.comment .commentVoteControls.downVoted .downVoteLink{color:red}.component.comment .commentVoteControls .downVoteLink:before,.component.comment .commentVoteControls .upVoteLink:before{font-size:20px}body.Icons_FontAwesome .component.comment .commentVoteControls .upVoteLink:before{content:"\f087";font-family:FontAwesome,sans-serif}body.Icons_Material .component.comment .commentVoteControls .upVoteLink:before{content:"\e8dc";font-family:Material Icons,sans-serif}body.Icons_FontAwesome .component.comment .commentVoteControls .downVoteLink:before{content:"\f088";font-family:FontAwesome,sans-serif}body.Icons_Material .component.comment .commentVoteControls .downVoteLink:before{content:"\e8db";font-family:Material Icons,sans-serif}.component.comment .commentVoteControls .vote{float:right;margin-left:4px;margin-top:4px;font-size:90%}.component.commentList.recommend .component.comment .commentVoteControls{float:right;color:#aaa}.component.commentList.recommend .component.comment .commentVoteControls .upVotes{float:left;margin-right:12px}.component.commentList.recommend .component.comment .commentVoteControls .downVotes{display:none}.component.commentList.recommend .component.comment .commentVoteControls .upVoteLink{float:left;display:inherit;width:20px;height:20px;cursor:pointer}.component.commentList.recommend .component.comment .commentVoteControls.upVoted .upVoteLink{color:green}.component.commentList.recommend .component.comment .commentVoteControls .upVoteLink:before{font-size:20px}body.Icons_FontAwesome .component.commentList.recommend .component.comment .commentVoteControls .upVoteLink:before{content:"\f062";font-family:FontAwesome,sans-serif}body.Icons_Material .component.commentList.recommend .component.comment .commentVoteControls .upVoteLink:before{content:"\e5d8";font-family:Material Icons,sans-serif}.component.comment .commentFlag{float:right;display:inherit;width:20px;height:20px;cursor:pointer;color:#aaa;position:relative;top:-4px}.component.comment .commentFlagged{color:red}body.Icons_FontAwesome .component.comment .commentFlag:before{font-family:FontAwesome,sans-serif;content:"\f024";font-size:16px}body.Icons_Material .component.comment .commentFlag:before{font-family:Material Icons,sans-serif;content:"\e153";font-size:20px}.commentReplyText{width:30em;height:4em}.component.comment .commentReply{float:left}.component.comment .commentReplies{margin-left:24px}.component.comment.reqModeration .commentText:after{content:"This comment is awaiting moderation";color:#bdbdbd;padding:10px}.component.comment .commentModerate:after{float:left;content:"Moderation required";color:#a80000}.component.comment .moderationOk:after{float:left;padding-left:10px;cursor:pointer;content:"OK"}.component.comment .moderationDel:after{float:left;padding-left:10px;cursor:pointer;content:"Remove"}.component.comment .commentReporters{float:left;padding-top:20px}.component.comment .commentReporters:before{content:"Reported By :"}