﻿.comments {clear:both; float:left; padding-top:10px; padding-bottom:24px; position:relative;}
.comments form {clear:both; width:440px;}
.commentText { display:block; overflow:auto; width:390px; height:47px; margin-top:4px; margin-bottom:6px;  border:1px solid #efefef; float:left;}
.post_btn {float:right;margin-top:4px;}

/* SHOW/HIDE */

.cr-item-empty {
    display: none;
}

/* yeah */

.comments h3,
.comments h4,
.rate span,
.rate h4,
.crItem .crItemStats h3.totalComments,
.cr-item .cr-item-inner h3.totalComments,
.comments h5 {
    clear:both;
    font-weight:bold;
    font-size: 12px;
    line-height:1.3em;
    margin-top:10px;
    margin-bottom:5px;
    color:#666666;
    text-transform:uppercase;
}

.comments-toggle {
    font: bold 12px "trebuchet ms", corbel, "lucida grande", sans-serif;
    color: #ee2c20;
    padding-right: 12px;
    background: url(i/icons/triangle-toggle.gif) no-repeat right -16px;
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
}

    .comments-toggle.active,
    .comments-toggle:hover {
        background-position: right 3px;
    }

.comments h3, .comments h5.totalComments /* for new markup */{border-bottom:1px solid #efefef;padding:0 16px 8px 16px; margin-bottom:10px;}
.comments h5.totalComments {position:absolute;top:3px;right:0;border:0; font: normal 11px georgia, "times new roman", times, serif; color: #666;} /* for new markup, position to the right */
.comments .publicCommentsBox h4, .comments .publicCommentsBox h5 /* for new markup */ {font:italic 16px Georgia; text-transform:lowercase;}
.comments .entry {background-color:#fff; font:12px Arial; line-height:1.4em; padding:0 16px 8px 16px; margin-bottom:10px; border-bottom:1px solid #efefef;position:relative; z-index:0; width:535px;}
.comments .entry dl {font:normal 11px Georgia; padding:0px; color:#666666;}
.comments .entry dt {font-style:italic; margin-bottom:4px;}
.comments .entry dl dd.dated {padding-top:4px;color:#989898; position:relative; }
.comments .entry dl span.author {}
.comments .entry dl dd div.reviewed { width:100px; position:absolute; right:0 !important; right:10px; top:0;}
.comments .entry dl dd div.reviewed img { display:inline; float:right; }
.comments .entry span.commend { font-size:11px; line-height:2.0em; font-weight:bold; padding-right:15px; background:url(i/commend_bg.gif) top right no-repeat;}
.comments .entry span.commended { font-size:11px; line-height:2.0em; font-weight:bold; padding-right:15px; background:url(i/check_org.gif) top right no-repeat;}
.comments .entry dd.report {float:right; font-size:10px; position:relative;top:-10px;line-height:1.0em;}
.comments .entry span.commend a, .comments .entry span.commended a, .comments .entry span.report a { text-decoration:none;}
.comments .entry.private dl { background-color:#fff; border:2px solid #a1ef7f;  }
.comments .entry.private dt { display:none; }
.comments .entry.private span.commend, .comments .entry.private span.commended, .comments .entry.private span.report, .comments .entry.private dl dd div.reviewed { display:none;}
.comments .entry img {display:none;}
.comments .commentAnchor {clear:both;margin-top:6px;}
.comments .totalComments {text-transform:none;}
.comments .pageButton {padding-left:16px; margin-right:5px; display:inline; }
.comments a.moreLink {padding-left:6px; background:url(i/icons/soc_sepr.gif) left 4px no-repeat;}

.comments .aform {position:absolute; margin-top:-170px;right:26px;background-color:#fff;border:4px solid #f7f7f7;z-index:400;width:160px;padding:12px;}
.comments .aform textarea {border:1px solid #f7f7f7}
.comments .aform .closebtn {font-size:1px; line-height:0.1em; text-indent:-9999px; display:block; width:11px; height:11px; overflow:hidden; position:absolute; right:0; top:0px;  background:url(i/pluck/close_icon.gif) 0 0 no-repeat; }
.comments .aform .row { padding-bottom:10px; width:160px;}
.comments .aform label {color:#666666;}

.rate {
    line-height: 1.6em;
    /*width: 250px;*/
    width: 500px;
    float: left;
    position: relative;
    clear: right;
}

    .rate a {
        background: url(i/pluck/star_empty.gif) no-repeat left top;
        float: left;
        display: block;
        clear: none;
        text-indent: -9999px;
        width: 14px;
        height: 14px;
    }

        .rate a.active,
        .rate a.hover {
            background: url(i/pluck/star_hover.gif) no-repeat left top;
        }

.rate span {
    float: left;
    clear: none;
    display: block;
    color: #ee2c20;
    text-transform: none;
    margin: 0 4px 0 0;
}

.rate h4 {
    float: left;
    display: block;
    clear: none;
    margin: 0;
    text-transform: uppercase;
    overflow: visible;
}

    .rate h4 span {
        float: none;
        clear: none;
        display: inline;
        color: #666666;
        width: auto;
        margin: 1px 0 0 0;
    }

        .rate h4.ratingtxtshort {
            float: left;
            margin-top: 0;
        }

.item-text .cr-item .cr-item-inner h3 {
    font-family: "trebuchet ms", corbel, "lucida grande", sans-serif;
    font-size: 14px;
    color: #666;
}

.rating-comments {
    margin-top: 20px;
}

.cr-item,
.rating-comments {
    clear: both;
    font-family: "trebuchet ms", corbel, "lucida grande", sans-serif;
}

    .cr-item .rating h3,
    .rating h3 {
        display: none;
    }

.cr-item .rating {
    position: relative;
}

.comments .rate, .comments .rate h4, .comments .rate div {display:block;float:none;clear:right;}
.comments .rate div {height:24px;}

.crItem, .crItemNc, .crItemNcr {overflow:hidden;}
.list .crItem .crItemStats h3.totalComments a,
.list .item-text .cr-item h3.totalComments a { font-size:12px; color:#ee2c20;clear:none;}
.comments {width:566px; /* testing */margin-top:20px; border:9px solid #f7f7f7; border-top:11px solid #f7f7f7;border-bottom:11px solid #f7f7f7;padding:3px;}
.comments form {overflow:hidden;}
.commentText { width:357px;}
.publicCommentsBox {padding-left:16px}

.listA .crItem,
.listA .cr-item {margin-top:8px;}
.listA .list .crItem .crItemStats h3,
.listA .crItem .crItemStats .rate,
.listA .list .item-text .cr-item h3,
.listA .item-text .cr-item .rate {padding:0; text-transform:none;margin:0;clear:both}
.listA .crItem .crItemStats .rate h4 span {text-transform:uppercase;}
.listA .crItem .crItemStats h4 {margin:0 0 0 4px;}


.listC .crItem, .listC .cr-item {margin:0 0 30px 0; padding:8px 0 8px 0; /* border-top:1px solid #efefef; border-bottom:1px solid #efefef; */}
.listC .crItem .comments, .listC .cr-item .comments {margin-top:0px;border-top:0px;}
.listC .cr-item-inner .rating-comments {margin-top:0; width:590px}
.listC .cr-item-inner .comments {background-color:#fff}
.listC .crItem .crItemStats, .listC .cr-item .cr-item-inner {background-color:#f7f7f7;position:relative; float:left;}
.listC .crItem .crItemStats h3.totalComments,
.listC .crItem .crItemStats .rate,
.listC .cr-item .cr-item-inner h3.totalComments,
.listC .cr-item .cr-item-inner .rate {font-size:12px; font-weight:normal;color:#ee2c20; float:left; display:block; padding:8px 0 9px 27px; clear:none;text-transform:none;}
.listC .crItem .crItemStats h3.totalComments a:hover,
.listC .cr-item .cr-item-inner h3.totalComments {color:#c20d04;}
.listC .crItem .crItemStats .rate h4 span,
.listC .cr-item .cr-item-inner .rate h4 span {text-transform:uppercase;}
.listC .crItem .crItemStats h4,
.listC .cr-item .cr-item-inner h4 {margin:0 0 0 4px;}

div.regblurb {clear:left; font-size:10px; padding:8px; width:150px; height:auto; background-color:#f0f0f0; position:absolute; z-index:400; margin-top:0 !important; margin-top:-45px;border:1px solid #e2e2e2;}
div.regblurb #regtxt {background-color:#fff; padding:8px;}
div.regblurb a { font-size:11px;font-weight:bold;text-transform:uppercase;}
div.regblurb span { display:block; font-size:12px; font-weight:normal; color:#000;}
div.regblurb .closebtn {font-size:1px; line-height:0.1em; text-indent:-9999px; display:block; width:11px; height:11px; overflow:hidden; position:absolute; right:0; top:0px;  background:url(i/pluck/close_icon.gif) 0 0 no-repeat;}

