@CHARSET "ISO-8859-1";

html {
	background-color: #101010;
}

#pagina {
	background-color: #fff;
}

#topo {
	background: url(../img/bg-topo.gif) top center repeat-x;
}

.topo-radio {
	width: 648px;
	height: 66px;
	margin: 0 auto;
}

.topo-radio .radio-swf {
	float:left;
	width:396px;
}

.topo-radio .twitter {
	float:right;
	margin-top:10px;
}

.topo-avatars {
	width: 900px;
	height: 403px;
	margin: 0 auto;
}

#corpo {
	background: url(../img/corpo-bg.png) top repeat-x #fff;
	padding-top: 20px;
}

#conteudo {
	margin: 0 auto;
	width: 901px;
	min-height: 400px;
	padding-top: 38px;
}

#promocao-aha {
	margin-top:40px;	
}

#rodape {
	background: url(../img/rodape-bg.png) top center repeat-x #101010;
	color: #999;
	line-height: 80px;
	padding-top: 80px;
	text-align: center;
}

#rodape-bottom {
	border-top:1px solid #282828;
	margin-top:60px;
}

#rodape a {
	color: #fff;
	margin:0 0;
}

.ajuste{
	margin-top:-3px;	
}

#rodape a.pontocriativo {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	display: block;
	float: right;
}

.center {
	width: 900px;
	margin: 0 auto;
}

.painel {
	color: #666;
	font-size: 11px;
}

.painel-passo {
	position: absolute;
	z-index: 3;
	margin-top: -21px;
	margin-left: -21px;
}

.painel-passo-ok {
	display: none;
}

.passook .painel-passo-ok {
	display: block;
}

.passook .painel-passo-pendente {
	display: none;
}

.painel-t {
	background: url(../img/painel-ce.png) left no-repeat;
	padding-left: 5px;
}

.painel-t div {
	background: url(../img/painel-cd.png) right no-repeat;
	padding-right: 5px;
}

.painel-t div div, .painel-r div div  {
	background: #101010;
	height: 5px;
	padding-right: 0;
}

.painel-r {
	background: url(../img/painel-be.png) left no-repeat;
	padding-left: 5px;
}

.painel-r div {
	background: url(../img/painel-bd.png) right no-repeat;
	padding-right: 5px;
}

.painel-conteudo {
	background: #171717;
	padding: 15px 20px;
}

.painel-conteudo ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.painel-conteudo ul li {
	border-top: 1px solid #1f1f1f;
}

.musicasMusicaHelper {
	width: 260px;
	background: #171717;
	list-style-type: none;
	font-size: 11px;
}

.painel-conteudo ul li a, .musicasMusicaHelper a {
	display: block;
	padding: 8px 5px;
	padding-left: 30px;
	color: #666;
	text-decoration: none;
}

.painel-conteudo ul li.first {
	border-top: 0;
}

.painel-t-h1 {
	background-image: url(../img/painel-t-h1-e.png);
}

.painel-t-h1 h1 {
	margin: 0;
	padding: 0;
}

.painel-t-h1 div {
	background-image: url(../img/painel-t-h1-d.png);
}

.painel-t-h1 div div {
	background: #262626;
	height: 36px;
	padding: 0 20px;
	padding-top: 3px;
}

.painel-t-h2 {
	background-image: url(../img/painel-t-h2-e.png);
}

.painel-t-h2 h2 {
	margin: 0;
	padding: 0;
}

.painel-t-h2 div {
	background-image: url(../img/painel-t-h2-d.png);
}

.painel-t-h2 div div {
	background: url(../img/painel-t-h2-bg.png) repeat-x;
	padding: 13px 20px 0 20px;
	height: 54px;
	line-height: 67px;
	vertical-align: middle;
}

#passo1, #passo2 {
	float: left;
}

#passo2_cover, #passo3_cover, #passo4_cover {
	position: absolute;
	z-index: 2;
	background: #fff;
}

#passo1 {
	width: 280px;
	margin-right: 20px;
}

#passo2 {
	width: 601px;
}

#passo2 .painel {
	float: left;
}

#musicas {
	width: 310px;
	margin-right: 1px;
}

#musicas .painel-t-h1 div div {
	padding-left: 50px; 
}

#suaplaylist {
	width: 290px;
	height: 438px;
}

#suaplaylist ul li {
	background: 3px center no-repeat;
	height: 30px;
}

#suaplaylist ul li.item1 {
	background-image: url(../img/ol-1.png);
}

#suaplaylist ul li.item2 {
	background-image: url(../img/ol-2.png);
}

#suaplaylist ul li.item3 {
	background-image: url(../img/ol-3.png);
}

#suaplaylist ul li.item4 {
	background-image: url(../img/ol-4.png);
}

#suaplaylist ul li.item5 {
	background-image: url(../img/ol-5.png);
}

#suaplaylist ul li.item6 {
	background-image: url(../img/ol-6.png);
}

#suaplaylist ul li.item7 {
	background-image: url(../img/ol-7.png);
}

#suaplaylist ul li.item8 {
	background-image: url(../img/ol-8.png);
}

#suaplaylist ul li.item9 {
	background-image: url(../img/ol-9.png);
}

#suaplaylist ul li.item10 {
	background-image: url(../img/ol-10.png);
}

#suaplaylist .painel-conteudo, #musicas .painel-conteudo {
	background: url(../img/painel-conteudo-bg) top repeat-x #171717;
}

.painel-conteudo ul li.destaque, .painel-conteudo ul li.destaque a {
	color: #f58b37;
}

#musicas .scroll {
	height: 309px;
}

#musicas ul li {
	background: url(../img/musicas-rm.png) 3px center no-repeat;	
}

#musicas ul li.destaque {
	background: url(../img/musicas-ad.png) 3px center no-repeat;	
}

#passo3 {
	clear: both;
}

#passo3 .painel-conteudo, #passo3 .painel-t div div, #passo3 .painel-r div div {
	background-color: #262626;
}

#passo3 .painel-conteudo {
	padding-top: 0;
}

#passo3 .painel-t {
	background-image: url(../img/passo3-ce.png);
}

#passo3 .painel-t div {
	background-image: url(../img/passo3-cd.png);
}

#passo3 .painel-t div div {
	background-image: none;
}

#passo3 .painel-r {
	background-image: url(../img/passo3-be.png);
}

#passo3 .painel-r div {
	background-image: url(../img/passo3-bd.png);
}

#passo3 .painel-r div div {
	background-image: none;
}

.painelbranco {
	color: #666;
	font-size: 11px;
}

.painelbranco-passo {
	position: absolute;
	margin-top: -21px;
	margin-left: -21px;
}

.painelbranco-t {
	background: url(../img/painelbranco-ce.png) left no-repeat;
	padding-left: 19px;
}

.painelbranco-t div {
	background: url(../img/painelbranco-cd.png) right no-repeat;
	padding-right: 19px;
}

.painelbranco-t div div, .painelbranco-r div div  {
	background: #fff;
	height: 19px;
	padding-right: 0;
}

.painelbranco-r {
	background: url(../img/painelbranco-be.png) left no-repeat;
	padding-left: 19px;
}

.painelbranco-r div {
	background: url(../img/painelbranco-bd.png) right no-repeat;
	padding-right: 19px;
}

.painelbranco-conteudo {
	background: #fff;
	padding: 0 20px;
}

#passo3 textarea, #layoutLabelResponda {
	border: 0;
	font-size: 20px;
	height: 1.2em;
	width: 821px;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	color: #000;
}

.jScrollPaneTrack {
	width: 1px!important;
	background: #262626;
	border: 5px solid #070707;
}

.jScrollPaneDrag {
	width: 5px!important;
	margin-left: -2px;
	height: 30px;
	background-color: #f58b37;
}

.ul {
	padding: 0;
	margin: 0;
}

.ul li {
	list-style: none outside;
	padding: 0;
	margin: 0;
}

#avatars .jScrollPaneContainer {
	width: auto;
}

#avatars .scroll {
	height: 309px;
}

#avatars ul {
	width: 259px;
	margin-left: 41px;
	float: left;
}

#avatars .scroll .first {
	margin-left: 0;
}
	
#avatars ul li {
	background: none;	
}

#avatars ul li.first {
	border-top: 0;
}

#avatars .painel-conteudo {
	background: #171717 url(../img/bg-conteudo-painel.gif) center top repeat-x;
	padding: 10px 10px 15px 10px;
}

#avatars ul li a {
	padding-left: 10px;
}

#avatars .painel-r {
	background: url(../img/painel-be2.gif) left bottom no-repeat;
}

#avatars .painel-r div div {
	background: url(../img/painel-b.gif) center bottom repeat-x;
}

/** **/
.campo {}

label {
	color: #666666;
	display: block;
	float: left;
	padding-bottom: 5px;
}

.campo .input, .campo input, .campo .textarea, .campo textarea {
	float: left;
	display: block;
}

.campo .input {
	background: url(../img/input-bg.gif) center top repeat-x;
}

.campo .input div {
	background: url(../img/input-bg-left.gif) left top no-repeat;
}

.campo .input div div {
	background: url(../img/input-bg-right.gif) right top no-repeat;
	padding: 9px 10px 6px 10px;
}

.campo .textarea {
	background: url(../img/textarea-bg.gif) center top repeat-x;
}

.campo .textarea div {
	background: url(../img/textarea-bg-left.gif) left top no-repeat;
}

.campo .textarea div div {
	background: url(../img/textarea-bg-right.gif) right top no-repeat;
	padding: 9px 10px 6px 10px;
}

#layoutLabelResponda {
	position: absolute;
}

.select {
	margin-top: 5px;
}

#monteseuavatar, #salveeconcorra {
	display: none;
}

.placeholder {
	position: absolute;
	width: 250px;
	height: 30px;
	border:1px solid #0ff000!important;
}

#rodape-botoes {
	width:880px;
	margin:0 auto;
	text-align:center;
}

#promocao-simplered {
	float:left;
}

#envie-trabalho {
	/*float:right;*/
}

/**/
#fotos {
	overflow: hidden;
	width: 100%;
}

#fotos .foto {
	width: 91px;
	height: 68px;
	float: left;
	margin-left: 19px;
}

#fotos .first {
	margin-left: 0;
}