@CHARSET "ISO-8859-1";

/* Estilos Genéricos */
/* Estados dos comentários */
.comment-pending { border-left: 2px solid yellow;}
/*.comment-aproved { } */
.comment-hidden { color: #AAA; border-left: 2px solid #AAA;}
.comment-spam {  border-left: 2px solid red; }
.comment-liked .commentLike { background-color: lightgreen !important; border-color: darkgreen; }
.comment-disliked .commentDislike { background-color: #EE9690 !important; border-color: darkred; }

.comment-new { background-color: #EFEFEF !important; }
.comment-aproved .commentAprove, .comment-aproved .commentInfo {display: none;}

/* Icones do sistema */
.plusIconThumbsUp {background-position: 0px -30px;} 
.plusIconThumbsUp:hover {background-position: 0px 0px;}
.plusIconThumbsDown {background-position: -30px -30px;}
.plusIconThumbsDown:hover {background-position: -30px 0px;}
.plusIconReply {background-position: -60px -30px;}
.plusIconReply:hover {background-position: -60px 0px;}
.plusIconDelete {background-position: -120px -30px;}
.plusIconDelete:hover {background-position: -120px 0px;}
.plusIconEdit {background-position: -150px -30px;}
.plusIconEdit:hover {background-position: -150px 0px;}
.plusIconCheck {background-position: -210px -30px;}
.plusIconCheck:hover {background-position: -210px 0px;}
.plusIconInfo {background-position: -240px 0px;}

.commentReply:hover .plusIconReply {background-position: -60px 0px;}
.comment .plusIconInfo {float: left;}

/* Estilos específicos - Listagem dos comentários plana */
#commentsFlat .modulo_sistema_login { display: none; }
	
/* Estilos específicos - Listagem dos comentários plana - Um comentario*/
.comment {
	position: relative;
	padding: 5px;
	margin-bottom: 2px;
}

.commentImage {
	float: left;
	padding: 5px;
}

.commentUsuario, .commentUsuarioMail {
	float: left;
	width: 15%;
}

/* @todo colocar icone de email */
.commentUsuarioMail {
	text-decoration: none;
}


.commentControls {
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}

#commentToggler {
	font-size: 15px;
	padding: 4px;
}

#commentToggler,  .commentActions a {
	color: #A2A1A1;
	text-shadow: 0 1px 0 #FFFFFF;
	text-decoration: none;	
	display: block;
	float: right;
	background-color: #F1F1F1; 
	border: 1px solid #ddd;
	margin-left: 3px;
	outline-style: none;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.commentActions a:hover, #commentToggler:hover {
	color: black;
	border: 1px solid #888;
	box-shadow: 0px 1px 0px #777;
	-moz-box-shadow: 0px 2px 4px rgba(119, 119, 119, 0.4), inset 0 1px 0 #FFF;
	-webkit-box-shadow: 3px 3px 3px rgba(119, 119, 119, 0.4);
}

.commentReply span {float: left;}
.commentReply b {diplay: block; padding: 0px 5px 0px 0px; float: left; line-height: 27px;}

#commentsPoster { display: none; }

#commentForm textarea, #commentForm input[type=text] { width: 100%; }

#commentForm .formButton { float: right; margin-top: 2px; }


/* Estilos específicos - Bloco de comentario */
.sistemaBlocoComment .commentCreated {
	text-align: right;
}