@charset "utf-8";
/* CSS Document */

/*body, h1, h2, h3, img, div, form { margin:0px; padding:0px;}*/

#comments-container    { color: red; font-family: Helvetica, Arial, sans-serif; padding: 10px }

#comments-header  { color: orange; line-height: 1.3em !important }

#comments-header h3  { color: orange; font-size: 22px }

#comments-header p   { color: orange; font-size: 13px }

#comments-header a   { color: orange; text-decoration: none }

.active { font-weight:bold;}

.clear { font-size:0px!important; line-height:0px!important; clear:both;}

.clear1 { font-size:10px!important; line-height:10px!important; height:10px; clear:both;}

.comment_item { }

.comment-item-header {
	background-image:url(images/comment-header-bg.png);
	background-repeat:repeat-x;
	height: 31px;
}

.avatar { margin: 3px 5px 0px 3px; float:left;}

.nickname-link   { color: orange; font-size: 13px; line-height: 31px; text-decoration: none; float: left }

.bullet  { color: gray; font-size: 16px; margin: 7px 5px 0; float: left }

.rep-score { float:left; margin:10px 5px 0px 1px; cursor:help;}

.rep-score-left { background-image: url(images/rep-score-left.png); background-repeat:no-repeat; width:6px; height:14px; float:left;}

.rep-score-right { background-image: url(images/rep-score-right.png); background-repeat:no-repeat; width:6px; height:14px; float:left;}

.rep-score-center { background-image:url(images/rep-score-center.png); background-repeat:repeat-x; float:left; font-size:11px; height:14px;}

.rating { float:right; margin:8px 10px 0px 0px;}

.score { font-size:12px; float:left; padding-top:1px; margin-right:2px;}

.rating-plus { background-image: url(images/rating-plus.png); background-repeat:no-repeat; width:17px; height:18px; margin:0px 3px; float:left; cursor:pointer;}

.rating-minus { background-image: url(images/rating-minus.png); background-repeat:no-repeat; width:17px; height:18px;  margin:0px 3px; float:left; cursor:pointer;}

.comment-body  { color: gray; font-size: 13px; line-height: 1.3em !important; padding: 0.3em 0 }

.comment-status  { color: black; margin-top: 0.3em }

.comment-status a  { color: fuchsia; font-size: 13px; text-decoration: none; float: left }

.comment-status a:hover { text-decoration: underline;}

.comment-button { float:right; font-size:13px; cursor:pointer;}

.comment-button-left { background-image:url(images/button.png); width:6px; height:22px; background-repeat:no-repeat; float:left;}

.comment-button-center { background-image:url(images/button.png); background-position:-6px 0px; height:21px; float:left; padding-top:1px;}

.comment-button-right { background-image:url(images/button.png); background-position: -728px 0px; width:6px; height:22px; float:left;}

.comment-form  { color: black; background-image: url(images/arrow.png); background-repeat: no-repeat; display: none; padding-left: 20px }

.comment-form a   { color: black; text-decoration: none }

.comment-form form  { color: red; font-size: 13px; font-family: Helvetica, Arial, sans-serif; line-height: 1.3em !important }

.comment-form form br  { color: red; clear: both }

.form-text  { color: black; font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0.3em auto; padding: 3px; width: 98%; height: 100px }

.form-input  { color: black; margin: 0.3em auto; width: 50%; float: left }

.form-check  { color: navy; margin: 0.3em auto; float: left; clear: left }

.input-text  { color: gray; padding-top: 7px; padding-left: 10px; float: left }

.reply { padding-left:20px; background-image:url(images/arrow.png); background-repeat:no-repeat;background-position: top left;}

.display   { background: transparent; display: block; padding-left: 0 }

#ccloading, #ccsuccess, #ccfail{
	background:#819F70;
	padding: 3px;
	width: 50px;
	position:fixed;
	top: 0;
	right: 0;
	visibility:hidden;
}
#ccsuccess{
	background:green;
}
#ccfail{
	background: red;
}
#ccresponse{
	background:#fff;
	padding: 3px;
	width: 55px;
	height: 20px;
	position:fixed;
	top: 0;
	right: 0;
	visibility:hidden;
}

.left { float:left!important;}