/* you can remove #commentsContainer CSS after */
#commentsContainer { font:11px Tahoma, Arial; text-align: left; }

.commentsLeft {
	float: left;
}
.commentsRight {
	float: right;
}

#commentBar {
	padding: 0 12px 0 12px;
	height: 26px;
	border: 1px solid #adadad;
	-webkit-border-top-left-radius: 5px;	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;	border-top-right-radius: 5px;
	background: transparent url(../img/comments/titlebar-bkg.gif) repeat-x scroll 0 0;
	line-height: 24px;
	color: #fff;
}

#commentBody {
	padding: 20px 16px 8px;
	border-left: 1px #adadad solid;
	border-right: 1px #adadad solid;
	background-color: #eaeaea;
	overflow-y: auto;
	overflow-x: hidden;
}

.cBtn {
	height: 19px;
	font:12px Tahoma, Arial;
	color: #444;
	padding: 0px 3px;
	margin: 0px 3px;
	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;
	border: 1px solid #999;
	background:white url(../img/comments/newbtn-bkg.gif) repeat-x scroll 0 0;
	cursor:pointer;
}
	.cBtn:hover {
		height: 21px;
		margin-top: -1px;
		padding: 0 2px;
		border-width: 2px;
	}

.commentAvatar { width: 75px; }

#commentBox {
	width: 95%;
	float: right;
}

#commentBox textarea {
	width: 97%;
	height: 30px;
	padding: 8px;
	-webkit-border-radius: 4px;	-moz-border-: 4px;	border-radius: 4px;
	font: 13px Tahoma, Arial;
	color: #888;
	border: 1px solid #ccc;
	resize: none;
	outline: none;
}

.replyBox {
	width: 95%;
	float: right;
}

.replyBox textarea {
	width: 97%;
	height: 30px;
	padding: 8px;
	-webkit-border-radius: 4px;	-moz-border-: 4px;	border-radius: 4px;
	font: 13px Tahoma, Arial;
	color: #888;
	border: 1px solid #ccc;
	resize: none;
	outline: none;
}

.replyAppend {
	width: 85%;
	float: right;
}

.comments-tail {
	width: 16px;
	height: 14px;
	margin: 30px 0 0 5px;
	background: transparent url(../img/comments/comments-tail-noborder.gif) no-repeat;
	position: relative;
	left: 1px;
}
.tailBorder { background:transparent url(../img/comments/comments-tail.gif) no-repeat; }
.tailDisabled { background: transparent url(../img/comments/comments-tail-disabled.gif) no-repeat; }

.comments-avatar {
	height: 75px;
	width: 75px;
	-webkit-border-radius: 5px;	-moz-border-: 5px;	border-radius: 5px;
	border: none;
	background-color: #000;
	overflow: hidden;
	float: left;
}

.comments-content {
	padding: 6px 8px;
	margin: 0 0 0 96px;
	border: 1px solid #fff;
	-webkit-border-radius: 4px;	-moz-border-: 4px;	border-radius: 4px;
	background-color: #fff;
}
	.comments-info {
		height: 23px;
	}
	
	.top-comments-name {
		float: left;
	}
	
	.top-comments-name span {
		font-size: 11px;
		font-weight: bold;
		position: relative;
		left: 8px;
		top: -7px;
		height: 22px;
		padding: 8px 13px 0 30px;
		background: url(../img/comments/comments-top.png) no-repeat scroll 0 -2px;
		float: left;
	}
	
	.top-comments-name a {
		font-size: 12px;
		font-weight: bold;
	}
	
.comments-name a {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 5px;
	float: left;
}
.comments-date {
	margin: 3px;
	padding: 0;
	text-align: right;
	font-weight: bold;
	float: right;
}
	p.comments-text {
		font-size: 11px;
		padding: 6px;
		margin: 1px;
		color: #444;
	}
		p.comments-text span.comments-timetag {
			border-bottom:1px dotted #777;
			cursor:pointer;
		}
			p.comments-text span.comments-timetag:hover {
				border-bottom:1px solid #888;
			}
	.comments-btns {
		height: 25px;
	}
		.display-btns {
			display: none;
		}
		button.comments-btns {
			margin: 0 15px 0 0;
		}
		.comments-rate-thanks {
			margin: 5px 25px 0 0;
			padding: 3px 5px 0 0;
			float: right;
		}
		.theLikes {
            text-align: right;
			width: 50px;
			margin: 3px 5px 0 7px;
			float: right;
		}
		.like, .liked {
			float: right;
		}
		button.like {
			padding: 0 0 0 15px;
			background: transparent url(../img/comments/newbtn-like.gif) no-repeat scroll 4px 2px;
		}
			button.like:hover {
				padding: 0 0 0 15px;
				background-position: 3px 2px;
			}
		.liked .icon {
			float: left;
			margin: 1px 4px 0 10px;
			height: 14px;
			width: 13px;
			background-image: url(../img/comments/newbtn-liked.gif);
		}
		.like, .liked {
			float: right;
		}
			button.dislike {
				padding: 0 0 0 15px;
				background: transparent url(../img/comments/newbtn-dislike.gif) no-repeat scroll 4px 2px;
			}
				button.dislike:hover {
					padding: 0 0 0 15px;
					background-position: 3px 2px;
				}
			.disliked .icon {
				float: left;
				margin: 1px 4px 0 10px;
				height: 13px;
				width: 13px;
				background-image: url(../img/comments/newbtn-disliked.gif);
			}
			.dislike, .disliked {
			float: right;
		}
	.comments-controls {
		width: 85%;
		margin: 0px 0 5px 0;
		height:19px;
		clear:both;
		float: right;
	}
	.comments-controls-btns {
		width: 95%;
		margin: 3px 0 5px 0;
		height:22px;
		clear:both;
		float: right;
	}
	.comments-control-text {
		margin: 2px 0 0 35px;
		padding: 0 0 10px 18px;
		cursor: pointer;
	}
	.comments-control-expand {
		background:transparent url(../img/comments/see-replies.gif) no-repeat 0 4px;
	}
	.comments-control-collapse {
		background:transparent url(../img/comments/close-replies.gif) no-repeat 0 4px;
	}

.loginPlease {
	font-size: 12px;
	width:95%;
	height: 29px;
	margin: 0 auto -40px auto;
	position: relative;
	top: -43px;
	background-color: #ddd;
	text-align: center;
	padding: 10px 0 0 0;
	display: none;
	z-index: 2001;
}



div.window-statusBar {
	height:26px;
	border:1px solid #adadad;
	color: #464646;
	-webkit-border-bottom-right-radius: 5px;	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;	border-bottom-left-radius: 5px;
	background-color:#eaeaea;
}

#commentsContainer span {
	margin: 0 !important;
}


/* New button styles. NOTE: Hover margin changes MESS UP IE. We should use an IE-only sheet to cascade over it. */

.newBtn {
	font-size: 12px;
	position:relative;
	height:18px;
	margin:1px;
	padding:1px 6px;
	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;
	border:1px solid #999;
	background:white url(../img/comments/newbtn-bkg.gif) repeat-x scroll 0 0;
	cursor:pointer;
}
	.newBtn:focus {
		background:white url(../img/comments/newbtn-bkg.gif) repeat-x scroll 0 -18px;
	}
	.newBtn:hover {
		height:20px;
		margin:0px;
		border-width:2px;
	}

/* Submit buttons */
.newSubmit {
	height:18px;
	margin:1px;
}
	.newSubmit:hover {
		border-color:#666;
		margin: 0px;
	}

/* Disabled buttons */
.newBtn[disabled=disabled],
.newBtn[disabled=disabled]:hover {
	background:white url(../img/comments/newbtn-bkg.gif) repeat-x scroll 0 0;
	color:#999;
	height:19px;
	margin:1px;
	border-width:1px;
}



/* New styles */

div.window-titleBar {
	padding:0 12px 0 12px;
	height:26px;
	border:1px solid #adadad;
	-webkit-border-top-left-radius: 5px;	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;	border-top-right-radius: 5px;
	background:transparent url(../img/comments/titlebar-bkg.gif) repeat-x scroll 0 0;
	line-height:24px;
	color:#fff;
}
	div.window-titleBar-left {
		float:left;
		height:26px;
		font-weight:bold;
	}

	div.window-titleBar-right {
		float:right;
		height:26px;
	}


div.window-body {
	padding: 0px 16px 8px;
	border-left: 1px #adadad solid;
	border-right: 1px #adadad solid;
	background-color:#eaeaea;
}


div.window-statusBar {
	height:26px;
	border:1px solid #adadad;
	-webkit-border-bottom-right-radius: 5px;	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;	border-bottom-left-radius: 5px;
	background-color:#eaeaea;
}


div.commentsContainer {
	width:100%;
	margin:0 auto;
}


#comments-section {
	position:relative;
	margin:12px 0 5px 0;
}
	h3.comments-title {
		margin:0 0 0 3px;
		font-size:14px;
		font-weight:bold;
		color:#464646;
		float: left;
	}
	a.comments-top-text {
		margin:0 5px 0 0;
		text-decoration:underline;
		color:#464646;
		float: right;
	}
	hr.comments-hr {
		margin:4px 0 10px 0;
		height:2px;
		border:none;
		background-color:#999;

	}

/* Comment bubbles. The HTML has the same layout, just add -new to it (and optionally replace the div with a textarea)
to change its look.  JavaScript events will bind in the same manner. */
div.comments-bubble, div.comments-bubble-new, div.comments-bubble-reply {
	position:relative;
	margin: 0;
	overflow:hidden;
}
	div.comments-bubble a {
		color:#1667da;
	}

	div.comments-bubble-new a {
		font-weight:inherit;
		color:#1667da;
	}
	.comments-content-login {
		position:relative;
		padding:8px 6px;
		margin:-75px 0 0 98px; /* Normally would use negative margins, but TEXTAREAs are troublesome, so we apply on next element */
		/*width:560px;*/
		border:1px solid #ccc;
		-webkit-border-radius: 4px;	-moz-border-: 4px;	border-radius: 4px;
		background-color:#fff;
		color:#666;
	}
	.comments-login{
		min-height: 75px;
		position: relative;
		top: 10px;
		left:15px;
		margin:0;
		font-size: 15px;
		width:100%;
	}
	textarea.comments-content {
		height: 30px;
		font:12px Tahoma, Arial;
		position: relative;
		top: 10px;
		left:15px;
		margin:0;
		width:100%;
		resize: none;
		outline: none;
	}


		.comments-rate {
			margin:0;	padding:0;
			text-align:right;
		}
		span.comments-rate-thanks {
			color: #000;
		}





/* New (post) comment version. Gray border. */
div.comments-bubble-new .comments-content {
	border:1px solid #c2c2c2;
	color:#898989;
}
div.comments-bubble-new div.comments-tail {
	background:transparent url(../img/comments/comments-tail.gif) repeat-x scroll 0 0;
}

div.top-comments p.comments-text {
	top:18px;
	margin-bottom:18px;
}

/* Reply comment version. Smaller. */
div.comments-bubble-reply  {
	margin:4px 0px 4px 32px;
}
div.comments-controls-reply .comments-content {
	margin: 0 0 12px -1px;
	width: 99%;
}

div.comments-content {
	color:#898989;
}

div.comments-bubble-reply div.comments-content {
	top:0;
	margin:0;
	border:1px solid #ffffff;
	background-color:#f7f7f7;
}
div.comments-bubble-reply div.comments-by {
	margin:0 0 0 2px;
}
div.comments-bubble-reply p.comments-text {
	top:4px;
	margin-bottom:4px;
}
div.comments-bubble-reply div.comments-top {
	display:none;
}
div.comments-bubble-reply div.comments-btns {
	position:absolute;
	top:4px;	right:0;
}
	div.comments-bubble-reply div.comments-btns button {
		float:left;
		margin-right:5px;
	}
	div.comments-bubble-reply div.comments-btns button:hover {
		margin-right:4px;
	}

/* Pre-defined new styles */

.thumbs_rating {
	float: left;
	margin-left: 10px;
}
.topComments {
	font-size: 13px;
	font-weight: bold;
}

.pageParent  {
	margin: 5px 0 0 0;
}

.color_blue {
	color: #1667DA;
}

.color_light_gray {
	color: #898989;
} 

/* Styles moved over from previous files */