.cr-item,
.cr-item * {
    *zoom: 1; /* hasLayout is necessary now that we are moving pluck on and off the page based on slide and intro content */
}

.listC .cr-item { /* needs special help */
    _width: 620px; /* TODO: adjust this width when browser testing - this is just a guess */
}

.cr-nocomments .comments,
.cr-noratings .rating,
.cr-empty {
    display: none;
}

.rating-comments {
    background: #f6f4e8;
    color: #333;
    margin: 40px 0;
    padding: 40px 40px 0 40px;
}

.rating-comments,
.comments {
    clear: both;
    float: left;
    margin-bottom: 5px;
    _zoom: 1;
}

    .rating,
    .comments {
        margin-bottom: 40px;
        position: relative;
        width: 540px;
        _zoom: 1;
    }

    .comments {
        clear: both;
    }

    .rating {
        float: left;
    }

        .rating h3,
        .comments h3 {
            color: #333;
            font: bold 18px arial, helvetica, sans-serif;
            position: relative;
            text-transform: uppercase;
            _zoom: 1;
        }

            .comments h3 {
               padding-bottom:8px;
            }


/* RATING STARS */

.rate {
    margin-top: 5px;
    position: relative;
}

.rate span {
    color: #333;
    float: none;
    font: bold 14px arial, helvetica, sans-serif;
    text-transform:uppercase;
    display:block;
    padding-top:4px;
    padding-bottom:7px;
}

.listA .rate span {
    float: left;
}

.listA .rate h4 span {
    float: none;
}

.rate a {
    background: url(i/pluck/star-sprite.gif) no-repeat 0 -46px;
    display: block;
    float: left;
    height: 24px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    top: -3px;
    width: 24px;
}

    .rate a.active,
    .rate a.hover {
        background-position: 0 -22px;
    }

.listA .rate a,
.listA .rate a.inactive {
    background-position: 0 -11px;
    height: 11px;
    left: 3px;
    top: 2px;
    width: 11px;
}

    .listA .rate a.active,
    .listA .rate a.hover {
        background-position: 0 0;
    }

.item .rate span {
    padding-top: 2px;
}

    .item .rate {
        padding-left: 0;
    }

    .item .rate h4 span span {
        padding: 0;
    }

.item .item-inner .cr-item .totalCommentsshort {
    font: bold 10px/1em arial;
    text-transform:uppercase;
    color:#999;
    padding-top:4px;
    position: absolute;
    bottom: 39px;
    right: 0;
}

.item .totalCommentsshort span {
    color:#ac083f;
    font-weight:bold;
}

.rate h4 {
    clear: both;
}

.rate h4,
.rate h4 span {
    color:#333;
    font-size:12px;
    font-weight:bold;
    text-transform:none;
}

    .rate h4 span {
        display:inline;
    }

.comments .totalComments {
    font: normal 12px arial, helvetica, sans-serif;
    position: relative;
    _zoom: 1;
    padding-bottom:24px;
}

    .comments .totalComments span.sepr {
        color: #333;
    }

    .comments a.add {
        color: #014377;
        text-transform: none;

    }

.commentAnchor {
    clear: both;
    float: left;
    width: 540px; /* ?? */
}
.comments .entry {
    border-bottom: 1px solid #d2cdb9;
    padding:0 10px 10px 0;
    margin-bottom:10px;
}

    .comments .entry:last-child {
        margin-bottom:0;
    }

.comments .body {
    margin-bottom:3px;
    font-size:12px;
}

.comments .body,
.comments .dated,
.comments .author {
}

.comments .dated,
.comments .author {
    font-size:12px;
    font-weight: bold;
    float: left;
    _display: inline;
}

.comments .author {
    padding-left: 5px;
}

.comments .report {
    text-align: right;
}
    .comments .report a {
        color: #014377;
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        line-height:1.6em;
    }

.publicCommentsBox {
    clear: both;
    float:left;
    padding-top: 0;
    width: 540px;
}

    .publicCommentsBox h5 {
        font: bold 18px arial, helvetica, sans-serif;
        text-transform: uppercase;
        padding-bottom:5px;
    }

    .publicCommentsBox textarea {
        background: #fff;
        border: 1px solid #d3ccb9;
        margin-bottom: 10px;
        width: 538px;
    }

    .publicCommentsBox .post_btn {
        float: right;
    }

.commentAnchor .pageButton {margin:10px 0;}
.commentAnchor a.previous {float:right}

.aform {position:absolute;
        margin-top:-40px;
        right:0;
        background-color:#fff;
        border:5px solid #dad8d1;
        z-index:400;
        width:334px;
        padding:19px 19px 35px 19px;
        font:bold 14px Arial, Helvetica, sans-serif;
}

.aform form {
    width:334px;
    background-color:#fff;
}

.aform textarea {
    border:1px solid #d3ccb9;
    width:334px;
    height:55px;
}

.aform .closebtn,
.regblurb a.closebtn {
    display:block;
    overflow:hidden;
    position:absolute;
    text-align:center;
    top:3px;
    right:3px;
    width:19px;
    height:19px;
    font-size:28px;
    line-height:0.65em;
    color:#333;
    background-color:#e9e7e0;
    font-weight:normal;
}

    .aform .closebtn a:hover,
    .regblurb a.closebtn:hover {text-decoration:none;}


.aform .row {
    font-size:14px;
    font-weight:bold;
    padding-bottom:0;
    width:334px;
    color:#333;
    margin-top:-5px;
}

.aform label {
    display:block;
    color:#2994ca;
    padding-bottom:6px;
    font-size:14px;
    text-transform:uppercase;
}

.aform input.report-btn {
    position:absolute;
    right:0;
    bottom:5px;
}

.regblurb {
    background-color:#fff;
    border:5px solid #dad8d1;
    clear:left;
    font:bold 14px Arial, Helvetica, sans-serif;
    margin-top:0;
    padding:5px;
    position:absolute;
    width:200px;
    height:auto;
    z-index:400;
}

.regblurb #regtxt { padding:8px;
    margin-bottom:0;
    text-align:center;
}
.regblurb a {font-weight:normal; text-transform:uppercase; color:#2994ca;}
.regblurb span {color:#000; display:block; font-weight:normal; font-size:12px;}