@import url(https://simg.uol.com.br/nocache/cadastro/dev/thickbox.css);

/* =GLOBAL RESET 
--------------------------------- */
* {	padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left: 5%; }
fieldset { padding: .5em; }


/* =BODY, HEADER AND FOOTER STYLES 
--------------------------------- */
body {
	font: x-small arial, sans-serif;
	padding: 5px 10px 5px 10px;
	margin: 0;
	background-color: #fff;
}


#header {
	min-height: 5em;
}

#header h1 {
	margin: 0 0 1px;
}

#all {
	min-width: 76em;
	width: 100%;
	max-width:112em;
	margin: 0 auto;
	overflow: hidden;
}

.uolbar {
	background-color:#363636;
	/*background: url(https://simg.uol.com.br/barra/b/uol10anosbg.gif) repeat;*/
}

.buol form {
	line-height: 1;
	display:inline;
}


#footer {
	clear: both;
	margin-top: 1em;
	border-top: 1px solid #a4a4a4;
}

#footer-copyright table {
	width: 100%;
	margin-top: 3px;
}

.invisible {
	display: none;
}

/* =MENSAGENS E ALERTAS
---------------------------------------*/
.msg {margin:10px 0;padding:15px 15px 15px 59px;background-color:#fff;background-position: 10px 10px;background-repeat:no-repeat;border: 1px solid #000;font:bold 1.3em/1.2em verdana, sans-serif;min-height:28px;}
	/* \*/ * html .msg {height:63px;hei\ght:43px;} /* */
	dl.msg, ul.msg {padding:0 15px 15px 59px;min-height:43px;} 
	/* \*/ 	* html ul.msg, * html dl.msg {height:63px;hei\ght:43px;} /* */ 
	dl.msg dt {padding-top:15px;list-style:none;font: 1em arial, sans-serif;} 
	dl.msg dd {padding:0;margin:0;font:bold 1em arial, arial, sans-serif;}
	ul.msg li {padding-top:15px;list-style:none;font: bold 1em arial, sans-serif;} 
	.alert     {background-image: url(https://simg.uol.com.br/alertas/alert.gif);	border-color:#E0A901;	background-color:#FFFCED;}
	.error     {background-image: url(https://simg.uol.com.br/alertas/error.gif);	border-color:#C01F25;	background-color:#FCF2F3;}
	.info      {background-image: url(https://simg.uol.com.br/alertas/info.gif);	border-color:#010F97;	background-color:#F2F6F9;}
	.hint      {background-image: url(https://simg.uol.com.br/alertas/hint.gif);	border-color:#FFDB07;	background-color:#FFFFE8;}
	.ok        {background-image: url(https://simg.uol.com.br/alertas/ok.gif);		border-color:#108408;	background-color:#F4F9F2;}
	.wait      {background-image: url(https://simg.uol.com.br/alertas/wait.gif);	border-color:#000000;	background-color:#F7F7F7;}
ul.msg span {display: none;}

/* =MENSAGENS E ALERTAS MINI
---------------------------------------*/
.msg-mini {margin:5px 0;padding:2px 5px 2px 24px;background-color:#fff;background-position: 0px 0px;background-repeat:no-repeat;border: none;font:1.1em/1.3846em arial, sans-serif;min-height:16px;}
	/* \*/ * html .msg-mini {height:20px;hei\ght:16px;} /* */
	dl.msg-mini, ul.msg-mini {padding:0 5px 2px 24px;min-height:20px;}
	/* \*/ * html ul.msg-mini, * html dl.msg-mini {height:22px;hei\ght:20px;} /* */
	dl.msg-mini dt, ul.msg-mini li {padding-top: 0px; list-style:none;font:1em/1.3846em arial, sans-serif;}
	dl.msg-mini dd {padding:0;margin:0;font:0.9090em arial, sans-serif;color:#555555;}
.alert-mini { background-image: url('https://simg.uol.com.br/alertas/ico-alert.gif');}
.error-mini { background-image: url('https://simg.uol.com.br/alertas/ico-error.gif');}
.info-mini  { background-image: url('https://simg.uol.com.br/alertas/info-mini.gif');}
.hint-mini  { background-image: url('https://simg.uol.com.br/alertas/ico-hint.gif');}
.ok-mini    { background-image: url('https://simg.uol.com.br/alertas/ico-success.gif');}
.wait-mini  { background-image: url('https://simg.uol.com.br/alertas/ico-loading.gif');}

ul.msg li {margin: 0;}


/* =ACESSO
--------------------------------- */
form#loga {
	margin: 1em 0 0;
	border: 1px solid #c0c0c0;
}
#loga h2 {
	font-size: 1.8em;
	line-height: 1.5;
	text-transform: uppercase;
	color: #00326b;
	padding: 0;
	margin: 0 0 .1em;
}

#loga h2 strong {
	font-size: 1.3888em;
	line-height: 1.05;
}

input#user {
	width: 238px;
}
input#pass {
	width: 160px;
	padding-bottom: 0;
	margin-bottom: 0;
}
input.btsubmit {
	height: 1.6em;
	margin: 0;
	padding: 0;
}

#loga #password-reminder p {
	margin-top: .3em;
}

#loga fieldset {
	margin: 0;
	padding: 1em;
	border: none;
}

#loga legend {
	display: none;
}

#loga p {
	margin: 1em 0 0;
	padding: 0;
}

#loga p label {
	display: block;
	font-size: 1.8em;
	color: #4d4d4d;
	margin: 0;
}

#loga p input {
	font-size: 1.6em;
}

#loga #password-reminder p a {
	color: #0058c3;
	font: bold 1.2em arial, sans-serif;
	text-decoration: none;
	padding-left: 10px;
	background: url(https://simg.uol.com.br/cadastro/visitante/seta_esqueceu_senha.gif) no-repeat 0 50%;
}

#loga #password-reminder p a:hover {
	text-decoration: underline;
}


.access hr {
	clear: both;
	height: 1px;
	visibility: hidden;
	margin: 0;
}

div.disclaimer {
	float: left;
	clear: both;
	width: 100%;
	margin-left: -276px;
}

div.disclaimer p {
	padding-left: 286px;
	padding-right: 52px;
	font: bold 2.4em/1.4 arial, sans-serif;
	color: #51514f;
	margin: 0;
}
div.disclaimer p strong {
	font: bold 1.1666em/1.1 arial, sans-serif;	
}

#cadastre-se,
#loga {
	float: right;
	width: 266px;
}
#cadastre-se dl {
	margin: 0;
}

#cadastre-se dt,
#cadastre-se dd {
	font-size: 1.7em;
	margin: 0;
	padding: 0 20px;
	text-align: center;
}


/* =STATUS CONTROL 
-------------------------------------------- */
.access #choose-offer,
.access #register-offer,
.access #conclusion,
.chooseoffer #access,
.chooseoffer #register-offer,
.chooseoffer #conclusion,
.registeroffer #access,
.registeroffer #conclusion,
.conclusion #access,
.conclusion #choose-offer,
.conclusion #register-offer {
	display: none;
}

.access #access,
.chooseoffer #choose-offer,
.registeroffer #choose-offer,
.registeroffer #register-offer,
.conclusion #conclusion {
	display: block;	
}


/* =CHOOSE-OFFER E REGISTER-OFFER
-------------------------------------------- */
#choose-offer {
	padding-top: 1em;	
}
#register-offer.bol #register-offer-vis,
#register-offer.vis #register-offer-bol {
	display: none;
}
#register-offer.bol #register-offer-bol,
#register-offer.vis #register-offer-vis {
	display: block;
}

#choose-offer fieldset,
#register-offer fieldset,
#conclusion fieldset {
	border: 1px solid #c5c5c5;
	clear: both;
}

#choose-offer legend,
#register-offer legend,
#conclusion legend {
	font: bold 1.4em/1.3 arial, sans-serif;
	color: #496e92;
	margin: 0 7px;
	padding: 0 5px;
	text-transform: uppercase;
} 

#choose-offer p {
	margin: .1em 0;
	padding: 1em;
	text-align: center;
}
#choose-offer span {
	margin: 0 5em;
}

#choose-offer span label {
	font-size: 1.8em;
}
#choose-offer span input {
	margin: 0 .3em;
	vertical-align: baseline;
}

.chooseoffer #footer,
.registeroffer #footer {
	display: none;
}

#terms-of-service {
	font-family: arial, sans-serif;
	color: #666;
	text-align: center;
}

#terms-of-service a,
#terms-of-service a:link,
#terms-of-service a:visited {
	color: #06c;
	text-decoration: none;
}

#terms-of-service a:hover {
	text-decoration: underline;	
}

/* =REGISTER FORM
-------------------------------------------- */
.formregister .textfield dl,
.formregister .turingfield dl {
	clear: both;
}
	
.formregister .textfield dt {
	width: 182px;
	text-align: right;
	float: left;
}
.formregister .textfield dt label {
	font: 1.8em/1.4 arial, sans-serif;
}
.formregister .textfield dd {
	padding-left: 0;
	margin-left: 192px;
}
	/* =MSG-MINI FIXES
	-------------------------------------------- */
	.formregister .textfield dl.msg-mini {
		clear: none;
		position: static;	
	}
	.formregister .textfield dl.msg-mini dt {
		float: none;
		text-align: left;
		width: auto;
	}
	.formregister .textfield dl.msg-mini dd {
		margin-left: 0;
		padding-left: 0;
	}

.formregister .textfield dd input {
	font-size: 1.6em;
	border: 1px solid #7F9DB9;
}
.formregister .textfield dd span {
	display: block;
	padding: 2px;
	margin: 0;
	float: left;
}
.invalid dd span {
	background-color: #c80000;
}
.required.empty dd span {
	background-color: #c80000;
}

.formregister dd.tip {
	display: none;
}

.formregister div.showtips dl,
.formregister div.showtips dl {
	position: relative;
}

.formregister .showtips dd.tip {
	position: absolute;
	z-index: 80;
	margin: 0;
	padding: 0;
	background: url(https://simg.uol.com.br/cadastro/visitante/tipcomicsbottom.gif) no-repeat left bottom;
	width: 216px;
	top: -6px;
	left: 360px;
	min-height: 5.7em;
	display: block;
}

.formregister .showtips input {
	background-color: #f2f4f8;
}
.formregister .showtips dd.tip div {
	background: url(https://simg.uol.com.br/cadastro/visitante/tipcomicstop.gif) no-repeat left top;
}
.formregister .showtips dd.tip p {
	margin: 0;
	padding: .6em 10px 1em 50px;
	background: url(https://simg.uol.com.br/alertas/info-mini.gif) no-repeat 30px .6em;
	font-size: 1.1em;
}
#choose-bol-mail strong {
	font: bold 1.6em/1.575 arial, sans-serif;
}
p#check-bol-mail {
	clear: left;
	margin: 0;
}
.formregister dd p.msg-mini {
	margin: .3em 0 .1em;
}

dd.bolsuggestions {
	font: 1.5em/1.8 arial, sans-serif;
}
dd.bolsuggestions em {
	font: bold 1em arial, sans-serif;
}

/* special width/height fields and tips */
.formregister .textfield dd span input {
	width: 168px;	
}
#bol-mail-options dd.tip {
	left: 460px;
}

#dd-alternativeEmailConfirmation {
	padding-top: 2.4em;
}
#bol-parent-alternativeEmailConfirmation dd.tip {
	top: 1.8em;
}

#bol-namPerson,
#vis-namPerson,
#vis-namLogin,
#vis-namLoginConfirmation,
#bol-alternativeEmail,
#bol-alternativeEmailConfirmation {
	width: 322px;
}
#bol-parent-namPerson dd.tip,
#vis-parent-namPerson dd.tip,
#vis-parent-namLogin dd.tip,
#vis-parent-namLoginConfirmation dd.tip,
#bol-parent-alternativeEmail dd.tip,
#bol-parent-alternativeEmailConfirmation dd.tip {
	left: 512px;
}
#bol-parent-namLogin.suggestions dd.tip {
	top: 10em;
}




/* =TURING 
-------------------------------------------- */
.turingfield {
	width: 470px;
}
.turingfield p.turing-image {
	margin-top: 0;
	width: 220px;
	float: right;
}
.turingfield .turing-input {
	padding-right: 230px;
	text-align: right;
}
.turingfield .refresh-turing,
.turingfield .hear-turing {
	position: relative;
	text-align: right;
	padding-right: 270px;
}
.turingfield dt label {
	font-size: 1.8em;
}
.turingfield button {
	top: 0;
	right: 230px;
	position: absolute;
	margin: 0 .1em;
	padding: .3em 0;
	width: 2.4em;
}
p.hear-turing {
	padding-top: .5em;		
}
.turingfield p.hear-turing button {
	top: -0.5em;
}
.turing-image img {
	border: 1px solid #c5c5c5;	
}
.turingfield button img {
	border: 0;
}
.turingtest .showtips dd.tip {
	top: 2em;
	left: 462px;
}
.turingtest dd.empty,
.turingtest dd.invalid {
	clear: both;	
}
.turingtest dd p.msg-mini {
	margin: .3em 0 .1em;
}

/* =CONCLUSION
-------------------------------------------- */
#conclusion fieldset {
	padding-right: 1px;	
}
#conclusion h2 {
	font-size: 1.8em;
	padding: .5em 0 .2em 68px;
	margin: 0;
	background: url(https://simg.uol.com.br/alertas/wait.gif) no-repeat 0 50%;
}
#conclusion #aviso-de-espera {
	font-size: 1.2em;
}
#conclusion fieldset dl {
	clear: both;
	position: relative;
}
#conclusion fieldset dt {
	font: 1.6em/1.5 arial, sans-serif;
	width: 312px;
	text-align: right;
	float: left;
}

#conclusion fieldset dd {
	font: 1.8em/1.3333 arial, sans-serif;
	padding-left: 0;
	margin-left: 322px;
	color: #4f4f4f;
}

#conclusion fieldset dd.bol-config {
	position: absolute;
	top: 2.4em;
	left: 500px;
	margin-left: 0;
	font: 1.2em arial, sans-serif;
}
#conclusion fieldset dd.bol-config a {
	color: #06c;
	text-decoration: none;
}
#conclusion fieldset dd.bol-config a:hover {
	text-decoration: underline;
}
p#confirmation {
	position: relative;
	background: #fff5c9 url(https://simg.uol.com.br/cadastro/visitante/ico_cartas.gif) no-repeat 45px 100%;
	margin: 0 0 -3px -3px;
	border-top: 1px solid #ccc;
	padding: 1.3em 1em 1.3em 108px;
	font-size: 1.3em;
}

p.print {
	margin: 0;
	padding: .5em 0 .5em 20px;
	background: url(https://simg.uol.com.br/cadastro/visitante/bg_print.gif) no-repeat 0 50%;
}

p.senha {
	font-size: 1.1em;
	margin: 0 224px 1em 0;
	color: #727272;
}




/* =AUTO-CLEARING FLOATS 
-------------------------------------------- */
.access #userlogin:after,
.access #nonuser:after,
.access .disclaimer:after,
.formregister .textfield dl:after,
.formregister .textfield dd:after,
#cross-sell ul:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* IeMac \*//*/
.access #userlogin,
.access #nonuser,
.access .disclaimer,
.formregister .textfield dl,
.formregister .textfield dd,
#cross-sell ul {
	display: inline-block;
}
/**/



.ajaxmessage p,
#ajaxmessage p {
	margin: 0;
	padding: 1em 0;
	font-size: 1.3em;
}
.ajaxmessage p img,
#ajaxmessage p img {
	vertical-align: bottom;
}


/* =THICKBOX
---------------------------------------*/
#TB_window {
	border: 1px solid #c5c5c5;	
}
#TB_window #TB_title {
	height: 22px;
}
#TB_window #TB_closeAjaxWindow {
	padding-top: 4px;
	padding-bottom: 4px;	
}
#TB_window #TB_closeAjaxWindow a {
	color: #0d5acc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#TB_window #TB_closeAjaxWindow a strong img {
	border: 0;
	vertical-align: baseline;
}
#TB_window #TB_overlay {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#TB_window #TB_title {
	background-color: #fff;
}

#TB_window .testaremail p {
	font: 18px/1.2 arial, sans-serif;
	margin: 0;
}
#TB_window .testaremail input {
	font-size: 16px;
}
#TB_window .testaremail input.pwemail {
	width: 300px;
}

#TB_window form.loga {
	font-size: 10px;
	margin: 1em 0 0;
	border: 1px solid #c0c0c0;
	float: none;
	width: auto;
}

#TB_window form h2 {
	font-size: 1.8em;
	line-height: 1.5;
	text-transform: uppercase;
	color: #00326b;
	padding: 0;
	margin: 0 0 .1em;
}
#TB_window form h2 strong {
	font-size: 1.3888em;
	line-height: 1.05;
}
#TB_window form h3 {
	margin: -2px 0 0;
	font-size: 18px;
}
#TB_window p.login-user input#user {
	width: 238px;
}
#TB_window p.login-password input#pass {
	width: 160px;
	padding-bottom: 0;
	margin-bottom: 0;
}
#TB_window .password-reminder p {
	margin-top: .3em;
}
#TB_window fieldset {
	margin: 0;
	padding: 1em;
	border: none;
}
#TB_window legend {
	display: none;
}
#TB_window p {
	margin: 1em 0 0;
	padding: 0;
}
#TB_window p label {
	display: block;
	font-size: 1.8em;
	color: #4d4d4d;
	margin: 0;
}
#TB_window p input {
	font-size: 1.6em;
}
#TB_window #password-reminder p a {
	color: #0058c3;
	font: bold 1.2em arial, sans-serif;
	text-decoration: none;
	padding-left: 10px;
	background: url(https://simg.uol.com.br/cadastro/visitante/seta_esqueceu_senha.gif) no-repeat 0 50%;
}
#TB_window #password-reminder p a:hover {
	text-decoration: underline;
}

#TB_ajaxContent #tb_footer{
	margin-top:9px;
}

#TB_ajaxContent #tb_footer  a{
	color: #0d5acc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}