/**

Trotes do Chupim: Trotes - Visualizacao
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

**/



/* Area Superior
--------------------------------------------------------------------------------------- */

	/* Migalhas
	----------------------------------------------------------------------------------- */
.cabeca {  border-bottom:1px solid #EEEEEE; margin-bottom:10px; padding-bottom: 5px; display:block; }
#caminho { height:22px; float: left; }
#caminho li { float:left; font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif; line-height:22px; padding-left:0 15px 0 15px;}
#caminho li.first a { background: #eee url(../images/crumbs_fundo.gif) no-repeat right center; }							
#caminho li.second a { background:  url(../images/crumbs_fim.gif) no-repeat right center; }							
#caminho li a { display:block; font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif; line-height:22px; padding:0 20px 0 10px;}							
#caminho li a:link, 
#caminho li a:visited { color:#0971d2; text-decoration:none; }	
#caminho li a:hover,
#caminho li a:focus { color:#333; text-decoration:none; }
.cabeca .migalha { float:left; color: #000; font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif; line-height:22px; padding:0 20px 0 10px; }	


	/* Favoritar
	----------------------------------------------------------------------------------- */
.favoritar { width: 150px; margin: -24px 8px 0 0;; float:right; }
#tooltip{ position:absolute; border:1px solid #333; background:#3A3A3A; padding:8px 9px; color:#fff; display:none; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; }	
li.add { font: 12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; float:left; padding: 4px; }
li.fav { margin-left: 5px; float: right; }
li.fav a { display:block; height:16px; text-decoration:none; outline: none; text-indent: -1000em;}
li.fav a.ork, li.fav a.ork:hover { background: #fff url(../images/share_orkut.gif) no-repeat center top; width:44px; }
li.fav a.twt, li.fav a.twt:hover { background: #fff url(../images/share_twitter.gif) no-repeat center top; width:68px; }



li.fav a.lov, li.fav a.lov:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -327px; }
li.fav a.ema, li.fav a.ema:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -171px; }



li.fav2 { margin-left: 5px; float: right; }
li.fav2 a { display:block; height:60px; text-decoration:none; outline: none; text-indent: -1000em; width:70px; }
li.fav2 a.lov { background: #fff url(../images/favoritar.jpg) no-repeat 0 0; }
li.fav2 a.lov:hover { background: #fff url(../images/favoritar.jpg) no-repeat 0 -60px; }
li.fav2 a.lov2, li.fav2 a.lov2:hover { background: #fff url(../images/favoritar.jpg) no-repeat 0 -120px; }


	/* Titulo
	----------------------------------------------------------------------------------- */
.trote-titulo { display: block; padding: 5px; margin-bottom: 10px; }
.trote-titulo h2 { padding: 3px 10px; margin-bottom: 4px; color:#000; font: 40px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; float:left; letter-spacing:-0.05em;}
.trote-data { border-bottom-width:0; float:left; height:50px; position:relative; width:52px; }
.trote-titulo2 { float:left; min-height:50px; width:830px; }
.trote-favoritar { float:left; min-height:60px; width:70px; margin-top:-10px; }
.month, .day, .year { background-image:url(../images/datas.png); background-repeat:no-repeat; position:absolute; text-indent:-1000em;}
.month { height:24px; left:0; top:2px; width:32px; }
.day { height:25px; left:0; top:25px; width:32px; }
.year { bottom:0; height:48px; right:0; width:18px; }
.m-01{background-position:0 4px}.m-02{background-position:0 -28px}.m-03{background-position:0 -57px}.m-04{background-position:0 -90px}.m-05{background-position:0 -121px}.m-06{background-position:0 -155px}.m-07{background-position:0 -180px}.m-08{background-position:0 -216px}.m-09{background-position:0 -246px}.m-10{background-position:0 -273px}.m-11{background-position:0 -309px}.m-12{background-position:0 -340px}.d-01{background-position:-50px 0}.d-02{background-position:-50px -31px}.d-03{background-position:-50px -62px}.d-04{background-position:-50px -92px}.d-05{background-position:-50px -123px}.d-06{background-position:-50px -154px}.d-07{background-position:-50px -185px}.d-08{background-position:-50px -216px}.d-09{background-position:-50px -248px}.d-10{background-position:-50px -278px}.d-11{background-position:-50px -309px}.d-12{background-position:-50px -340px}.d-13{background-position:-50px -371px}.d-14{background-position:-50px -402px}.d-15{background-position:-50px -434px}.d-16{background-position:-50px -465px}.d-17{background-position:-100px 0}.d-18{background-position:-100px -31px}.d-19{background-position:-100px -62px}.d-20{background-position:-100px -92px}.d-21{background-position:-100px -123px}.d-22{background-position:-100px -154px}.d-23{background-position:-100px -185px}.d-24{background-position:-100px -216px}.d-25{background-position:-100px -248px}.d-26{background-position:-100px -278px}.d-27{background-position:-100px -309px}.d-28{background-position:-100px -340px}.d-29{background-position:-100px -371px}.d-30{background-position:-100px -402px}.d-31{background-position:-100px -434px}.y-2004{background-position:-150px 0}.y-2005{background-position:-150px -50px}.y-2006{background-position:-150px -100px}.y-2007{background-position:-150px -150px}.y-2008{background-position:-150px -200px}.y-2009{background-position:-150px -250px}.y-2010{background-position:-150px -300px}.y-2011{background-position:-150px -350px}.y-2012{background-position:-150px -400px}.y-2013{background-position:-150px -450px}.y-2014{background-position:-150px -500px}.y-2015{background-position:-150px -550px}.y-2016{background-position:-150px -600px}



/* Bloco Esquerdo
--------------------------------------------------------------------------------------- */
.bloco_esquerdo	{ width: 502px; float:left; }
.bloco_esquerdo_adsense	{ width: 340px; margin:auto; margin-bottom: 10px; }
.bloco_esquerdo_naologado 	{ border: 1px #DED6C9 solid; background: #EFEBE4; padding: 10px; margin-top: 3px; }
.bloco_esquerdo_naologado p a:link, 
.bloco_esquerdo_naologado p a:visited {font: bold 13px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; }
.bloco_esquerdo_naologado p a:hover {text-decoration:none; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff;  } 

.player { margin-bottom: 15px; }
.player #quote p { text-align: center; }
.player .informe { text-align: center; padding-top: 5px; }
.player .informe p a:link, 
.player .informe p a:visited,
.salvarcomo { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; text-align: center; }
.salvarcomo { display: block; }
.player .informe p a:hover { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: underline; color: #000; text-align: center; }
.media { margin: auto; }

.botao, .botao:visited {
	border: 0;
	background: #0971d2 url(../images/overlay.png) repeat-x; 
	display: block; 
	padding: 8px 14px 9px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center; }
.botao:hover { background-color: #06d;}



/* Bloco Direito
--------------------------------------------------------------------------------------- */
.bloco_direito { float:left; margin-left:22px; width:400px; padding:10px; background: #f8f8f8; min-height: 270px; }



















/* Estrutura
--------------------------------------------------------------------------------------- */
.descricao	{ padding: 8px 0; text-align:left; margin-bottom: 10px; }
.avatar2	{ width:64px; margin-right: 5px; float:left; }




/* Links
--------------------------------------------------------------------------------------- */












/* Comentários */
.comentario p a:link, .comentario p a:visited, .comentario p a:hover { font: 14px Arial, Helvetica, sans-serif; color:#0971d2; font-weight:bold; }
.comentario p a:link, .comentario p a:visited { text-decoration:none; }
.comentario p a:hover { text-decoration:underline;}


.tags a:link, .tags a:visited { font: bold 16px Arial, Helvetica, sans-serif; color:#0971d2; padding: 5px; text-decoration: none; }
.tags a:hover { font: bold 16px Arial, Helvetica, sans-serif; color:#fff; background: #0971d2 url(../images/faixaazul.gif) repeat;  padding: 5px; text-decoration: none; }


.carregando { background-image: url('../images/load.gif'); background-repeat: no-repeat; background-position: center top;  margin:auto; display: block ; }
.mostrar { display: block; }


.comentario_sucesso {color:#FFFFFF; display:block; padding:15px; margin: 0 0 15px; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }





/* Bloco Esquerdo
--------------------------------------------------------------------------------------- */





/* Bloco Direito
--------------------------------------------------------------------------------------- */
.descricao p { font: 20px Arial, Helvetica, sans-serif; color: #3e3e3e; }

.duracao p, .tamanho p, .downloads p, .nota p, .bug p, .tags p, .enviado p, .cod_html p, .cod_bbc p, .cod_url p, .cod_email p, .usuario p, .buscape p { font: 12px "Lucida Grande",Verdana,sans-serif; }
.duracao p strong, .tamanho p strong, .downloads p strong, .nota p strong, .tags p strong, .enviado p strong, .cod_html p strong, .cod_bbc p strong, .cod_url p strong, .cod_email p strong, .usuario p strong, .buscape p strong { font: bold 18px Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.04em; }




.ratingblock p { font: 12px Verdana, Arial, Helvetica, sans-serif; }
.ratingblock p strong { font: 14px Verdana, Arial, Helvetica, sans-serif; }

.bloco_esquerdo_naologado p { font: 12px Arial, Helvetica, sans-serif; text-align: left; margin: 0; }
.bloco_esquerdo_naologado p strong { font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: left; padding-bottom: 5px;}

.abriremail p			{ font: 12px Arial, Helvetica, sans-serif; }

.abriremail p, .bloco_direito p	{ color:#000; } 




.nota		{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -1px;   border-bottom: 1px solid #E5E5E5; }
.duracao	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -52px;  border-bottom: 1px solid #E5E5E5; }
.tamanho	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -104px; border-bottom: 1px solid #E5E5E5; }
.downloads	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -155px; border-bottom: 1px solid #E5E5E5; }
.tags		{ background: #f8f8f8 url(../images/tags.png) no-repeat 14px 50%; border-bottom: 3px solid #E5E5E5; }
.cod_html	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -348px; border-bottom: 1px solid #E5E5E5; }
.cod_bbc	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -402px; border-bottom: 1px solid #E5E5E5; }
.cod_url	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -454px; border-bottom: 3px solid #E5E5E5; }
.usuario	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -520px; border-bottom: 1px solid #E5E5E5; }
.cod_email	{ border-bottom: 3px solid #E5E5E5; }

.enviado	{ background: #efefef url(../images/user_enviado.gif) left no-repeat; }
.bug		{ background: #efefef url(../images/bug.gif) left no-repeat; }

.duracao, .tamanho, .downloads, .nota, .bug, .tags, .enviado, .cod_html, .cod_bbc, .cod_url, .usuario, .buscape { text-align:left; padding: 15px 20px 15px 45px; }

.buscape	{ background: #f8f8f8 url(../images/cart.png) no-repeat 14px 13px; border-bottom: 3px solid #E5E5E5; border-top: 3px solid #E5E5E5;  padding:10px 10px 10px 45px; margin-bottom: 15px; }

.buscape p a:link, .buscape p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color: #0971d2; text-decoration:none; }
.buscape p a:hover { font: bold 14px Arial, Helvetica, sans-serif; color: #60A25B; text-decoration:none; }

.buscape_vitrine { margin: auto; width: 730px; }

.boo-powered { display: none; }

.codigo, .enviar_email { width: 320px; padding: 3px; font: 12px "Lucida Grande",Verdana,sans-serif; margin: 5px 0;}

.cod_email { text-align:left; padding: 15px 20px; }

.email_sucesso {background:#36AA3D; color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixaverde.gif) repeat}

.fav_sucesso {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }
.fav_deletado {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #F04839 url(../images/faixavermelha.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }

.email_erro {color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixavermelha.gif) repeat; font: bold 12px "Lucida Grande",Verdana,sans-serif;}
















/* Sistema de Notas
--------------------------------------------------------------------------------------- */
.ratingblock { display:block; padding: 5px 0px 15px 0px; border-bottom: 3px solid #E5E5E5; }
.ratingblock p { margin-bottom: 5px; }
.loading { height: 30px; background: url('../images/load.gif') 50% 50% no-repeat;	}
.unit-rating { list-style:none;	margin: 0px; padding:0px; height: 16px; position: relative; background: url('../images/starrating.png') top left repeat-x; }
.unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; /*\*/float: left;/* */ }
.unit-rating li a {	outline: none; display:block; width:16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; 	position: absolute;	padding: 0px; }
.unit-rating li a:hover{ background: url('../images/starrating.png') left bottom; z-index: 2; left: 0px; }
.unit-rating a.r1-unit{left:0px}.unit-rating a.r1-unit:hover{width:16px}.unit-rating a.r2-unit{left:16px}.unit-rating a.r2-unit:hover{width:32px}.unit-rating a.r3-unit{left:32px}.unit-rating a.r3-unit:hover{width:48px}.unit-rating a.r4-unit{left:48px}.unit-rating a.r4-unit:hover{width:64px}.unit-rating a.r5-unit{left:64px}.unit-rating a.r5-unit:hover{width:80px}.unit-rating a.r6-unit{left:80px}.unit-rating a.r6-unit:hover{width:96px}.unit-rating a.r7-unit{left:96px}.unit-rating a.r7-unit:hover{width:112px}.unit-rating a.r8-unit{left:112px}.unit-rating a.r8-unit:hover{width:128px}.unit-rating a.r9-unit{left:128px}.unit-rating a.r9-unit:hover{width:144px}.unit-rating a.r10-unit{left:144px}.unit-rating a.r10-unit:hover{width:160px}

.unit-rating li.current-rating { background: url('../images/starrating.png') left center; position: center; height: 16px; display: block; text-indent: -9000px; z-index: 1; }
.voted {color:#000000;}
.voto_obrigado {background:#36AA3D; color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixaverde.gif) repeat}
.static {color:#5D3126;}






/* Modal jQuery
--------------------------------------------------------------------------------------- */
#modal_content { display: none; position: fixed; left: 50%;	padding: 18px; top:110px;	-webkit-box-shadow: 0px 0px 8px #111; background-color: #fff; width:300px; margin-left:-150px; text-align:center; }
#modal_content small { font-size:77%; }
#modal_content .modal_close	{ float:right; cursor:pointer; border:1px solid #EEEEEE; margin: -10px; }
.modal_close p { font: bold 14px Arial, Helvetica, sans-serif; line-height:1em; padding:3px 6px 4px; }
#modal_content h3{ font-size:116%; }
#modal_overlay { background-color: #000; }
.login1 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; display:block; text-align: left; line-height: 1.5em; padding: 2px; }


.box_login {  margin: auto; background-color: #fff; }
.box_login p { padding: 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align: left; }
.box_login p span { font: 12px Arial, Helvetica, sans-serif; }

.box_login h4 { border-bottom:1px solid #E5E5E5; display:block; font: bold 20px Arial,Helvetica,sans-serif; letter-spacing:-0.01em; padding-bottom:10px; text-align:left; }

.warn { text-align:left; }

.input_login {font-size:14px; height:16px; padding:6px; width:280px; }


.box_login_ainda { border-top: 1px #E5E5E5 solid; margin-top:10px; }
.box_login_ainda p a:link, 
.box_login_ainda p a:visited { font: bold 12px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; }
.box_login_ainda p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; }

.box_login_ainda p { padding: 10px 0 0 0; font: bold 12px Arial, Helvetica, sans-serif; text-align: left; color: #3e3e3e; }




/* IE */
* iframe.overlay {position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#rel_login, #rel_cadastro { background: #0971d2 url(../images/faixaazul.gif) repeat; }










/*	3. Tabs
--------------------------------------------------------------------------------------- */
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 5px; display:block; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px 0 0; background: #7BACE1; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font: bold 14px Arial, Helvetica, sans-serif; color: #fff;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  border-bottom-width: 0; background: #0971d2 url(../images/faixaazul.gif) repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; padding: 5px 10px; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; padding: 5px 10px;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0 5px 10px 5px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }








/*	3. Comentários
--------------------------------------------------------------------------------------- */

/*		3.1. Conteiner
--------------------------------------------------------------------------------------- */
.bloco_comentarios { margin-bottom: 12px;}
.bloco_comentarios h3 { display:block; background: #0971d2 url(../images/maisvideos.jpg) center repeat-x; font: 14px Arial, Helvetica, sans-serif; color:#fff; padding: 6px; font-weight:bold; }
.bloco_comentarios_conteudo		{ border: 1px #0971d2 solid; padding: 10px; }
.bloco_comentarios_conteudo p { font: 12px Arial, Helvetica, sans-serif; }
.bloco_comentarios_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }

/*		3.2. Formularios
--------------------------------------------------------------------------------------- */
.comentario_botao { display:block; height: 1%; overflow:hidden; margin-left: 96px; }
.comentario_form  { padding: 8px 0 0 0; }
.comentario_form2 { border-top: 3px solid #E5E5E5; padding: 8px 0; }
.comentario_caixa  { border: 1px solid #fff; color: #000; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 6px; width: 760px;}

/*		3.3. Comentarios
--------------------------------------------------------------------------------------- */
.comentario { margin-bottom: 8px; padding: 8px; display:block; overflow: hidden; }
.comentario_perfil	{ width:70px; margin-right: 2px; float:left; margin-bottom:0; }
.comentario_arrow {	position: absolute;	top: 15px;	left: -20px; }
.comentario_conteudo { position: relative;	padding: 15px 20px 20px 20px; background: #fff;	border: 1px solid #cdcfcf; width: 790px; float: right; margin-bottom: 5px; }
.comentario_conteudo p { font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; padding-bottom:2px; overflow:hidden; }
.comentario_conteudo p span { font: 0.9em Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #aaa; }
.comentario_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }

.apagar { float:right; margin-top: -5px;  }
.apagar a.apagar_agora { display:block; width:16px; height:16px; text-decoration:none; outline: none; text-indent: -1000em; background: url(../images/lixo_sinal.gif) no-repeat -16px 0px;}
.apagar a.apagar_agora:hover { background:url(../images/lixo_sinal.gif) no-repeat -16px -16px;}

/*		3.4. Logar
--------------------------------------------------------------------------------------- */
.comentario_logar { padding: 10px; border-top: 3px solid #E5E5E5; margin-top: 5px; }
.comentario_logar p { font: 12px "Lucida Grande", Verdana, Helvetica, sans-serif; }
.comentario_logar p a:link, 
.comentario_logar p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; }
.comentario_logar p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; }




/*


.gostar li { padding: 20px 0; display: block; }

.gostar li a.gostei:link,
.gostar li a.gostei:visited {
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
	background-color: #F3F5EC;
	color: #91BD09; }
	
.gostar li a.gostei:hover { 
	background-color: #91BD09; 
	color: #fff;
	-moz-box-shadow: 0 1px 5px rgba(145,189,9,1);
	-webkit-box-shadow: 0 1px 5px rgba(145,189,9,1);


 }

.gostar li a.gostei span  { background: url(../images/gostei_off.png) no-repeat left; padding-left: 20px; }
.gostar li a.gostei:hover span { background: url(../images/gostei_on.png) no-repeat left; padding-left: 20px; }

.gostar li i  { font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -0.02em; padding-left: 10px; }


*/






    .chartlist { 
      float: left; 
      width: 100%;
	  padding-bottom: 10px;
	  border-bottom: 3px solid #E5E5E5;
	  
    }

    .chartlist li { 
      position: relative;
      display: block;  
      _zoom: 1;
    }
	
	li.gostei { border-bottom: 1px solid #EEE;  }
	
    .chartlist li.gostei a { 
      display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
      position: relative; 
      z-index: 2; 
	color: #91BD09; }
	
	
    .chartlist li.gostei a:hover { 
      display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
      position: relative; 
      z-index: 2; 
			background-color: #91BD09; 
	color: #fff;
	-moz-box-shadow: 0 1px 5px rgba(145,189,9,1);
	-webkit-box-shadow: 0 1px 5px rgba(145,189,9,1);
 }
 
     .chartlist .gostei .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
	background-color: #F3F5EC;
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
    }

	
	
	
	
	
	.chartlist li.gostei .count { color: #91BD09; padding: 2px 10px; }
	.chartlist li.gostei:hover .count { color: #fff; }

	.chartlist li.gostei a em  { background: url(../images/gostei_off.png) no-repeat left; padding-left: 25px; }
	.chartlist li.gostei a:hover em { background: url(../images/gostei_on.png) no-repeat left; padding-left: 25px; }

	
	.chartlist li.gostei .count:hover { color: #91BD09; }
	
	
	
	
	
    .chartlist li.ngostei a { 
      display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
      position: relative; 
      z-index: 2; 
	color: #CC0F1D; }
	
	
    .chartlist li.ngostei a:hover { 
    display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
    position: relative; 
    z-index: 2; 
	background-color: #CC0F1D; 
	color: #fff;
	-moz-box-shadow: 0 1px 5px rgba(236,57,60,1);
	-webkit-box-shadow: 0 1px 5px rgba(236,57,60,1);
 }
 
 
 	.chartlist li.ngostei .count { color: #CC0F1D; padding: 2px 10px; }
	.chartlist li.ngostei:hover .count { color: #fff; }

	.chartlist li.ngostei a em  { background: url(../images/naogostei_off.png) no-repeat left; padding-left: 25px; }
	.chartlist li.ngostei a:hover em { background: url(../images/naogostei_on.png) no-repeat left; padding-left: 25px; }

 	.chartlist li.ngostei .count:hover { color: #CC0F1D; }
 
 


    .chartlist .ngostei .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #F9E5E6; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
    }
	
    .chartlist .count { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      text-align: right; 
	  font: bold 20px Arial, Helvetica, sans-serif;
      line-height: 2em;
	  z-index: 5; 
    }