/*
Popup Comment Div
---------------------------------------------------------------------------------*/
.td-RateTxt
{
    position:relative; 
    width:75px;
    top:20px; 
    left:0px;
    font-weight:bold;
}
    .ratingStar 
    {
       
        width:13px; 
        height:12px; 
        cursor:none; 
        display:block;
        background-repeat:no-repeat; 
        cursor:pointer;
    }
    #ctl00_ctl00_Content_CPH_Main_If1_TrueTemplate0_UserRatingComments1_ratingsLayer
    {
        position:relative;
        top:-25px;
    }
.thankyouMessageCssClass
{
    position:relative;
    z-index:100000;
    width:80px;
    top:5px;
    left:0px;
    color:Red;
    display:none !important;
}
.ratingMessageCssClassReadOnly
{
    position:relative; 
    top:2px; 
    left:85px;
    text-align:left;
    font-weight:bold;
}
*:first-child + html .ratingMessageCssClassReadOnly
{
    left:150px;
}
    .ratingStarReadOnly
    {
        position:relative;
        top:9px;
        left:150px;
        width:13px;
        height:12px;
        cursor:none;
        display:block;
        background-repeat:no-repeat;
    }
    .ratingVotesCssClassReadOnly
    {
        position:relative;
        top:8px; 
        left:155px;
        font-size:0.9em;
        color:#666;
    }

/*********************************** RATINGS STAR IMAGES ***********************************/
.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;
}


/*
Popup Comment Div
---------------------------------------------------------------------------------*/
.CommentDivCssClass
{
    border:solid 2px #CFDAE5;
	z-index:10000;
	width:420px;
	height:250px;
	position:absolute;
	background-color:#f5f5f5;
	padding:10px;
	color:#222 !important;
}


.CommentDivCssClass span
{
    color:#222 !important;
}

.CommentHeaderCssClass
{
    position:absolute;
    top:15px;
    font-size:1.4em;
    font-weight:bold;
}
.CommentTitle
{
    position:absolute;
    top:50px;
    font-weight:bold;
}
.InputTitleCssClass
{
    position:absolute;
    top:70px;
    width:398px;
    padding:1px 0;
    font-family:Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
}
.CommentDescription
{
    position:absolute;
    top:100px;
    font-weight:bold;
}
.InputDescriptionCssClass
{
    position:absolute;
    top:120px;
    width:398px;
    height:67px;
    font-family:Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
}
.FBCheckBoxCssClass
{
    position:absolute;
    top:202px;
}
    *:first-child + html .FBCheckBoxCssClass
    {
        top:198px;
        left:15px;
    }
.FbTextCssClass
{
    position:absolute;
    top:200px;
    left:38px;
}
.CloseBtnCssClass
{
    position:absolute;
    top:197px;
    left:266px;
    cursor:pointer;
    background:url(/Images/btnCloseWindow.gif) no-repeat;
    border:0;
    padding:0;
    width:91px;
    height:24px;
}
.SubmitBtnCssClass
{
    position:absolute;
    top:197px;
    left:364px;
    cursor:pointer;
    background:url(/Images/btnSubmit.gif) no-repeat;
    border:0;
    padding:0;
    width:56px;
    height:24px;
}



/*
Comments
---------------------------------------------------------------------------------*/
#Posted-Comments
{
	padding-bottom:40px;
}

.td-UserRatingsCommentsHeader
{
    padding:10px 10px 5px 0px;
    float:left;
}

a.loginLinkCssClass
{
	font-weight:bold;
}

    /* *:first-child + html .td-UserRatingsCommentsHeader
    {
        padding:20px 0 0;
    }
    *:first-child + html .td-UserRatingsCommentsHeader h3
    {
        padding:0;
    }*/
.td-CommentsList li
{
    float:left;
    color:#CCC;
    margin-right:5px;
}
.td-CommentsList li a
{
    cursor:pointer;
}
.td-UserRatingsComments
{
    margin:20px 0 0; text-align:left;
}
    .td-UserRatingsComments p.header
    {
        font-size:1.5em;
    }
    
    .td-UserRatingsComments #User-Rate {text-align:left;}

	.td-UserRatingsComments #User-Rate hr {clear:both;}
    
    .td-UserRatingsComments #Posted-Comments h3 
    {
        background:url(/css/CityNews/images/icn-comments.gif) no-repeat left;
        padding-left:25px;
    }
    
    .td-UserRatingsComments #User-Rate h3 
    {
        background:url(/css/CityNews/images/icn-rate.gif) no-repeat left;
        padding:3px 0 0 25px;
        float:left;
    }
    
    .td-UserRatingsComments #User-Rate .loginLayer { float:left; padding:2px 0 0 15px; }
    
.td-UserComments 
{
}
    *:first-child + html .td-UserComments 
    {
        position:relative;
        top:-25px;
    }
    
    *html .td-UserComments 
    {
        position:relative;
        top:-25px;
    }
    
    *:first-child + html #Episode-Comments .commentUserLast{
	margin-top:-30px;
    }
    
     *html #Episode-Comments .commentUserLast{
	margin-top:-30px;
    }

    .td-UserCommentsSort
    {
        float:right; 
        position:relative; 
        right:10px;
        top:-35px;
    }
    .td-UserComments div table
    {
        width:100%;
    }
    
    *:first-child + html .td-UserComments div table
    {
        margin:0px !important;
    }
    
    .td-UserComments div table tbody tr
    {
        /*background:transparent url(/css/CityNews/images/bg_comments.gif) repeat-y scroll left center;*/
    }
    .td-UserComments div table tbody tr ul li
    {
        list-style-type:none;
        
    }
    .td-UserComments div table,
    .td-UserComments div table tbody,
    .td-UserComments div table tbody tr,
    .td-UserComments div table tbody tr td
    {
        border:0px !important; border-collapse:separate !important;
    }
    
    .td-UserComments div table tbody tr td
    {
        padding:7px 3px 5px 2px;
    }
    
    .td-UserComments div table tbody tr td.td-UserCommentsProfile
    {
        width:250px;
        vertical-align:top;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsProfile p.userphoto
    {
        float:left;
        padding-right:10px;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsProfile p.userphoto img
    {
        width:30px;
        height:auto;
    }
    
    .td-UserComments div table tbody tr td.td-UserCommentsProfile p.username
    {
        margin-bottom:5px;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsProfile p.date
    {
        color:#888;
        font-size:0.8em;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsComment
    {
        width:500px;
    }
    
    /*.td-UserCommentsComment a:link, .td-UserCommentsComment a:visited, .td-UserCommentsComment a:active, .td-UserCommentsComment a:hover
    {
        color:#CC3366 !important;
        
        _color:#CC3366 !important;
    }*/
    
    .td-UserComments div table tbody tr td.td-UserCommentsComment p.header
    {
        font-size:1.1em;
        font-weight:bold;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsComment p.text
    {

    }
    .td-UserComments div table tbody tr td.td-UserCommentsComment ul li
    {
        float:left;
        margin-right:5px;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsComment ul li span
    {
        font-weight:bold;
    }
    .td-UserComments div table tbody tr td.td-UserCommentsComment ul li.sep
    {
        color:#CCC;
    }
    
/* Comments Pagination */
.td-CommentPagination {}



































/* 

.descriptionCssClassReadOnly {border:solid 1px red; width:280px; height:60px;}
*html .userRatingNewReadOnly {position:relative; top:0px; left:0px; margin:0; padding:0;}
.userRatingNewReadOnly {position:relative; top:-10px; left:0px; margin:0; padding:0;}


.userRatingNew {margin:0; padding:0;}
.userRatingNew textfield {font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px;}
.userRatingNew input {font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px;}
.userRatingNew h1 {padding-bottom:3px; font-size:11px; font-weight:bold; margin:0;}
.userRatingNew h2 {position:relative; left:5px; top:-1px; font-size:11px; font-weight:normal; margin:0;}
.userRatingNew h3 {padding-top:3px; font-size:10px; font-weight:normal; margin:0;}
*/

.showCommentCssClass 
{
    cursor:pointer;
    color:#0066AA;
    font-weight:normal;
}

.CommentBox
{
    position:relative; top:-14px; left:90px; display:block;
}


.commentHeaderCssClass {font-weight:bold; padding:0; margin:0;}

*html #userComments {margin-top:1px;}
#userComments {width:100%; margin-top:0px;}
*html #userCommentsHeader {margin-bottom:-1px;}
#userCommentsHeader 
{
    margin:0;
    padding:0;
}
#userCommentsHeader div.left {float:left;}
#userCommentsHeader div.right {float:right; font-size:10px; font-weight:bold;}
#userCommentsHeader div.right a, 
#userCommentsHeader div.right a:visited, 
#userCommentsHeader div.right a:active
{
    font-size:10px;
    font-weight:bold;
    color:#369;
    text-decoration:underline;
}
#userCommentsHeader .right a:hover {text-decoration:none;}

.recentcomment_wrapper {float:left; width:630px; padding-bottom:15px;}
.recentcomment_wrapper_new {float:left; width:630px; border-bottom:1px solid #eee;}
.recentcomment_wrapper_grey {float:left; width:630px; background:#f7f7f7; border-bottom:1px solid #eee;}
.recentcomment_divider { width:630px; border-bottom:1px solid #eee; height:1px; float:left;}
.recentcomment_content{width:530px; float:left;padding:10px 10px 10px 15px;}
.recentcomment_photo{float:left; padding:10px 10px 0 0; width:58px;}
.recentcomment_wrapper ul
{
    display:block;
    margin:0;
    padding:10px 0 10px 0px;
    border-bottom:1px solid #e5e5e5;
}
.recentcomment_wrapper ul.grey
{
    display:block;
    margin:0;
    padding:10px 0 10px 0px;
    border-bottom:1px solid #e5e5e5;
    background:#f7f7f7;
}
.recentcomment_wrapper ul li
{
    padding:10px 0 10px 5px;

}
.recentcomment_wrapper ul li.profil
{
    width:540px;
    padding:5px;
}
.recentcomment_wrapper ul li.photo
{
    float:left;
    padding:4px;
    border:solid 1px #DDD;
    margin:5px;
}
.recentcomment_wrapper ul li.photogrey
{
    float:left;
    padding:4px;
    border:solid 1px #DDD;
    margin:5px;
}

.recentcomment_wrapper ul li.grey
{
    padding:10px 0 10px 5px;
    background:#f7f7f7;
}

.label
{
    color:#666666;
    padding-right:10px;
    line-height:15px;
}
.catlabel
{
    color:#666666;
    padding-right:5px;
    line-height:15px;
}
.cat
{
    padding-left:35px;
}
.comment_abstract {line-height:16px; padding-bottom:5px;}
.username{font-weight:bold;}