.commentsystem {
	padding:0px;
	margin-top:0px;
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
	line-height:normal;
	color: #000;
}



.commentsystem .error {
	color: #ff0000;
	padding:4px;
	padding-left:5px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	line-height:14px;
	margin-bottom:4px;
	font-size: 12px;
}



.commentsystem .success {
	color: #ffcc00;
	padding:4px;
	padding-left:5px;
	background-color:#333333;
	border:1px solid #333333;
	line-height:11px;
	margin-bottom:4px;
}



.commentsystem .commentslist {

	clear:both;

}



.commentsystem .comment {

	margin-bottom:10px;

}



.commentsystem .comment .meta {
	font-size: 11px;
	color: #333;
	background-color:#CCC;
	border:1px solid #333333;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	height:12px;
}



.commentsystem .comment .meta .author_name {

	float:left;

	font-weight:bold;

	letter-spacing:1px;

}



.commentsystem .comment .meta .comment_details {

	float:right;

	color:#999999;

	}

	



#commentform_verificationimage {

	width:100px;

	height:20px;

}



.comment_text {
	background-color:#FAFAFA;
	padding:4px;
	padding-left:5px;
	border:1px solid #333333;
	border-top:none;
	overflow:hidden;
	text-align:left;

}





/* the form */



.commentsystem form {
	margin:0px;
	line-height:normal;
	padding:10px;
	margin-bottom:10px;
	background-color:#FAFAFA;
	border:1px solid #333333;

}



.commentsystem label {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



.comment_form_text_box {
	border: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:1px;
}



.comment_form_text_area {
	border: 1px solid #cccccc;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px;
	margin:0px;
	margin-right:10px;
}

.comment_form_submit {
	margin-top:10px;
	height:22px;
	font-size:12px;
	border: 1px solid #cccccc;
	background-color:#F1F1F1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}



.commentsystem .editing_form {

	margin:0px;

	line-height:normal;

	background-color:#FAFAFA;

	border:none;

}





.commentsystem .editing_comment_form_text_area {
	border: 1px solid #333333;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px;
	margin:0px;

}



/* inline editing */



.commentsystem .comment_text textarea{ 

	width: 98%; 

	height: 100px;

}





/* pagination >>> */



.commentsystem .pagination {

	text-align:left;

	float:left;

	padding-top:3px;

	margin-bottom:4px;

	padding-bottom:3px;

	line-height:10px;

	direction:ltr;

	}



.commentsystem .pagination a:link, .commentsystem .pagination a:visited{

	padding:6px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #EEEEEE;

	margin-left:10px;

	text-decoration:none;

	background-color:#FAFAFA;

	color:#666666;

	margin-bottom:2px;

	}



.commentsystem .pagination a:hover {
	background-color:#FFF;
	color:#666666;
	border:1px solid #BBDDFF;
	}



.commentsystem .pagination .active_link {
	padding:6px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:10px;
	text-decoration:none;
	background-color:#CCC;
	color:#000000;
	cursor:default;
	}



.commentsystem .pagination .disabled_pagination {

	padding:6px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #EEEEEE;

	margin-left:10px;

	text-decoration:none;

	background-color: #FAFAFA;

	color:#CCCCCC;

	cursor:default;

	}



/* <<< pagination */



.add_comment_button{
	padding:6px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	background-color:#333;
	cursor:pointer;
	margin-bottom:10px;
	background-image: url(/images/2009/images/bg/add_a_comment.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	}



.comments_area_title{
	padding:1px;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration:none;
	background-color:#333;
	color:#FFFFFF;
	margin-bottom:4px;
	font-weight: bold;
	}