/* 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;
	position:relative;
}
.user{
	float:left;
	width:60px;}
.user img{
	display:block;
	height:50px;
	margin:0 0 4px;
	width:50px;}
.user a {display:block;
	height:50px;
	overflow:hidden;
	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{
	position:relative;}
	#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;}
.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:102px;cursor:pointer;}
.commentInfo li .commentReported{color:#cc0000;padding-left:20px;background:transparent url(../images/icon-alert-red.gif) no-repeat scroll 4px 1px;}
.commentInfo li .not.commentReported{color:#888888;background:transparent url(../images/icon-alert-grey.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;} */

/*--- Smileys ---*/
.blox_emoticons {
	width:19px;
	height:19px;
	margin:0 3px 0 5px;
	display:-moz-inline-stack;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/_commenting/smiley_sprite.png) no-repeat;
	zoom:1;
	cursor:pointer;
	*display: inline;
	*padding:0 1px 0 1px;
	}
		.sprite-angry { background-position: 0 0;
			height:18px; } 
		.sprite-ban {background-position:0 -29px;
			height:50px;
			width:56px;} 
		.sprite-beam { background-position: 0 -88px; } 
		.sprite-blink { background-position: 0 -113px; } 
		.sprite-censored { background-position: 0 -138px;
			width:34px; } 
		.sprite-cool { background-position: 0 -161px; } 
		.sprite-crying { background-position: 0 -186px;
			height:18px; } 
		.sprite-happybirthday { background-position: 0 -209px;
			height:26px;
			width:80px; } 
		.sprite-huh { background-position: 0 -240px; } 
		.sprite-innocent { background-position: 0 -265px;
			height:22px; } 
		.sprite-lol { background-position: 0 -292px; } 
		.sprite-offtopic { background-position: 0 -317px;
			height:50px;
			width:45px; } 
		.sprite-rolleyes { background-position: 0 -373px; } 
		.sprite-sad { background-position: 0 -398px; } 
		.sprite-scared { background-position: 0 -423px;
			height:20px; } 
		.sprite-sleep { background-position: 0 -449px; } 
		.sprite-sleeping { background-position: 0 -474px;
			height:25px; } 
		.sprite-smile { background-position: 0 -505px; } 
		.sprite-sneaky { background-position: 0 -530px; } 
		.sprite-spam { background-position: 0 -555px;
			height:51px;
			width:50px; } 
		.sprite-tongue { background-position: 0 -612px; } 
		.sprite-unsure { background-position: 0 -637px; } 
		.sprite-whistling { background-position: 0 -660px; } 
		.sprite-wink { background-position: 0 -683px; } 
		.sprite-love { background-position: 0 -708px;
			height:28px;
			width:21px; } 
		.sprite-yawn { background-position: 0 -742px;
			height: 18px; } 
		.sprite-batman { background-position:0 -771px;
			height:25px; } 
		.sprite-ninja { background-position:0 -807px;
			height:18px;} 
		.sprite-pirate { background-position:0 -835px;
			height:18px;} 
		.sprite-alien { background-position:0 -864px;
			height:19px;} 
		.sprite-thumbdown { background-position:0 -889px;
			height:19px;} 
		.sprite-thumbup { background-position:0 -914px;
			height:19px;} 
		.sprite-tongue_smile { background-position:0 -940px;
			height:19px;} 
		.sprite-ohmy {background-position:-24px -940px;
			height:19px;} 

#emoticon-control{
	width:164px;
	height:20px;
	line-height:20px;
	border:1px solid #ddd;
	background:#ffffff;
	float:right;
	margin-right:15px;
	text-align:right;}
	#emoticon-control a{
		text-decoration:none;}
		#emoticon-control a:hover{
			text-decoration:none;}
		#emoticon-control a .button{
			height:18px;
			margin:0 1px 0 0;
			padding:0 5px;
			overflow:hidden;
			display:inline-block;
			position:relative;
			top:0;
			line-height:18px;
			background:#222222 none repeat scroll 0 0;
			color:white;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			cursor:pointer;
			*top:-2px;
			}
#more-icons-area{
	width:320px;
	height:165px;
	top:0px;
	right:15px;
	display:block;
	position:absolute;
	background:#ffffff;
	border:solid 1px #dddddd;
	padding:1px;
	z-index:100;}
	#more-icons-area .icon-row{border-bottom:solid 1px #eee;padding-right:15px;position:relative;top:-1px;text-align:right;}
	#more-icons-area .icon-row.top{text-align:right;top:-1px;padding-right:0px;}
	#more-icons-area .icon-row.oversize{padding-right:0px;}
	#more-icons-area a.button{
		height:18px;
		margin:1px 1px 0px 2px;
		padding:0 5px;
		overflow:hidden;
		display:inline-block;
		position:relative;
		top:0px;
		left:1px;
		line-height:18px;
		background:#222222 none repeat scroll 0 0;
		color:white;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		width:33px;
		*top:-2px;
		*margin:0 1px 0 0px;
		*width:32px;
		}
#newPost .frame{
	*z-index:-1;
}