div.commentPanel {
  margin: 0 0 10px 0;
  overflow: hidden;
}

ul.commentList {
  margin: 5px 0;
}

div.postControls {
  margin: 5px 0 20px 0;
}

div.postControls span.commentFeedback {
  float: right;
}

div.userComment {
  height: 110px;
}

div.commentAuthor {
  display: block;
  float: left;
  position: relative;
  width: 80px;
}

div.commentBox {
  display: block;
  float: left;
  position: relative;
}

div.commentBox div.commentText {
  background: #FFFFFF url("/images/bg_comments_p.gif") no-repeat scroll 0 bottom;
  border-left: 1px solid #4AB2D5;
  border-right: 1px solid #4AB2D5;
  border-top: 1px solid #4AB2D5;
  display: block;
  float: left;
  height: 77px;
  margin: 0 0 0 5px;
  overflow: auto;
  padding: 0 5px;
  position: relative;
  width: 100%;
}

div.commentBox div.commentText p {
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  margin: 0 0 5px 0;
}

div.commentBox div.commentControls {
  background: #D2ECF4 url("/images/icons/comment_arrow.gif") no-repeat scroll 10px 0;
  clear: left;
  display: block;
  float: left;
  height: 22px;
  margin: 0 0 0 5px;
  width: 100%;
  z-index: 10;
}

div.commentBox span.commentActions {
  float: right;
  margin: 1px 0 0 0;
}

div.commentBox span.commentDetail {
  float: left;
  line-height: 20px;
  text-indent: 35px;
}

/*** Form Components ***/
textarea.commentInput {
  width: 100%;
}

/*** Button Styles ***/
a {
  outline: none;
}

a.button {
  cursor: pointer;
  display: inline-block !important;
  float: left;
  margin-left: 5px;
  position: relative;
  text-indent: -9999px;
}

a.button:hover {
  background-position: 0 -20px !important;
}

a.postComment.button {
  background: transparent url("/images/buttons/post_comment.png") no-repeat scroll 0 0;
  height: 20px;
  width: 100px;
}

a.removePost.button {
  background: transparent url("/images/buttons/remove_post.png") no-repeat scroll 0 0;
  height: 20px;
  width: 100px;
}