﻿/* Estilos da tela de listagem */

.comentarios_grid
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*font-weight: ;*/
	color: #941E19;
	margin: 0 0 0 15px;
}

.comentarios_cabecalho
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.comentarios_linhaImpar
{
}

.comentarios_linhaPar
{
}

.comentarios_paginacao
{
}

.comentarios_tituloCabecalho
{
}

.comentarios_tituloComentario
{
	font-size: 12px;
	font-weight: bold;
}

.comentarios_comentario
{
	font-weight: normal;
	font-size: 12px;
}

.comentarios_autor
{
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}

.comentarios_data
{
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}

.comentarios_email
{
}

.divListaComentarios
{
	width: 485px;
	height:;
}

.comentarios_carregando
{
	top: 320px;
	left: 10px;
	position: absolute;
	z-index: 999;
	font-size: 12px;
	color: #941E19;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}

.clsTitleComments { 
	height: 37px;	 
	margin-bottom: 10px;
	padding-top: 15px;
	border-bottom: 1px solid #7E3432;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #941E19;
	padding-left: 15px;
	padding-right: 15px;
}


.btnFechar {
	/*position: absolute;
	left: 495px;
	top: 20px;
	cursor: pointer;*/
}


.BlcComments {
	width: 490px;
	margin-left: 15px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #7E3432

}

.TxtComments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bolder;
	margin: 0 0 5px 0;
	border: 1px solid red

}

.AutorComments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8C352B;
	font-weight: normal;
	border: 1px solid blue

}

.CommentsMusica a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 10px;
	position:absolute;
	left: 11px;
	top: 274px;
}  
		
.divbtProxima {padding: 10px 0 0 10px;}	
		
#btProxima  {
	background-image:url(Imagens/btnProximo.gif);
	width: 93px;
	height: 19px;
	float: left;
	top: 300px;
	left: 425px;
	position: absolute;
}

#btProxima:hover {
	background-image:url(Imagens/btnProximo_hover.gif);
}
	
.ClsBotaoPadrao {
	padding-right: 5px;
	padding-left: 100px;
	padding-bottom: 1px;
	float: left;
	border:0px;
	margin-right: 8px;
	color:#000000;
	
}
.ClsBotaoPadrao a {
	color:#000;
	text-decoration: none;
	display: block;
}


.ClsBotaoPadraoVerComents {
	/*background: ;*/
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	float: left;
	border:0px;
	margin-right: 8px;
	border: green 1px solid;
	color:#000000;
	
}
.ClsBotaoPadraoVerComents a {
	color:#000;
	text-decoration: none;
	display: block;
}



#divComentar .label 
{
	float: left;
	text-align: right;
	width: 90px;
	margin-top: 4px;
	color: #000;
}

#divComentar .inputPopupComentario 
{
	background-color: #d2ad78;	
	padding: 2px;
	width: 273px;
	margin-left: 10px;
	margin-bottom: 0px;
	border: 1px solid #913A33;
}

#divComentar .inputPopupComentario:focus
{
    border: #913A33 1px solid;
}

#divComentar .inputPopupComentario:hover
{
    border: #000 1px solid;
}

#divComentar .area {
	background-color: #d2ad78;
	border: 1px solid #913A33;
	padding: 2px;
	width: 273px;
	height: 70px;
	margin-left: 10px;
}


#divComentar .area:focus
{
    border: #913A33 1px solid;
}

#divComentar .area:hover
{
    border: #000 1px solid;
}


.clsConteudoAbaInativa
{
	display: none;
}


#divComentar .comentario_set
{
	margin-bottom: 15px;
}

/*-------Formulario---------*/

.BlcCommentsForm {
	width: 490px;
	margin-left: 15px;
	padding: 20px 0 20px 0;
	background-color: transparent;	
	border: 1px solid #913A33
}


.clsComments{ 
	width: 520px; 
	height: 37px;	 
	margin-bottom: 10px;
	border-bottom: 1px solid #7E3432;
}



.TtComments {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #941E19;
	margin: 10px 0 0 10px;

}


.btFechar {
	background-image: url(Imagens/btnFechar.gif);
	width: 20px;
	height: 18px;
	position: absolute;
	left: 495px;
	top: 28px;
}

.TxtTt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bolder;
	margin: 0 0 5px 0;
	float: left

}

.CxForm {
	margin: 0 0 0 60px;
	border: 1px solid gren
}


input{ float: left; background-color:transparent}

/*---------------------*/

.divMensagemSucesso
{
	text-align: center;
	font-size: 12px;
	color: #941E19;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}

.divTelaComentario   
{
	 width: 520px;
	 height: 350px;
	 border: 2px solid #752532;
	 font-size: 12px;
	 color: #941E19;
	 font-weight: bolder;
	 font-family: Arial, Helvetica, sans-serif;
	 background-image:url(Imagens/bkg_pop_up.jpg);
	 display: none;
}
	 

#divTelaFormComentario {  
	width: 520px;
	 height: 350px;
	 border: 2px solid #752532;
	 font-size: 12px;
	 color: #941E19;
	 font-weight: bolder;
	 font-family: Arial, Helvetica, sans-serif;
	 background-image:url(Imagens/bkg_pop_up.jpg);
	 display: none;
}

.clsConteudoAbas
{
	position: absolute; 
	top: 45px; 
	left: 170px; 
	z-index:1000;
}


#Comments_upComentario {  /*padding-left: 15px;*/}

.clsSemComentario { padding-left: 15px; padding-bottom: 20px; padding-top: 15px; font-weight: bold}

#divLinkComentarMusica { text-align: center; }

#divControleComentario { position: absolute; left: 15px; top: 259px;    }

.divBotaoEnviar { text-align: center}