/**
 * Comment Balloon
 */
.rawt-comment-balloon:hover .value {
    color: #fff;
}

.rawt-comment-balloon:hover .icon:before {
    color: #6c6a66;
}

.rawt-comment-balloon .value {
    color: #888;
}

/**
 * Latest List
 */
.rawtcomments-latest-list .list-image {
    width: 63px;
}

.rawtcomments-latest-list .list-image .image-preview-trigger > img,
.rawtcomments-latest-list .list-image .entity-color-wrapper {
    padding: 3px;
    background: #fff;
    /*border: 1px solid #ebe7de;
    box-shadow: 0 0 0.3em #ece8df;*/
    border: 1px solid #EAE7E2;
    box-shadow: 0 0 0.4em #e9e6e1;
}

/**
 * Drupal Comments
 */
#comments {
    margin-top: 2em;
}

.comment .submitted .comment-time {
    font-size: 0.8em;
    color: #68696b;
}

.comment .username {
    font-size: 0.9em;
    color: #4e4b37;
}

.comment a.username {
    color: #4e4b37;
    text-decoration: none;
    text-shadow: none;
}

.comment a.username:hover {
    text-decoration:none;
}

.comment .comment-time {
    color: #838375;
    font-size: 0.8em;
}

.comment ul.links li a {
    background: #f7f7ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7ef 0%, #ecebdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7ef), color-stop(100%,#ecebdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7ef 0%,#ecebdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7ef 0%,#ecebdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7ef 0%,#ecebdc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7ef 0%,#ecebdc 100%); /* W3C */
    border: 1px solid #d1d1c6;
    box-shadow: 0 0 2px #ddd;
    -moz-box-shadow: 0 0 2px #ddd;
    -webkit-box-shadow: 0 0 2px #ddd;
    -moz-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.comment ul.links li a:hover {
    background: #f7f7ef;
    text-decoration: none;
}

.comment .comment-text {
    /*background: #f0f0e6;*/
    background: rgb(255,255,255);
    /*border: 1px solid #e3e3d9;*/
    border-radius: 0.3em;
    box-shadow: 0 0 0.4em #F0EDE8;
    border: 1px solid #EAE7E2;
}

.comment .comment-text .rawt-rating-review h4 {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.comment .comment-text .rawt-rating-review h5 {
    color: #999;
    font-size: 0.9em;
    line-height: 1em;
    margin: 0.3em 0 0.6em 0;
}

.comment .comment-text .rawt-rating-review .review-contents {
    margin-bottom: 1em;
}

.comment .comment-text .comment-pointer {
    background: url(images/comment_arrow.png) top left no-repeat;
}

#comments .field-type-image table {
    background: none;
}

#comments .field-type-image table td {
    background: none;
    border: none;
}

#comments .comments-display > h4 {
    /*font-family: 'Myriad Pro Semibold Condensed';*/
    text-align: center;
    /*background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eaeaea;*/
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em !important;
    margin: 1em 0 !important;
    padding: 0.3em !important;
}

#comments .comments-display > h4 .icon:before {
    content: "\f107";
}

.comment .comment-badges .comment-badge-new {
    background: #f77c7c;
    color: #fff;
}

.comment .comment-badges .comment-badge-top-voted {
    background: #faf6b0;
    border: 1px solid #faf35a;
}

.comment .vud-widget-updown {
    width: 2.5em;
}

.comment .vud-widget-updown .updown-score {
    font-weight: normal;
    background: #fafafa;
    border: 1px solid #eee;
    font-size: 0.6em;
    -moz-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.comment .vud-widget-updown .vud-link-up,
.comment .vud-widget-updown .vud-link-down {
    text-decoration: none;
}

.comment .vud-widget-updown .updown-up,
.comment .vud-widget-updown .updown-down {
    background: #fafafa;
    color: #444;
    border: 1px solid #eee;
    font-size: 1em;
    -moz-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.comment .vud-widget-updown .updown-score .updown-current-score {
    font-size: 1.2em;
}

.comment .vud-widget-updown .up-active,
.comment .vud-widget-updown .down-active {
    background: #E3E3D9;
}

.comment .vud-widget-updown .up-inactive:hover,
.comment .vud-widget-updown .down-inactive:hover {
    color: #fff;
    background: #f77c7c !important;
}

.comment .rawt-avatar > .image {
    display: block;
    padding: 0.3em;
    background: #fdfdfc;
    /*border: 1px solid #ddd;
    box-shadow: 0 0 0.3em #ece8df;*/
    border: 1px solid #EAE7E2;
    box-shadow: 0 0 0.4em #e9e6e1;
    border-radius: 0.3em;
}

.comment .rawt-avatar > .image img {
    display: block;
}

.comment form input[type="submit"],
.comment form .form-cancel,
.comment-form input[type="submit"],
.comment-form .form-cancel {
    padding: 0.6em 1em 0.55em;
    font-size: 1rem;
    font-size: 16px;
    line-height: 1.4em;
}
