﻿.comment-widget 
{
	clear: both;
	margin: 20px 0 0;
	width: 50%;
}

.comment-widget .comment-group-heading h3
{
	float:left;
}

.comment-widget .comment-group-heading a
{
	float:right;
}

/* Make it very specific, otherwise other styles give the list bullets */
.comment-widget .bd .comments-list li.comment-item
{
	background: none repeat scroll 0 0 #EEEEEE;
	margin: 3px 0;
	list-style: none;
	padding: 7px 10px;
}

	.comment-widget .comment-item span
	{
		color: #333;
	}

	.comment-widget .comment-item .author
	{
		font-weight:bold;
	}
	
	.comment-widget .comment-item .comment-text
	{
		padding-right: 3px;
	}

	.comment-widget .comment-item div.message
	{
		margin-left: 45px;
		line-height: 1.4;
	}

	.comment-widget .comment-item div.profile-pic
	{
		float: left;
	}
	
	.comment-widget .comment-item .comment-time {
		color: #777;	
	}

.comment-widget .item-controls {
	padding-top: 5px;
}

.comment-widget .add-comment
{
	background:none repeat scroll 0 0 #EEEEEE;
	margin:3px 0;
	padding: 7px 10px;
}

	.comment-widget .add-comment .post-comment {
		border: 1px solid #CCC;
		padding: 3px;
		width: 97%;
	}
	
	.comment-widget .add-comment a.button {
		float: left;
		margin-top: 7px;
		margin-right: 7px;
		cursor: pointer;
	}
	
	.comment-widget .add-comment a.button-disabled {
		background:none repeat scroll 0 0 #CCCCCC;
		border:1px solid #AAAAAA;
		color:#666666;
		cursor:auto;
		text-decoration:none;
	}

.comment-widget .report-comment
{
	background: #CCC;
}

.comment-widget .report-comment #comment-to-report
{
	
}

.comment-widget .add-comment textarea
{
	width:99%;
}

.comment-widget .simplePagerNav
{
}

.comment-widget .simplePagerNav li
{
	background:none repeat scroll 0 0 #DDDDDD;
	display:block;
	float:left;
	margin:0 2px;
	padding:3px;
}

.comment-widget .simplePagerNav li.currentPage
{
	background:none;
}