/* <![CDATA[ */	

/*------------------ ESTILO GERAL DO LAYOUT --------------------*/

html { 
	padding:							0px;
	margin:								0px;
}

body {
	background-image:					url(../imagens/background01.gif);
	font-size:							12px;
	font-family:						Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:								#FFF;
	width:								160px;
	text-align:							left;
	margin:								0px;
	padding:							0px;
}

p,pre,h1 {
	margin:								0px 10px 10px 10px;
}

h1 {
	font-size:							14px;
	padding-top:						10px;
	text-transform:						uppercase;
	color:								#FFF;
	background-color:					transparent;
}

a { 
	color:								#FFF;
	font-size:							11px;
	background-color:					transparent;
	text-decoration:					none;
	font-weight:						bold;
}
 
pre {
	color:								#564b47;
	font-size:							11px;
	background-color:					transparent;
}

#container {/*div principal para agrupar as sub-div's, layout*/
	background-color:					#000;
	width:								950px;
	_width:								1000px;
	border-right:						4px solid #000;
	margin:								0px;
	padding:							0px;
	text-align:							left;
	float:								left;
}

#menu {/*menu esquerdo*/
	width:								135px;
	padding:							0px;
	float:								left;
	background-color:					#000;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
}

#menu h1 {
	color:								#FFF;
	font-size:							14px;
	background-color:					#333;
	text-align:							center;
}

#menu p {
	color:								#FFF;
	font-size:							11px;
	background-color:					transparent;
}

#menu pre {
	color:								#FFF;
	font-size:							12px;
	background-color:					transparent;
}

#menu a:link {
	color:								#FFF;
	font-weight:						normal;
	text-decoration:					none;
	border:								none;
}

#menu a:visited {
	color:								#FFF;
	font-weight:						normal;
	text-decoration:					none;
	border:								none;
}

#menu a:hover {
	color:								#FFF;
	background-image:					url(../imagens/menu_link_back.gif);
	background-position:				right;
	background-repeat:					no-repeat;
	font-weight:						bold;
	text-decoration:					underline;
}


#menutitle{/*div do titulo do menu, ex: musica, outros, etc*/
	background-image:url(../imagens/menu_title.gif);
	background-position:center;
	background-position:bottom;
	background-repeat:no-repeat;
	border:1px solid #444;
	border-bottom-color:#666;
	width:auto;
	height:auto;
	margin:0;
	padding:2px;
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
}

#menucontent p{ margin:5px 0 2px 0; }/*espaçamento entre os links do musica*/

#menucontent{/*div que agrupa os links do menu titulo musica*/
	background-image:url(../imagens/menu_content.gif);
	background-position:right;
	background-position:bottom;
	background-repeat:no-repeat;
	border:1px solid #444;
	border-top-color:#555;
	width:auto;
	height:auto;
	margin:0;
	padding:2px 2px 8px 4px;
}

#menucontentMusica p{ margin:5px 0 2px 0; }/*espaçamento entre os links do musica*/

#menucontentMusica{/*div que agrupa os links do menu titulo musica*/
	background-image:url(../imagens/menu_content_musica.gif);
	background-position:right;
	background-position:bottom;
	background-repeat:no-repeat;
	border:1px solid #444;
	width:auto;
	height:auto;
	margin:0;
	padding:2px 2px 8px 4px;
}

#menucontentOutros p{ margin:5px 0 2px 0; }/*espaçamento entre os links do outros*/

#menucontentOutros{/*div que agrupa os links do menu titulo outros*/
	background-image:url(../imagens/menu_content_outros.gif);
	background-position:right;
	background-position:bottom;
	background-repeat:no-repeat;
	border:1px solid #444;
	border-top-color:#555;
	width:auto;
	height:auto;
	margin:0;
	padding:2px 2px 8px 4px;
}

#main {/*conteudo*/
	width:								auto;
	padding:							0px;
	float:								left;
	background-color:					#000;
	overflow:							hidden;
}

#banner {/*menu direito*/
	width:								160px;
	padding:							0px;
	float:								right;
	background-color:					#000;
	text-align:							center;
	font-size:							10px;
}

#header {/*cabeçalho*/
	background-image:					url(../imagens/navbar_bg.jpg);
	_background-image:					url(../imagens/navbar_bg2.jpg);
	background-position:				bottom;
	background-repeat:					no-repeat;
	background-color:					transparent;
	text-align:							left;
	margin:								0px;
	padding:							0px;
}

#header h1 {
	font-size:							11px;
	text-transform:						uppercase;
	text-align:							left;
	color:								#564b47;
	background-color:					#1E1A16;
	padding:							0px;
	margin:								0px;
}

#header h2 {
	background-color:					#222;
	border:								1px solid #444;
	border-left:						none;
	border-right:						none;
	padding:							4px 0px 4px 0px;
	margin:								0px;
}

#header p {
	padding:							10px;
	margin:								0px;
}

#busca{/*div busca na lateral do navbar*/
	background:transparent;
	border:none;
	width:auto;
	height:41px;
	padding:7px 20px 0 0;
	_padding:7px 20px 0 0;
	margin:0;
	text-align:center;
}

#footer { /*rodapé*/
	height:								80px;
	background:							#444;
	color:								#333;
	border:								solid #90897a;
	border-width:						1px 0 0 0;
	margin:								20px 0px 0px 0px;
}

#footer.new { /*rodapé*/
	height:								auto;
	background:							#000000;
	color:								#FFFFFF
	border:								solid #000000;
	border-width:						1px 0 0 0;
	margin:								20px 0px 0px 0px;
	
}

#footer p {
	padding:							10px;
	font-size:							11px;
	text-align:							center;
	color:								#DDD;
}

#footer a {
	text-decoration:					none;
	font-weight:						normal;
	color:								#FFF;
}

/*--------------------------------------------------------------*/


/*------------- ESTILO GERAL PARA FORMULÁRIOS ------------------*/

form{ margin:0; padding:0; }

input {/*botão,campo,etc*/
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							11px;
	height:								auto;
	border:								1px solid #AAA;
	padding:							2px;
}

textarea {/*campo texto*/
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							11px;
	border:								1px solid #AAA;
	padding:							2px;
}

select {/*drop,combobox,jumpmenu*/
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							11px;
	width:								auto;
	height:								18px;
	border:								1px solid #AAA;
	padding:							1px;
}

option {/*itens do drop,combobox,jumpmenu*/
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							11px;
	height:								12px;
	border:								1px solid #DDD;
	border-top:							none;
	padding:							1px;
}

/*--------------------------------------------------------------*/


/* --------------- ESTILO GERAL DAS TABELAS ------------------- */

table { border:0; }
tr { border:0; }
td { border:1px solid #666; }

/*--------------------------------------------------------------*/


/*------- ESTILO DA PAGINA incBuscaMusicaResultado.ASP ---------*/

#bholder {/*div que "segura" a listagem/conteudo do main*/
	background:							transparent;
	border:								none;
	width:								auto;
	height:								auto;
	padding:							0px;
	margin:								0px auto 0px auto;
	_text-align:						center; /*IE CSS HACK*/
}

#bholderisi {/*div que "segura" a listagem/conteudo do main*/
	background:							transparent;
	border:								1px solid #999;
	width:								630px;
	height:								auto;
	padding:							14px 0 14px 0;
	margin:								auto;
	text-align:							center;
	font-weight:						bold;
}

#btitulo {/*titulo da busca, top20, mais ouvidas, esta sendo
            usado nas demais tbm, não so na pagina de busca.*/
	background-image:					url(../imagens/btitulo_gb.jpg);
	background-position:				top;
	background-repeat:					no-repeat;
	border:								1px solid #999;
	width:								auto;
	height:								auto;
	padding:							14px 0 14px 0;
	margin:								auto;
	text-align:							center;
	font-weight:						bold;
	
}

#btituloisi {/*titulo da busca, top20, mais ouvidas, esta sendo
            usado nas demais tbm, não so na pagina de busca.*/
	background-image:					url(../imagens/btitulo_gb.jpg);
	background-position:				top;
	background-repeat:					no-repeat;
	border:								1px solid #999;
	width:								550px;
	height:								auto;
	padding:							14px 0 14px 0;
	margin:								auto;
	text-align:							center;
	font-weight:						bold;
	
}



#cdtitulo {/*titulo da pagina de albums.*/
	background-image:					url(../imagens/cdtitulo_bg.jpg);
	background-position:				top;
	background-repeat:					no-repeat;
	font-size:							12px;
	border:								1px solid #000;
	border-bottom-color:				#999;
	width:								620px;
	height:								auto;
	padding:							14px 0 14px 0;
	margin:								auto;
	text-align:							center;
	font-weight:						bold;
}

table.busca {/*estilo para table que faz a listagem do resultado*/
	background:							transparent;
	border:								none;
	width:								620px;
	_width:								620px; /*IE CSS HACK*/
	padding:							0px;
	margin:								0 auto 0 auto;
}

table.listacd {/*estilo para table que faz a listagem do resultado*/
	background:							transparent;
	border:								none;
	width:								466px;
	_width:								464px; /*IE CSS HACK*/
	padding:							0px;
	margin:								0 auto 0 auto;
	font-size:							10px;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
}

td.alfabeto {/*navegacao por letras e numeros*/
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	width:								2%;
	height:								16px;
	padding:							0;
	margin:								0;
	font-size:							11px;
	font-weight:						bold;
}

td.cantor {/*coluna onde traz o nome do cantor/banda*/
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	border-right:						none;
	width:								auto;
	height:								16px;
	padding:							0 0 0 2px;
	margin:								0;
	font-size:							11px;
}

td.vejamais{
	background:							#888;
	border:								1px solid #999;
	border-top:							none;
	width:								auto;
	height:								15px;
	padding:							0 2px 0 0;
	margin:								0;
	font-size:							11px;
}

td.cantorlista {/*coluna onde traz o nome do cantor/banda*/
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	width:								auto;
	height:								16px;
	padding:							0 0 0 2px;
	margin:								0;
	font-size:							11px;
}

td.flaglista {/*coluna onde tras a gif mid, stream, econder, etc*/
	background:							#000;
	border:								1px solid #999;
	text-align:							center;
	border-top:							none;
	border-left:						none;
	width:								5%;
	height:								16px;
	padding:							0px;
	margin:								0;
	font-size:							11px;
}

td.flag {/*coluna onde tras a gif mid, stream, econder, etc*/
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	width:								auto;
	height:								16px;
	padding:							0px;
	margin:								0;
	font-size:							11px;
}

td.click {/*coluna onde tras o total de cliques que a musica teve*/
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	border-left:						none;
	width:								auto;
	height:								16px;
	padding:							0 2px 0 0;
	margin:								0;
	font-size:							11px;
}

table.pedido {/*estilo para table que faz a listagem do pedido*/
	background:							transparent;
	border:								none;
	width:								100%;
	_width:								100%; /*IE CSS HACK*/
	padding:							0px;
	margin:								0 auto 0 auto;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
}

td.check {
	background:							#AAA;
	border:								1px solid #999;
	border-top:							none;
	border-right:						none;
	width:								18px;
	height:								16px;
	padding:							0;
	margin:								0;
	font-size:							11px;
}

td.lista {
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	width:								auto;
	height:								16px;
	padding:							0 0 2px 2px;
	margin:								0;
	font-size:							11px;
	text-decoration:					none;
}

td.subtitulo {/*estilo do td onde vem o titulo da coluna, ex: cantor, titulo, etc... */
	background:							#000;
	border:								1px solid #999;
	border-top:							none;
	border-left:						none;
	width:								auto;
	height:								16px;
	padding:							0;
	margin:								0;
	font-size:							11px;
}

#lines {/*div usado para todas as paginações*/
	background:							#333;
	border:								1px solid #999;
	border-top:							none;
	width:								auto;
	height:								auto;
	padding:							0px;
	margin:								auto;
	text-align:							center;
}

#linesis {/*div usado para todas as paginações*/
	background:							#333;
	border:								1px solid #999;
	border-top:							none;
	width:								550px;
	height:								auto;
	padding:							0px;
	margin:								auto;
	text-align:							center;
}

#txt_box{/*div que pode ser usado para colocar texto qualquer no main*/
	background:transparent;
	border:1px solid #333;
	width:640px;
	_width:640px;
	height:auto;
	margin:0px auto;
	padding:2px;
	text-align:justify;
}

#maintitle{
	background:#555;
	border:1px solid #333;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	width:468px;
	height:auto;
	margin:auto;
	padding:4px;
}

#title{
	background:#555;
	border:1px solid #333;
	color:#FFF;
	font-weight:bold;
	width:640px;
	height:auto;
	margin:auto;
	padding:2px;
}

/*--------------------------------------------------------------*/


/*--- ESTILO DA TABELA DA PAGINA PRINCIPAL ONDE TRAS OS NOVOS, TOP, E RANDOM ---*/


table.teste{/*tabela que esta "segunrado" a foto e o titulo da musica*/
	background:#444;
	border:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	width:468px;
	_width:468px;
	height:auto;
	padding:0px;
}

td.foto{/*coluna da foto*/
	background:#000;
	border:1px solid #333;
	color:#FFF;
	font-weight:bold;
	width:24%;
	height:auto;
	padding:2px;	
}

td.titulo{/*coluna do titulo*/
	background:#333;
	border:0;
	color:#FFF;
	width:25%;
	height:auto;
	padding:4px;
}

/*estilo do link na coluna do titulo*/
td.titulo a{ text-decoration:none; font-weight:normal; }

/*--------------------------------------------------------------*/


/*------------- ESTILO DA PAGINA incMusica.asp -----------------*/

#bandholder{/*div que segura os dados da musica, letra,foto,banda,etc*/
	background:transparent;
	border:none;
	width:650px;
	height:auto;
	padding:1px;
	left: auto;
}

#aviso{/*div de aviso se a musica tem musica ou não.*/
	background-color:#666;
	border:1px solid #444440;
	border-top:none;
	width:auto;
	height:30px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	padding:2px;
}

#artist{/*div onde tras o nome do artista*/
	background-color:#4F5C64;
	border:1px solid #444440;
	width:auto;
	height:auto;
	margin:auto;
	margin-top:0px;
	padding:4px;
	font-weight:bold;
	font-size:14px;
}

#bandinfo{/*div onde tras o nome,musica e compositor*/
	background-color:#555;
	border:1px solid #444440;
	border-top:none;
	width:auto;
	height:100px;
	margin:auto;
	padding:2px;
}

#discinfo{/*div onde tras o informações do album*/
	background-color:#555;
	border:1px solid #444440;
	border-top:none;
	width:auto;
	height:168px;
	margin:auto;
	padding:2px;
}

#jukebox{/*div do player*/
	background-image:url(../imagens/player_back.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#666;
	border:1px solid #444440;
	border-top:none;
	width:auto;
	height:30px;
	text-align:center;
	margin:auto;
	padding:2px;
	_padding-top:3px;
}

#mininavbar{/*div usado para a mini navbar que tem os links dedique,orkut,etc*/
	background-image:						url(../imagens/mininavbar_bg.jpg);
	background-position:center;
	background-repeat:repeat-x;
	border:								1px solid #444440;
	border-top:							none;
	width:								600px;
	height:								24px;
	padding:							0px;
	margin:								auto;
	padding-top:8px;
	*padding-top:2px;
	text-align:							center;
	clear:								both;
	color:#000;
}

#mininavbar a{color:#000;}

#lyric1{/*div onde monstra a letra da musica*/
	background-color:#333;
	border:1px solid #444440;
	border-top:none;
	width:auto;
	height:auto;
	font-size:11px;
	margin:auto;
	padding:8px;
}

#insideBanner{ /*div da publicidade dentro da div lyric*/
	background:#333;
	border:1px solid #444440;
	width:300px;
	height:auto;
	padding:0px;
	margin:0px;
	float:right;
	clear:right;
}

#insideBannervid{ /*div da publicidade dentro da div lyric*/
	background:#333;
	border:1px solid #444440;
	width:600px;
	height:auto;
	padding:0px;
	margin:0px;
	float:center;
	clear:center;
}

#aviso2{/*div onde avisa se a musica ja tem dedicatoria ou nao*/
	background-color:#555;
	border:1px solid #444440;
	border-top:none;
	color:#FFF;
	width:auto;
	height:auto;
	margin:auto;
	padding:2px;
	text-align:center;
}

/*estilo que foram usadas na div #bandinfo*/
.cantor{ color:#DDD; font-size:12px; font-weight:bold; }
.titulo{ color:#EEE; font-size:12px; font-weight:bold; }
.compositor{ color:#FFF; font-size:10px; }
img.cover{float:left; padding: 2px 20px 0px 2px; margin:auto; vertical-align:middle;}
img.album{float:left; padding: 2px 20px 0px 2px; margin:auto; vertical-align:middle;width:160px;height:160px;}
img.minicover{padding:2px 4px; margin:auto; vertical-align:middle;clear:right;}

/*--------------------------------------------------------------*/


/*----------- ESTILO DA PAGINA incMusicaDedicatorias -----------*/

#dedicholder{/*div que segura os dados da banda, listagem das dedicatorias,etc*/
	background:transparent;
	border:none;
	width:auto;
	height:auto;
	padding:6px;
	margin:0px auto 0px auto;
}

#topnav{/*div que tras os links para dedicar,ouvir e voltar*/
	background-color:#4F5C64;
	border:1px solid #444440;
	width:auto;
	height:auto;
	margin:auto;
	margin-top:0px;
	padding:4px;
	font-weight:bold;
	font-size:14px;
}

/*#bandinfo, o mesmo div foi usado para trazer os dados da banda/cantor.*/

#dedic01{/*div que mostra a primeira dedicatoria, dedicatoria original*/
	background-color:#666;
	border:1px solid #444440;
	border-top:none;
	width:auto;
	height:30px;
	text-align:center;
	margin:auto;
	padding:2px;
	_padding-top:3px;
}

#dediclista{/*div que lista as dedicatorias*/
	background-color:#333;
	border:1px solid #444440;
	border-top:none;
	border-bottom-color:#999;
	width:auto;
	_width:465px;
	height:auto;
	font-size:11px;
	margin:auto;
	padding:8px;
}

#dedicatoria01{
	width:96%;
	height:auto;
	padding:4px 6px;
	margin:auto;
	background:#222;
	border:1px dashed #555;
	font-weight:bold;
	text-align:center;
}

/*--------------------------------------------------------------*/


#box01{
 	background:transparent;
	border:1px solid #999;
	border-top:0px;
 	width:456px;
	_width:464px;
	height:auto;
	padding:10px 4px 4px 4px;
	margin:auto;
	text-align:center;
}
 
#box01 h1{ text-align:center; font-weight:bold; font-size:12px; text-transform:none; }
#box01 p.texto{ text-align:justify; }
#box01 p.link{ text-align:center; }

.titulo { font-weight:bold; font-size:12px; }

map, script, noscript{ margin:0; padding:0; border:0; }

.banner_sky{
	position:relative;
	display:block;
	margin:0px 8px 0 8px;
	_margin:10px 8px 0 8px;
	z-index:1500;
	overflow:hidden;
}

#divStayTopLeft{
	_margin-left:0px;
	z-index:1500;
	overflow:hidden;
}


#table_footer{
	background-color:					#000;
	width:								980px;
	_width:								980px;
	font-size:							10px;
	border-right:						2px solid #000;
	margin:								1px;
	padding:							1px;
	text-align:							top;
	float:								left;
}

#top{border:1px solid #444440;background:#000;padding-left:2px;text-align:left;margin-top:4px;}
.titulo{font-size:10px;text-decoration:none;font-weight:normal;}
#top a.top{font-size:10px;text-decoration:#fff;font-weight:normal;}
h4.top10{padding:0 0 2px 0;font-size:10px;margin-top:0;text-decoration:#fff}

#cracker{
	background-color:					#000;
	width:								650px;
	_width:								650px;
	font-size:							8px;
	border-right:						1px solid #000;
	margin:								1px;
	padding:							1px;
	text-align:							top;
	float:								center;
}
 
#pagewidth{ 
 width:650px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#leftcol{
 width:50%; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:50%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:100%; 
 float:right; 
 position:relative; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:0%; 
 }
 

 /* ]]> */