/* Comments
   ========================================================================== */

#comments-head .comments-list
{
  border: dashed 1px silver;
}


.comments {
  margin-bottom: 1em;
  border-radius: 0.3571429em;
  padding: 1em 1em 1px;
  background: #f7f7f7;
  word-wrap: break-word;
}

.comments h4 .is-author {
  font-weight: normal;
}

.comments h4 .comment-anchor {
  float: right;
  font-weight: normal;
 }

/**
 * Additional styling for article author's comments.
 */
.comments-author {
  background: #efefef;
}

/**
 * Styling for user comments preview.
 */
#cpreview {
  margin-bottom: 2px;
  border-radius: 0.3571429em;
  padding: 1em;
  background: #fff3d6;
}

/**
 * Highlight background colour for comment errors.
 */
.comments_error {
  background: #fff4f4 !important;
}

/**
 * Highlight text colour for comment errors.
 */
.error_message li {
  color: #c00;
}

/**
 * Styling for 'required' indicators.
 */
.required {
  color: #c00;
  cursor: help;
}

/**
 * Make sure disabled elements really are disabled and styled appropriately.
 *
 * 1. Override default iOS opacity setting.
 * 2. Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
span.disabled {
  /* 1 */
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  border: solid 1px #d2d2d2 !important;
  text-shadow: none !important;
  color: #888888 !important;
  background: #eee !important;
  top: 0 !important;
  /* 2 */
  cursor: default !important;
}