/* comment styles */
#blox-comments{
	clear:both;
}
#user-comment-area h3 {margin-top: 15px;}
.comment{
	background:#EDEDED none repeat scroll 0 0;
	margin:25px 0 0;
	overflow:hidden;
	padding:10px;
	width:600px;
}
.comment textarea{
	width:100%;
	color:#d4d4d4;
	height:120px;
	background:none;
	border:none;
	overflow:auto;
}
.review{
	overflow:hidden;
	display:block;
/*	text-indent:-9999px;
	background:url(../images/txt-leave-review.gif) no-repeat; */
	width:127px;
	height:34px;
}
.comment-list{
	width:600px;
	overflow:hidden;
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
}
.comment-list li{
	width:100%;
	overflow:hidden;
	margin:21px 0 0;
}
.user{
	float:left;
	width:60px;}
.user img{
	display:block;
	height:50px;
	margin:0 0 4px;
	width:50px;}
.user strong{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0 0 1px;
	position:relative;
	top:-56px;
	}
.user em{
	color:#999999;
	font-size:10px;}
.user em span{color:#000;}
.comment .frame{
	float:left;
	width:480px;
	position:relative;
	border:1px solid #ddd;
	margin:2px 2px 0 35px;
	display:inline;
	background:#fff;
	padding:23px 10px 10px 21px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	font-size:12px;
}
.comment .frame:after{
	display:block;
	content:"";
	clear:both;}
.comment .frame .bg{
	position:absolute;
	background:url(../images/bg-comment.gif) no-repeat;
	width:30px;
	height:29px;
	top:25px;
	left:-30px;}
.comment p{
	margin:0;
	line-height:18px;}
.author{
	font-size:11px;
	font-style:normal;
	margin:8px 0 0;
	text-align:right;
}
.btn-review{
	background:#222222 none repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:30px;
	margin:16px 10px 0;
	overflow:hidden;
	width:129px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.tn-index-story p.tn-comments {
	font: italic 0.3em Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: -3px 0 0 5px;
	display: block;}

li.tn-comment-block-even,
li.tn-comment-block-odd {
	display: block;
	margin: 15px 0;
	background: #white;
	border: 16px solid #bbb;
	padding: 25px;}
#blox-story .comments h1 {
	font: bold 1em Arial, Verdana, Geneva, Helvetica, sans-serif;}

#blox-story .comments blockquote {
	font: normal 12px/19px Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:10px 0;
	padding:15px 0;}

.tn-comment-user img.tn-comments-avatar {
	height: 64px;
	width: 64px;
	margin: 0 12px 0 0;
	float:left;
	border: 5px solid #d7d7d7;
	display:block;}

.tn-comment-user .tn-comments-user-name {
	font: bold 1em Arial, Verdana, Geneva, Helvetica, sans-serif;
	display: block;
	padding:5px 0 6px 0;
	font-size:1.8em;}

.tn-comment-user .tn-comments-user-post-count {
	font: italic 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif;
	display: block;}

.tn-comment-user .tn-comments-post-time {
	font: italic 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif;
	display: block;}

.tn-comment-user:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;}

p.tn-comment-status {
	color: #CC3300;
	font: italic 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif;
	display: block;}
#post-comment{
	}
	#post-comment label{
		-moz-border-radius: 8px;
		background:#E9EFF3 none repeat scroll 0 0;
		border:1px solid #547C9D;
		color:#333;
		display:block;
		font-size:14px;
		font-weight:bold;
		margin:20px 4px 0;
		padding:15px;}
	#post-comment label span{
		background:transparent url(../images/i.icon.gif) no-repeat scroll left center;
		float:left;
		text-indent:-9999px;
		width:18px;}
	#post-comment label.error{
		-moz-border-radius: 8px;
		background:#FEF1EC none repeat scroll 0 0;
		border:1px solid #CD0A0A;
		color:#CD0A0A;
		display:block;
		font-size:14px;
		font-weight:bold;
		padding:15px;
	}
	#post-comment label.error span{
		background:transparent url(../images/a.icon.gif) no-repeat scroll left center;
		float:left;
		text-indent:-9999px;
		width:18px;}
	#post-comment .submit{
		padding:5px 10px;
		border:3px solid #666;
		background:#888;
		font-size:15px;
		font-weight:bold;
		color:#fff;
		cursor:pointer;}
/* profile page */
#avatar,
#profile,
#comments{
	margin:10px;
	padding:25px;
	border:2px solid #ddd;
	border-top:16px solid #ddd;}
#avatar{overflow:auto;}
#profile-comments{
	padding:25px;
	border:2px solid #ddd;
	border-top:16px solid #ddd;	}
	#profile-comments #comment-form .submit{
		padding:5px 10px;
		border:3px solid #666;
		background:#888;
		font-size:15px;
		font-weight:bold;
		color:#fff;
		cursor:pointer;}	
	#avatar h2,
	#profile h2,
	#comments h2,
	#profile-comments h2{
		margin-bottom:25px;
		border:none;}
	#avatar img{
		display:block;}
	#avatar h1{
		font-size:0.8125em;
		font-weight:bold;}
	#avatar p{
		clear:both;}
	ul#comment-box{}
	ul#comment-box li{
		margin:10px 0;
		padding:10px;
		border:1px solid #ddd;
		border-top-width:8px;}
		ul#comment-box li .content{
			font-size:12px;
			line-height:19px;
			color:#666;}
		ul#comment-box li .post-time{
			margin:0 0 15px 0;
			padding:5px 0;
			border-bottom:1px dotted #bbb;
			display:block;
			font-size:11px;
			color:#cc0000;}
#tabBox{
	margin:10px;}
	.ui-tabs-hide { display: none; }
	.ui-tabs-panel{
		padding:25px;
		border:2px solid #555;
		border-top-width:20px;
		border-bottom-width:2px;
		clear:both;}
	ul.ui-tabs-nav{
		height:31px;
		margin:0;
		padding:0;}
		ul.ui-tabs-nav li{
			margin:0;
			padding:0;
			margin-right:10px;
			float:left;
			display:inline;
			border-bottom:0;
			background:#ddd;}
			ul.ui-tabs-nav li a{
				height:30px;
				padding:0 20px;
				line-height:30px;
				display:inline;
				text-decoration:none;
				color:#555;
				outline:none;}
			ul.ui-tabs-nav li.ui-tabs-selected{
				background:#555;}
				ul.ui-tabs-nav li.ui-tabs-selected a{
					color:white;
					text-decoration:none;}
					ul.ui-tabs-nav li.ui-tabs-selected a:hover{
						cursor:default;}


.user{width:50px!important;}
.user img{height:50px;width:auto!important;}

#comment-log-in-area{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:5px 0;
overflow:auto;
padding:20px;
text-align:left;
width:555px;
}
#comment-log-in-area h2{color:#666666;text-align:center;margin:0 0 20px;padding:0px;font-weight:bold;font-size:24px;}
#comment-log-in-area ul li{float:left;padding:5px 33px 10px;width:210px;border-left:solid 1px #dddddd;}
#comment-log-in-area ul li:first-child{border-left:none;}
#comment-log-in-area .button a{display:block;font-size:16px;font-weight:bold;background:#547C9D;color:#ffffff;padding:8px;margin:0 0 10px;text-align:center;-moz-border-radius:16px;-webkit-border-radius:16px;}
#comment-log-in-area .button a:hover{text-decoration:none;}
/* .login,#comment-log-in-area .register */

.commentInfo { overflow:auto;text-align:right;display:block;margin:8px 0 0;color:#888888;height:24px; }
.commentInfo li{display:inline;font-size:11px;font-style:normal;border-left:solid 1px #888888;padding:0px;margin:0px;}
.commentInfo li:first-child{border-left:none;}
.commentInfo li .author{background:transparent url(../images/icon-info.gif) no-repeat scroll 0 1px;padding-left:14px;}
.commentInfo li .commentLink { padding:0 0 0 20px;margin:0;background:transparent url(../images/icon-link.gif) no-repeat scroll 6px 1px; }
.commentInfo li form.reportAbuse{ display:inline;padding:0;font-size:11px;font-style:normal;margin:0;}
.commentInfo li form.reportAbuse .reportAbuseBtn{margin:0px;border:none;background:transparent url(../images/icon-alert-grey.gif) no-repeat scroll 4px 1px;padding:0px;text-align:right;width:92px;cursor:pointer;}
.commentInfo li .commentReported{color:#cc0000;padding-left:20px;background:transparent url(../images/icon-alert-red.gif) no-repeat scroll 4px 1px;}

.readMore{ background:#888888 none repeat scroll 0 0;color:#FFFFFF;display:block;left:-21px;padding:4px;position:relative;top:10px;width:504px; }

/* .comment-list li.reported{display:none;} */