/* Comment */

.comment-list {
  height: 80px;
  overflow: hidden;
}
.comment {
  position:relative;
  min-height: 70px;
  margin: 5px 5px 0px 5px;
  background: rgba( 255 , 255 , 255 , 0.5 );
  overflow:hidden;
  box-shadow:0px 0px 10px #aaa;  
}
  .comment:last-child { margin-bottom:5px; }
  .comment.flagged { display: none; }
  .comment.clickable { cursor: pointer; }

.comment .ms_userpic {
  width: 50px;
  height: 50px;
  position:absolute;
  top: 10px;
  left: 10px;
  border-radius: 50%;
}
.comment .detail {
  position:absolute;
  top: 5px;
  right: 10px;
  bottom: 0;
  left: 70px;
  font-size: 16px;
}
.comment .commentclub {
  position:absolute;  
  top: 29px;
  left: 70px;
  font-size: 12px;
  font-style: italic;
}
.comment .username {
  position:absolute;
  bottom: 5px;
  left: 70px;
}

.comment.flagged .detail {
  border:2px solid #aaa;
  color:#aaa;
}
.comment .fromnow {
  position:absolute;
  bottom: 5px;
  right:5px;
}
.comment .rating {
  position:absolute;  
  bottom:5px;
  left:5px;
  margin-top:50px;
}
.comment .flag {
  position:absolute;  
  top:5px;
  right:5px;
}

/* View in club */

.clubview .comment .detail, .userview .comment .detail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clubview .comment .flag, .userview .comment .flag { display: none; }

.comment .ms_userpic {
  font-size: 26px;
}

#ms_comments.clubview {
  display: none;
  height: 80px;
  overflow: hidden;
}

#ms_comments.userview {
  display: none;
  height: 80px;
  overflow: hidden;
}

/* In event */

.eventview > .comment > .commentclub { display: none; }

.eventview > .comment .detail {
  margin: 70px 10px 20px 10px;
  font-size: 16px;
}
.eventview > .comment .username {
  position:absolute;
  top: 10px;
  left: 75px;
  font-size: 1.2em;
  font-weight: bold;
}

.eventview > .comment .rating {
  position:absolute;  
  top: 36px;
  left: 70px;
  margin-top: 0px;
}

/* End Comment */