div.comment {
  clear: left;
  padding: 10px 0;
  /* margin: 10px 0; */
}

div.commentSidebar {
  float: left;
  width: 55px;
}

div.commentAuthorPicture {
  text-align: center;
}

div.commentAuthorPicture img {
  /* border: 2px solid #afccce; */
  border: 2px solid #52a3e0;
}

div.commentRate div.currentRating {
  margin: 5px 0;
  font-size: 12px;
  color: #ff2774;
  text-align: center;
  text-decoration: underline;
}

div.banned div.commentRate div.currentRating {
  /* color: #83acaf; old color */
  color: #6b2e44;
}

div.commentContent {
  margin-left: 60px;
  width: 533px;
}

div.commentInfo {
  padding: 10px 20px 0 45px;
  font-size: 11px;
  font-weight: bolder;
  /*   color: #8cbfc2; */
  color:#52a3e0;
}

div.commentInfo a {
  color: #8cbfc2;
}

div.commentInfo a:hover {
  color: white;
  background: #8cbfc2;
}

div.banned div.commentInfo {
  color: #c2c2c2;
}

div.banned div.commentInfo a.commentAuthorAccountLink {
 color: #c2c2c2;
}

div.banned div.commentInfo a.commentAuthorAccountLink:hover {
  color: white;
  background: #c2c2c2;
}

div.commentInfo a.commentAuthorAccountLink {
  color:#52a3e0;
}

div.commentInfo a.commentAuthorAccountLink:hover {
  color:#fff;
  background:#52a3e0;
}

div.commentDetails {
  padding: 0 20px 0 45px;
}

div.commentBody {
  font-size: 13px;
  color: #526063;
}

div.commentOptions {
  margin-top: 15px;
  font-size: 11px;
  color: #8cbfc2;
}

div.commentOptions a {
  margin: 0 3px;
  color: #8cbfc2;
}

div.commentOptions a:hover {
  color: white;
  background: #8cbfc2;
}

/** Rate **/

div.commentRate div.rateComment {
  margin: 0 auto;
  position: relative;
  display: block;
  width: 50px;
  height: 15px;
  background: url('../../images/layout/rate-or.gif') no-repeat center center;
}

div.commentRate div.rateComment a {
  position: absolute;
  display: block;
  height: 15px;
  width: 14px;
}

div.commentRate div.rateComment a span {
  display: none;
}

div.commentRate div.rateComment a.thumbUp {
  left: 0;
  background: url('../../images/layout/thumb-up.gif') no-repeat;
}

div.commentRate div.rateComment a.thumbDown {
  top: 0;
  right: 0;
  background: url('../../images/layout/thumb-down.gif') no-repeat;
}

/** Box **/

div.commentBoxTop {
  height: 34px;
  overflow: hidden;
  background: url('../../images/layout/other-comment-top.gif') no-repeat;
}

div.commentBoxContent {
  background: url('../../images/layout/other-comment-content.gif') repeat-y;
}

div.commentBoxBottom {
  height: 9px;
  overflow: hidden;
  background: url('../../images/layout/other-comment-bottom.gif') no-repeat;
}

/** Mine **/

div.mine div.commentBoxTop {
  background: url('../../images/layout/my-comment-top.gif') no-repeat;
}

div.mine div.commentBoxContent {
  background: url('../../images/layout/my-comment-content.gif') repeat-y;
}

div.mine div.commentBoxBottom {
  background: url('../../images/layout/my-comment-bottom.gif') no-repeat;
}

/** Friends **/

div.friend div.commentBoxTop {
  background: url('../../images/layout/friends-comment-top.gif') no-repeat;
}

div.friend div.commentBoxContent {
  background: url('../../images/layout/friends-comment-content.gif') repeat-y;
}

div.friend div.commentBoxBottom {
  background: url('../../images/layout/friends-comment-bottom.gif') no-repeat;
}

/** Banned **/

div.banned div.commentBoxTop {
  background: url('../../images/layout/banned-comment-top.gif') no-repeat;
}

div.banned div.commentBoxContent {
  background: url('../../images/layout/banned-comment-content.gif') repeat-y;
}

div.banned div.commentBoxBottom {
  background: url('../../images/layout/banned-comment-bottom.gif') no-repeat;
}

/** Quoted **/

div.quotedComment {
  border: 1px solid #e3edef;
  padding: 10px;
  background: #fff;
  font-style: italic;
  font-size: 12px;
}

div.quotedCommentAuthor {
  float: left;
}

div.quotedCommentAuthor img {
  /* border: 2px solid #afccce; */
  border: 2px solid #52a3e0;
}

div.quotedcommentContent {
  margin-left: 50px;
}

div.quotedCommentPostedBy {
  font-weight: bolder;
  color: #a9cfd1;
}

div.quotedCommentPostedBy a {
  color: #a9cfd1;
}

div.quotedCommentPostedBy a:hover {
  background: #a9cfd1;
  color: white;
}

/* remove_comment */
.removeComment 	 	   { padding:4px 10px 10px 4px; margin-right:-1px; background-color:transparent; float:right; font-size:11px;}
.removeComment.My 	   { overflow: hidden; background: url('../../images/layout/my-comment-top.gif') top right no-repeat; }
.removeComment.Others  { overflow: hidden; background: url('../../images/layout/other-comment-top.gif') top right no-repeat; }
.removeComment a 	   { color:green; }
.removeComment a:hover { color:#fff; }