/*=== Estilização de elementos dentro de um formulário
Aplicável por: .formulario
------------------------------------------------------=== */

.formulario fieldset {
	border-width: 0px;
	margin:       0;
	position:     relative;
	padding: 0px;
	width: 763px;
	height: 874px;
}
.formulario p.dado {
	width: 763px;
	clear: both;
	float: left;
	font-family: verdana;
	font-size: 11px;
}

.formulario p.dado em{
width: 15px;
text-align: right;
text-transform: none;
display: block;
float: left;
margin-right: 5px;
}

.formulario p {
	width: 594px;
}

.formulario p span.dica{
float: right;
width: 20px;
display: block;
color: #666666;
}

.formulario .informacao {
padding: 4px 0px 6px 15px;
width:   579px;
}

.formulario label {
	float:      left;
	text-align: right;
	width:      175px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

.formulario label.subopcao {
	margin-right: 10px;
	width:        auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.formulario label.subopcao input {
	margin:  0px 7px 0px 0px;
	_margin: -3px 0px 0px;
}

.formulario input,
.formulario select {
	float:      left;
	font:       1em verdana;
	margin:     4px 7px 0px 0px;
}

.formulario textarea {
	height: 7em;
	width:  99%;
}

.formulario .info-extra {
	float:     left;
	margin:    7px 0px 0px 8px;
	max-width: 400px;
}

.formulario .info-extra-alinha {
	float:     left;
	margin:    7px 0px 0px 8px;
	width:     140px;
}

.formulario .fluxo {
	margin-top: 1em;
	text-align: right;
}

.formulario .fluxo input {
	float: none;
}

.formulario .listagem {
	clear: both;
	width: auto;
}

.formulario .notas {
	font: 0.9em verdana;
	margin: 5px 0;
}

.formulario .rotulo-segunda-coluna {
	width: 120px;
}

.formulario .divisao {
	background:    #fff url('https://simg.uol.com.br/musicstore/pontilhado.gif') repeat-x 0px bottom;
	font:          1em verdana;
	_height:       1px;
	margin-bottom: 7px;
	min-height:    1px;
	padding:       7px 0px 2px;
	text-indent:   15px;
}

/*=== Caixa com a listagem sugerida de logins
----------------------------------------------=== */

#lista-logins {
	margin-bottom: -2px;
	padding:       0px 0px 10px 146px;
}

#lista-logins li {
	list-style-type: none;
	overflow:        hidden;
	padding:         0px;
	width:           450px;
}

#lista-logins li input {
	margin:  -1px 7px 0px 0px;
	_margin: -5px 0px 0px 0px;
}

/*=== Caixa com informações sobre cartões de crédito
-----------------------------------------------------=== */
#info-cartao-codigo {
	font:   0.9em verdana;
	margin: 1em;
	padding-left: 175px;
	width: 375px;
}

#info-cartao-codigo dt {
	padding-bottom: 7px;
}

#info-cartao-codigo dd {
	color:       #666;
	font:        1.1em verdana;
	_height:     74px;
	line-height: 1.5;
	min-height:  74px;
	padding-top: 3px;
}

#info-cartao-codigo img {
	float:  left;
	margin: -3px 5px 0px 0px;
}

/*=== Caixa de opção para boleto bancário
-----------------------------------------=== */

#boleto-bancario {
	background: transparent url('https://simg.uol.com.br/musicstore/pontilhado.gif') repeat-x 0px top;
	padding:    5px 0px;
	position:   relative;
}

#boleto-bancario-decor {
	background: #f9f9f9 url('https://simg.uol.com.br/musicstore/pontilhado.gif') repeat-x 0px bottom;
}

.formulario .imprimir {
	text-align: right;
	font-size:  1em;
}

.formulario .imprimir a {
	background:   transparent url('https://simg.uol.com.br/musicstore/ico-imprimir.gif') no-repeat 0px 50%;
	padding-left: 19px;
}

.formulario #concluir a{
display: block;
width: 185px;
height: 31px;
background: url(https://simg.uol.com.br/fone/concluir.gif) no-repeat 0 0;
float: right;
}

.formulario #concluir a:hover{
background: url(https://simg.uol.com.br/fone/concluir.gif) no-repeat 0 -31px;
}

.formulario #concluir a span{
display: none;
}

/* correção de alinhamento do tpl extra-register-offer */
.algn input,
.algn select {
	float: none;
}
.algn #radioC,
.algn #deb_aut {
	float: left;
}
.formulario p span.subt {
	float: left;
	display: block;
	color: #666666;
}
.formulario label.subopcao2 {

	margin-right: 3px;
	width:        auto;
}
.errologin {
	width: 315px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size: 11px;
	padding:4px;
	margin: 0;
}