/******************************************************************************************

    Comments Toolbar

******************************************************************************************/

.td-CommentTools
{
    background:url(/App_Themes/Flare/images/structure/bgGrad.gif) repeat-x;
    padding:12px 10px 12px 10px;
    height:30px;
}

    /* Login to Comment Link */
    .loginLinkCssClass
    {
        float:left;
        padding:0 0 0 17px;
        margin-right:15px;
        background:url(/App_Themes/Flare/images/structure/icoComment.gif) no-repeat left;
        color:#66696b;
        cursor:pointer;
    }
    
    /* Click here to Comment */
    .showCommentCssClass
    {
        float:left;
        position:relative;
        z-index:100;
        padding:0 0 0 17px;
        margin-right:15px;
        background:url(/App_Themes/Flare/images/structure/icoComment.gif) no-repeat left;
        color:#66696b;
        cursor:pointer;
    }
    
    /* AVG Rating */
    .ratingMessageCssClassReadOnly
    {
        float:left;
        padding:0 0 0 17px;
        margin-right:5px;
        /* background:url(/App_Themes/Flare/images/structure/icoStar.gif) no-repeat left; */
    }
    
    /* Votes */
    .ratingVotesCssClassReadOnly
    {
        float:left;
        font-weight:bold;
        margin-left:10px;
    }
    
    /* Thank You */
    .thankyouMessageCssClass
    {
        float:left;
        margin-right:15px;
        color:#66696b;
        font-weight:bold;
        cursor:pointer;
    }

    /* Sort by Drop Down */
    .td-UserCommentsSort
    {
        float:right;
        text-align:right;
        position:relative;
        top:-44px;
        right:10px;
        width:200px;
    }
    *html .td-UserCommentsSort
    {
        top:-56px;
    }
    
    /* Stars */
    .StarDiv
    {
        position:relative;
        top:2px;
    }
    .td-RatingResults .StarDiv
    {
        position:relative;
        left:-150px;
        top:-8px;
    }



/******************************************************************************************

    User Comments Popup

******************************************************************************************/

.CommentDivCssClass
{
    clear:both;
    position:absolute;
    z-index:1;
    width:240px;
    height:255px;
    padding:45px 30px 0 30px;
    background:url(/App_Themes/Flare/images/structure/bgCommentPopup.gif) no-repeat;
}
.CommentHeaderCssClass
{
    position:relative;
    top:2px;
    font-size:12px;
    font-weight:bold;
    color:#000;
}
.CommentTitle
{
    position:relative;
    color:#000;
    top:25px;
}
.InputTitleCssClass
{
    position:relative;
    top:25px;
    width:234px;
    padding:2px;
}
.CommentDescription
{
    color:#000;
    position:relative;
    top:35px;
}
.InputDescriptionCssClass
{
    position:relative;
    top:35px;
    width:234px;
    padding:2px;
}
.SubmitBtnCssClass
{
    position:relative;
    top:45px;
    /*left:90px; to center */
    width:59px;
    height:21px;
    border:0;
    cursor:pointer;
    background:url(/App_Themes/Flare/images/structure/btnSubmit.gif) no-repeat;
}
.CloseBtnCssClass
{
    position:relative;
    top:210px;
    left:86px;
    width:72px;
    height:12px;
    border:0;
    cursor:pointer;
    background:url(/App_Themes/Flare/images/structure/closeWindow.gif) no-repeat;
}



/******************************************************************************************

    User Comments

******************************************************************************************/

.td-UserComments
{
    position:relative;
    top:-12px;
    margin-bottom:10px;
}
    .td-UserComments .td-Comment
    {
        clear:both;
        margin-bottom:10px;
        border:0;
    }
        .td-UserComments table,
        .td-UserComments table tr,
        .td-UserComments table tr td
        {
            border:solid 1px #FFF;
        }
    .td-UserComments .td-Comment .user
    {
        float:left; 
        width:56px; 
        height:50px;
    }
    .td-UserComments .td-Comment .td-ProfileImage div
    { 
        border:solid 1px red;
        width:50px; 
        height:50px;
    }
    .td-UserComments .td-Comment .userImage
    {
        float:left;
        width:54px;
        height:50px;
        background-position:middle;
    }
    .td-UserComments .td-Comment .userImage img
    {
        position:relative;
        border:solid 1px red;
        top:5px;
        left:45px;
    }
    .td-UserComments .td-Comment .bubble
    {
        float:left; 
        width:592px;
        border:solid 1px #DDD;
    }
        .td-UserComments .td-Comment .bubble .comment
        {
            padding:15px;
        }
        .td-UserComments .td-Comment .bubble .comment p.header
        {
            font-weight:bold;
            padding-bottom:15px;
        }
        .td-UserComments .td-Comment .bubble .comment p.abstract
        {
            padding-bottom:15px;
        }
        .td-UserComments .td-Comment .bubble .comment .info .choice
        {
            float:right;
            position:relative;
            left:10px;
        }
        .td-UserComments .td-Comment .bubble .comment .info .choice li
        {
            display:inline;
            padding:0 10px;
            border-right:solid 1px #DDD;
        }
        
         .td-UserComments .td-Comment .bubble .comment .info .choice a
        {
          cursor:pointer;
        }
        
        
        .td-UserComments .td-Comment .bubble .comment .info .choice li.last
        {
            border:none;
        }
    .td-Comment .bubble .comment .CommentRatings .StarDiv
    {
        float:right;
        position:relative;
        top:-30px;
    }    
        
    /* Comment Pagination */
    .td-CommentPagination
    {
        padding:10px 0 5px 0;
        text-align:center;
        color:#333;
    }
    




/******************************************************************************************

    Stars

******************************************************************************************/
.filledRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/FilledStar_new.gif)}
.emptyRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/EmptyStar_new.gif)}
.halfRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/HalfFullStar_new.gif)}
.savedRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/SavedStar.png)}
.reducedRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/FilledStar_new.gif)}

.td-UserRatingsCommentsShowHide
{
    position:relative;
    left:500px;
}

.ratingStar 
{
    width:13px; 
    height:12px; 
    cursor:none; 
    display:block;
    background-repeat:no-repeat; 
    cursor:pointer;
}

.ratingStarReadOnly
{
    position:relative;
    top:9px;
    left:150px;
    width:13px;
    height:12px;
    cursor:none;
    display:block;
    background-repeat:no-repeat;
}