/*********************************** RATINGS/COMMENTS CONTAINER ***********************************/

#wrapperHeaderRatingsComments
{
    background:url(/TopletsResources/UserRatingComments2/images/bgRatingsComments.gif) repeat-x bottom; 
    border:solid 1px #CFDAE5; 
    width:655px;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
}

.usercomment_text 
{
	font-size:12px;
}



/*********************************** RATINGS STAR IMAGES ***********************************/

.ratingStar 
{
    float:left; 
    font-size:0px; 
    width:13px; 
    height:12px; 
    cursor:none; 
    display:block;
    background-repeat:no-repeat; 
}
.ratingStarReadOnly
{
    float:left;
    font-size:0px;
    width:13px;
    height:12px;
    cursor:none;
    display:block;
    background-repeat:no-repeat;
}
.filledRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/FilledStar.gif)}
.emptyRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/EmptyStar.gif)}
.halfRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/HalfFullStar.gif)}
.savedRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/SavedStar.png)}
.reducedRatingStar {background-image:url(/TopletsResources/UserRatingComments2/images/FilledStar.gif)}





/*********************************** RATINGS STAR IMAGES ***********************************/

/* ADDING A COMMENT DIV */
.commentDivCssClass 
{
	border:solid 2px #CFDAE5;
	z-index:10000;
	width:300px;
	height:250px;
	position:absolute;
	background-color:White;
	padding:10px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
    display:block;
	margin-left:345px;
	
}
/* COMMENT INPUT FIELD */
.commentDivCssClass input
{
    width:295px;
}
/* COMMENT INPUT FIELD */
.commentDivCssClass textarea
{
    width:295px;
    height:125px;
    padding:0px;
    margin:0px;
}
/* SUBMIT A COMMENT BUTTON */
.submitBtnCssClass 
{
    width:59px;
    height:23px; 
    border:0;
    cursor:pointer;
    margin:7px 0px 10px 0px;
    background:url(/TopletsResources/UserRatingComments2/images/btnSubmit.gif) no-repeat;
    display:block;
}

/**html .submitBtnCssClass 
{
    width:59px;
    height:23px; 
    border:0;
    cursor:pointer;
    margin-top:-10px;
    background:url(/TopletsResources/UserRatingComments2/images/btnSubmit.gif) no-repeat;
}*/

/* CLOSE BUTTON */
.closeBtnCssClass 
{
    width:11px;
    height:11px; 
    border:0;
    position:relative;
    top:-3px;
    left:287px;
    cursor:pointer;
    background:url(/TopletsResources/UserRatingComments2/images/btnCloseUserRating.gif) no-repeat;
}





/*********************************** USER COMMENTS ***********************************/

/* USER COMMENTS */
.wrapperUserComments 
{
    margin-top:10px; 
    border:solid 1px #EEE; 
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
}
.userCommentListLeft {float:left;}
.userCommentListRight {float:right;}

/* AGREE DISAGREE */
.listUserRating {list-style:none; position:relative; left:0px; padding:0px; margin:0;}
.listUserRating li {display:inline;}
.listUserRating li.spacer {color:#B8CADB; font-size:10px; padding:0px 3px;}
.listUserRating li.agree 
{
    background:url(/TopletsResources/UserRatingComments2/images/icoUserRatingAgree.gif) no-repeat left;
    padding-left:15px;
}
.listUserRating li.disagree 
{
    background:url(/TopletsResources/UserRatingComments2/images/icoUserRatingDisagree.gif) no-repeat left;
    padding-left:15px;
}
.listUserRating li.offensive
{
    background:url(/TopletsResources/UserRatingComments2/images/icoUserRatingOffensive.gif) no-repeat left;
    padding-left:10px;
}
.listUserRating li a, .listUserRating li a:visited, .listUserRating li a:active
{
    color:#369;
    text-decoration:underline;
}
.listUserRating li a:hover
{
    text-decoration:none;
}
.listUserRating li.right
{
    padding-left:400px;
    color:#BDD7F1;
}


#usercomment_wrapper 
{
	clear:both;
	padding-top:15px;
}
.comment_popup 
{
	position:relative;
}

.thankyouMessageCssClass2 
{
	position:absolute;
	top:25px;
	left:-185px;
	width:430px;
	font-weight:bold;
}

#wrapperHeaderUserRatings h3 
{
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

.alternateComment 
{
	padding:0px 0px 10px 0px;
}

.usercomment_title h2 
{
	font-size:12px;
}

/*********************************** RATINGS USER INPUT ***********************************/

/* TITLE */
.ratingMessageCssClass 
{
    width:90px;
    position:relative; 
    top:-7px; 
    left:0px;
}
/* STAR GROUP */
#userRatingUserInput_StarDiv 
{
    width:70px;
    position:relative; 
    top:-5px; 
    left:0px; 
    display:block;
}

#userRatingUserInputArticle_StarDiv 
{
    width:90px;
    height:33px;
    position:relative; 
    top:-5px; 
    left:0px; 
    display:block;
    background:url(/TopletsResources/UserRatingComments2/images/btnAddComment.gif) no-repeat;
    cursor:pointer;
}
/* THANK YOU */
.thankyouMessageCssClass 
{
    width:70px;
    position:relative; 
    font-size:9px; 
    color:#444; 
    top:-6px; 
    left:0px;
}





/*********************************** RATINGS READ ONLY ***********************************/

/* AVG VOTE */
.ratingMessageCssClassReadOnly
{
    width:40px;
    position:relative;
    top:-14px;
    left:70px;
}
/* STAR GROUP */
#userRatingReadOnly_StarDiv
{
    width:70px;
    position:relative;
    top:-11px;
}
/* NUMBER OF VOTES */
html>body .ratingVotesCssClassReadOnly
{
    position:relative;
    top:-24px;
    width:60px;
    font-size:9px; 
    color:#444;
    display:block;
    padding:0;
    left:70px;
    margin:0px;
    height:0px;
}

*html .ratingVotesCssClassReadOnly
{
    position:relative;
    margin-top:-25px;
    left:0px;
    width:60px;
    font-size:9px; 
    color:#444;
    display:block;
    padding:0;
    margin-left:70px;
}

/*.ratingVotesCssClassReadOnly
{
    position:relative;
    margin-top:-12px;
    width:60px;
    font-size:9px; 
    color:#444;
    display:block;
    padding:0;
    margin-left:70px;
}*/






/*********************************** RATINGS READ ONLY CARD ***********************************/

/* AVG VOTE */
/*.ratingMessageCssClassReadOnlyCard
{
    width:40px;
    position:relative;
    top:-14px;
    left:70px;
}*/
/* STAR GROUP */
/*#userRatingReadOnlyCard_StarDiv
{
    width:70px;
    position:relative;
    top:-11px;
}*/
/* NUMBER OF VOTES */
/*.ratingVotesCssClassReadOnlyCard
{
    position:relative;
    top:-39px;
    left:148px;
    width:60px;
    font-size:11px; 
    color:#444;
    display:block;
    padding:0;
    margin:0;
}*/
/**html .ratingVotesCssClassReadOnlyCard
{
    position:relative;
    top:-23px;
    left:148px;
    width:60px;
    font-size:11px; 
    color:#444;
    display:block;
    padding:0;
    margin:0;
}

*html #userRatingReadOnlyCard_StarDiv
{
    width:70px;
    position:relative;
    top:-5px;
}*/


/*********************************** RATINGS READ ONLY CARD WITH RATING MSG ***********************************/

/* AVG VOTE */
.ratingMessageCssClassReadOnlyCard
{
    width:40px;
    position:relative;
    top:-14px;
    left:70px;
}


/* STAR GROUP */
#userRatingReadOnlyCard_StarDiv
{
    width:70px;
    margin-left:75px;
    position:relative;
    top:-8px;
}
/* NUMBER OF VOTES */
.ratingVotesCssClassReadOnlyCard
{
    position:relative;
    top:-35px;
    left:148px;
    width:60px;
    font-size:11px; 
    color:#444;
    display:block;
    padding:0;
    margin:0;
}
*html .ratingVotesCssClassReadOnlyCard
{
    position:relative;
    top:-25px;
    left:148px;
    width:60px;
    font-size:11px; 
    color:#444;
    display:block;
    padding:0;
    margin:0;
}

*html #userRatingReadOnlyCard_StarDiv
{
    width:70px;
    position:relative;
    top:-7px;
}

*html .ratingMessageCssClassReadOnlyCardMSG
{
    width:75px;
    position:relative;
    top:5px;
    left:0px;
}
.ratingMessageCssClassReadOnlyCardMSG
{
    width:75px;
    position:relative;
    margin-top:-12px;
    margin-bottom:-15px;
    left:0px;
}

.showCommentCssClass
{
    color:#336699;
    text-decoration:none;
    cursor: pointer;
}
.showCommentCssClass:hover
{
    text-decoration:underline;
}

/* LINEUPCARD WTIH RATING*/

.ratingMessageCssClassReadOnlyTopCard
{
    width:75px;
    position:relative;
    margin-top:5px;
    margin-bottom:-15px;
    left:0px;
}

#userRatingReadOnlyTopCard_StarDiv
{
    width:70px;
    margin-left:75px;
    margin-top:0px;
    position:relative;
}

.ratingVotesCssClassReadTopCard
{
    position:relative;
    margin-top:-13px;
    left:148px;
    width:60px;
    font-size:11px; 
    color:#444;
    display:block;
    padding:0;
}


*html .ratingVotesCssClassReadTopCard
{
    position:relative;
    margin-top:-18px;
    left:148px;
    width:60px;
    font-size:11px; 
    color:#444;
    display:block;
}

*html #userRatingReadOnlyTopCard_StarDiv
{
    width:70px;
    margin-left:75px;
    margin-top:2px;
    position:relative;
}

/* CAR CARD HOME PAGE WTIH RATING*/


#userRatingReadOnlyCarCardHome_StarDiv
{
    width:70px;
    margin-left:75px;
    margin-top:-23px;
    position:relative;
}

*html #userRatingReadOnlyCarCardHome_StarDiv
{
    width:70px;
    margin-left:75px;
    margin-top:-14px;
    position:relative;
}
.ratingVotesCssClassReadOnlyCarCard
{
    color:#444444;
    display:block;
    font-size:11px;
    left:148px;
    margin-top:-26px;
    position:relative;
    width:60px;
}



/*********************************** USER PROFILE ***********************************/

/* PROFILE WRAPPER OUTER DIV */
#wrapperProfileBorder
{
    width:620px; 
    padding:15px; 
    background-color:#E6ECF2; 
    border:solid 1px #A3B8CC;
}
/* PROFILE WRAPPER INNER DIV */
#wrapperProfileMain
{
    width:590px; /* 30px less than outer div */
    padding:15px; 
    background-color:#FFF; 
    border:solid 1px #CFDAE5;
}
/* USER PROFILE HEADER */
.userProfileHeader
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    font-weight:bold;
    color:#000;
    padding-bottom:5px;
}
/* USER PROFILE BUTTONS */
.btnLogin
{
    background:url(/TopletsResources/UserRatingComments2/images/btnLogin.gif) no-repeat;
    width:46px;
    height:20px;
    border:0;
    cursor:pointer;
}
.btnSubmit
{
    background:url(/TopletsResources/UserRatingComments2/images/btnSubmit.gif) no-repeat;
    width:59px;
    height:20px;
    border:0;
    cursor:pointer;
}
.btnSignUp
{
    background:url(/TopletsResources/UserRatingComments2/images/btnSignUp.gif) no-repeat;
    width:59px;
    height:20px;
    border:0;
    cursor:pointer;
}
.btnChangePassword
{
    background:url(/TopletsResources/UserRatingComments2/images/btnChangePassword.gif) no-repeat;
    width:117px;
    height:20px;
    border:0;
    cursor:pointer;
}
.btnContinue
{
    background:url(/TopletsResources/UserRatingComments2/images/btnContinue.gif) no-repeat;
    width:68px;
    height:20px;
    border:0;
    cursor:pointer;
}
.btnCancel
{
    background:url(/TopletsResources/UserRatingComments2/images/btnCancel.gif) no-repeat;
    width:55px;
    height:20px;
    border:0;
    cursor:pointer;
}
.btnSave
{
    background:url(/TopletsResources/UserRatingComments2/images/btnSave.gif) no-repeat;
    width:46px;
    height:20px;
    border:0;
    cursor:pointer;
}

.commentMarginStyle { float:left; padding-bottom:15px; margin-top:45px; }
.checkboxStyle 
{
    padding-left:61px;
}
*html .checkboxStyle 
{
    padding-left:57px;
}
.textboxStyle 
{
    width:160px;   
}



































/* 

.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 {border:solid 1px black; background-image:url(/Images/EmptyStar.png);}
.commentHeaderCssClass {font-weight:bold; padding:0; margin:0;}

*html #userComments {margin-top:1px;}
#userComments {width:655px; margin-top:15px;}
*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;}

*/


.CommentsOnStory 
{
	padding:5px 0px 10px 20px;
	float:left;
}