section#steps{padding:10px 0;line-height:25px;background:#FFF}section#steps ol{position:relative}section#steps ol li{width:33%;display:inline-block;font-size:13px;color:#999;text-align:left;border-bottom:4px solid #DDD;cursor:default}section#steps ol li:first-child{width:33%;display:inline-block}section#steps.outbound ol li{width:49.8%}section#steps ol li.active{color:#448737;border-bottom:4px solid #448737}

body { background:#FFF; }
#content { padding-bottom:30px;}
#content section#login-info { display:none; }

#content .modal-content, #main-footer .modal-content, #main-header .modal-content { display:none; }

h1.registration-title{
    color: #448737;
    font-family: "CorbelRegular",sans-serif;
    font-size: 25px;
    font-weight: normal;
    text-align: left;
    text-transform: none;
	margin:20px 0 0 0;
}

section#register .fields-block { border-top: 1px solid #D9D9D9; zoom:1; position:relative; width:660px; }
section#register .fields-block-outbound{padding: 0 5px;}
section#register h2 p.intro{color:#737373;font-size: 16px; display: block; padding-top: 10px;}

section#register #account-switch ul { overflow:hidden; padding-top:15px; max-width:600px; }
section#register #account-switch ul li { background: #F4F4F4; padding: 8px; width: 265px; display:block; float:left;}
section#register #account-switch ul li:first-child { margin-right:37px;  }
section#register #account-switch ul li input { display:block; float:left; margin-right:5px }
section#register #account-switch ul li label { display:block; position:relative; padding:10px 5px; cursor:pointer; vertical-align:top; overflow:hidden; font-size:16px; border:2px solid transparent;}
section#register #account-switch ul li label small { display: block; padding: 3px 0 0; color: #8895A0; font-size: 13px; overflow:hidden; margin-left:23px;}
section#register #account-switch ul li.active label { border-color:#a5d478; }
section#register #account-switch + .fields-block { border-top:none;}
section#register #account-switch.hide + .fields-block { border-top: 1px solid #D9D9D9; }

section#register #account-switch label span {
	display: none;
}
section#register #account-switch .uolMsg {
	background: #F1F1F1;
	margin-top: 24px;
	padding: 14px;
}

section#register div#profile-info p{font-family: "CorbelRegular",sans-serif; font-weight: normal; padding: 0; text-align: left; text-transform: none;}
section#register div#profile-info p.welcomeMsg {font-size: 14px; color: #4F4F4F;}
section#register div#profile-info p.subWelcomeMsg{ font-size: 30px; color: #5b9028;margin: 0 0 20px;}

div#account-info p{font-family: "CorbelRegular",sans-serif; font-weight: normal; margin: 0 0 10px; padding: 0; text-align: left; text-transform: none;}
div#account-info p.welcomeMsg {font-size: 24px;}
div#account-info p.subWelcomeMsg{font-size: 16px; color: #dddddd;}

section#register #account-info.fields-block { margin-top:0; border:none; padding-top:0;  }
section#register #account-info.fields-block h2 { margin-top:0; border:none; padding-top:0; }
section#register #account-info.fields-block h2 span, section#register .sub-title{color: #999; display: block; font-family: arial; font-size: 16px;}

section#register { position:relative; overflow:hidden; padding:20px 0; }
section#register #tabs ul { height:57px; margin:10px 0 20px 0; padding:0; border-bottom:1px solid #DDD; list-style:none; }
section#register #tabs ul li { height:43px; border-top-left-radius:5px; border-top-right-radius:5px; padding:10px 0 3px 10px; float:left; width:170px; text-decoration:none; margin:-1px 10px 0 0;  background:#f4f4f4;  border:1px solid transparent;}
section#register #tabs ul li span { padding:0; cursor:pointer; overflow:hidden; text-align:left; font-size:18px; color:#666; display:block; line-height:30px; font-weight:normal; }
section#register #tabs ul li.active, section#register #tabs ul li:hover { background:#FFF; border:1px solid #DDD; border-bottom:none; text-decoration:none;  margin-bottom:0; padding-bottom:5px;}
section#register #tabs ul li.active span { font-weight:bold; color:#478538; text-decoration:none; }
section#register #tabs ul li.disabled { cursor:default;}
section#register #tabs ul li.disabled:hover {height:43px; border-top-left-radius:5px; border-top-right-radius:5px; padding:10px 0 3px 10px; float:left; width:170px; text-decoration:none; margin:-1px 10px 0 0;  background:#f4f4f4;  border:1px solid transparent; }
section#register #tabs ul li.disabled span { cursor:default; color:#999!important; font-style:italic;}
section#register #tabs ul li.disabled span:hover { text-decoration:none;}
section#register #tabs ul li.active.disabled span, section#register #tabs ul li.active.disabled:hover span { font-size:14px; font-style:normal; color:#1f500e!important}

section#register #tabs ul li i.icon { vertical-align:middle; margin:0 5px 0 0;}
section#register #tabs ul li i.icon.buyer { background-position:-140px -42px; }
section#register #tabs ul li i.icon.seller { background-position:-185px -42px; }
section#register #tabs ul li.active i.icon.buyer { background-position:-140px top; }
section#register #tabs ul li.active i.icon.seller { background-position:-185px top; }

section#register h2 { font-family: "CorbelRegular",sans-serif; border:none; text-transform:none; color:#5b9028; margin:10px 0; text-align:left; padding:0; font-size:30px; font-weight:normal; }
section#register h3 { font-family: "CorbelRegular",sans-serif; border:none; text-transform:none; color:#5b9028; margin:10px 0; text-align:left; padding:0; font-size:24px; font-weight:normal; }
section#register fieldset label, div.login-wrapper fieldset label { display:block; font-weight:normal; font-size:16px; position:relative; max-width:600px }
section#register fieldset label span.counter { position:absolute; right:0; top:0; font-size:12px; color:#989898;}
section#register fieldset input[type=radio], section#register fieldset input[type=checkbox] { vertical-align:middle;}
section#register fieldset input[type=radio] + label, section#register fieldset input[type=checkbox] + label { display:inline-block; vertical-align:middle; cursor:pointer; font-weight:normal; }
section#register fieldset p.helper-holder, section#register fieldset input[type=text], section#register fieldset input[type=password], section#register fieldset select, section#register fieldset span.filled, div.login-wrapper fieldset input { margin:5px 0; }
section#register fieldset p.helper-holder input { margin:0; }
section#register fieldset span#strength { font-size:11px; color:#999; margin:0 10px;}
section#register fieldset#phrase small { margin-bottom:10px; }
section#register fieldset#turing small,section#register fieldset small#optional-moderninha { display:inline}
section#register fieldset#captcha { border-bottom: 1px solid #d9d9d9; margin-bottom:15px; padding-bottom:20px }
section#register fieldset#captcha.dummy { padding:0; border:none; margin:0; }

section#register div#contract-info { padding:15px 0 0 0; }
section#register fieldset#checkContract, section#register fieldset#newsletterEnabled { padding:3px 0;  font-size:14px; }
section#register fieldset#checkContract .field-msg { display:inline-block; vertical-align:middle; margin-left:25px;}
section#register fieldset#checkContract label, section#register fieldset#newsletterEnabled label { font-size:16px; cursor:pointer; padding-left:5px; }
section#register fieldset#newsletterEnabled label .optional { display:none; }

section#register #address-block input[name=selectAdd] + label { font-weight: normal; font-size: 16px; position: relative; max-width: 600px; color:#4F4F4F; }
section#register #address-block ul li address { padding: 10px 24px; font-style: normal; font-size: 12px; color: #666; }

section#register p.action { border-top:1px solid #D9D9D9; }
section#register #continue.pagseguro-button {margin-top:30px;}

body.compact section#register #account-info ,
body.compact section#register #profile-info ,
body.compact section#register #commercial-info ,
body.compact section#register #partner-info ,
body.compact section#register form#registration h2 ,
body.compact h3.block-name { display: none; }
body.compact section#register #account-info.fields-block ,
body.compact section#register #profile-info.fields-block ,
body.compact section#register #commercial-info.fields-block ,
body.compact section#register #partner-info.fields-block ,
body.compact section#register p.action { border-top: none; }
body.compact section#register p.action { text-align: center; }
body.compact section#register p.action button { margin: 5px }
body.compact section#register { padding: 5px 0 0; }
body.compact .wrapper ,
body.compact #main-header .wrapper { width: 95%; min-width: 95%; max-width: 95%; }
body.compact #main-header { width: 100%; min-width: 100%; max-width: 100%; }
body.compact #email span.filled { max-width: 90%; min-width: 50%; }
body.compact section#steps ol.compact_vendedor li { width: 25%; }
body.compact section#steps ol.compact_empresarial li { width: 20%; }
body.compact section#steps ol.compact_empresarial li.address { width: 15%; }
body.compact section#steps ol.compact_empresarial li.partner { width: 25%; }
body.compact section#error h1 { margin: 20px 0 0; font: 24px "CorbelRegular",sans-serif; }
body.compact section#error h2 { margin: 10px 0 0; font: bold 18px "CorbelRegular",sans-serif; color:#5b9028; }

#field-msg-cpf strong { margin-bottom:30px; }

#colorbox #cboxWrapper #cboxContent #cboxLoadedContent { overflow:hidden!important;}

section#login-info { padding: 0 10px 10px 10px; }
section#login-info h1, #colorbox h1 { font-family: "CorbelRegular",sans-serif; border:none; text-transform:none; color:#5b9028; margin:0 0 10px 0; text-align:left; padding:0; font-size:24px; font-weight:normal; }
section#login-info h3 { font-size:16px; color:#666; font-weight:normal; float: left; margin: 10px 0; width: 100%}
section#login-info .login-wrapper {float: left; margin: 20px 0; }
section#login-info input.full { width:540px }
section#login-info .green-button { font-size:22px; font-weight:bold; padding:4px 20px; border-radius:3px; margin-left:10px; letter-spacing:1px; vertical-align:-2px; }
section#login-info #forgetPass { display:inline-block; font-size:13px; }
#passwordLogin {min-height: 107px;}
section#login-info fieldset.or{border-top: 1px solid #7CBC41; padding: 0; height: 90px; width: 555px;}
section#login-info fieldset.or legend{font-size: 12px; color:#54904A; padding: 0 5px; font-weight: bold; width: 17px; margin: 0 auto;}
section#login-info #register-other { background-color:#F1F1F1; background:linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 63%, #E7E7E7 100%) repeat scroll 0 0 transparent; font-size:16px; margin-top: 10px; padding:30px 20px; text-align: center; }
section#login-info #register-other i.mail { margin-right:15px; }
section#login-info #register-with-other { background-color:#F1F1F1; background:linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 63%, #E7E7E7 100%) repeat scroll 0 0 transparent; font-size:16px; margin-top: 10px; padding:30px 20px; text-align: center; }
section#login-info #register-with-other i.mail { margin-right:15px; }
#cboxLoadedContent .cboxIframe { margin-top:30px; }

body.page_login .wrapper ,
body.page_precadastro .wrapper { width: 95%; min-width: 95%; max-width: 95% }
body.page_login header#main-header ,
body.page_precadastro header#main-header { width: 100%; min-width: 100%; max-width: 100% }
body.page_login header#main-header .wrapper ,
body.page_precadastro header#main-header .wrapper { width: 95%; min-width: 95%; max-width: 95% }

section#authentication h1 { margin: 20px 0; font: 24px "CorbelRegular",sans-serif; color: #000000; }
section#authentication h2 { margin: 5px 0; border:none; padding: 0; font: bold 15px "CorbelRegular",sans-serif; color:#5b9028; text-transform:none; text-align:left; }
section#authentication h4 { margin: 5px 0; font: 15px/25px arial,sans-serif;  }
section#authentication p { margin: 0; font: 14px arial,sans-serif; }
section#authentication button p { margin: 7px 0px 0px 0px; text-shadow: none; }
section#authentication .pagseguro-button { margin: 10px 20px 10px 0; }
section#authentication .pagseguro-button p { color: #0f5904; }
section#authentication div.panel div:last-child { margin: 40px 0 0; border-top: solid 1px #e1eadb; padding: 20px 0 0; }
section#authentication div.panel { display: none; }
section#authentication.login #registered { display: block; }
section#authentication.register #new { display: block; }
section#authentication #forgetPass { display:inline-block; font-size:13px; }

footer#main-footer { background:#F2F2F2; }


#box-campanha-condicoes-comerciais { margin-bottom: 25px;}
#box-campanha-condicoes-comerciais h3 { color: #7C7C7C !important; font-weight: bold; font-size: 20px;}
#box-campanha-condicoes-comerciais p { color: #A2A2A2; font-size: 15px; margin-top: -10px;}
#box-campanha-condicoes-comerciais #icone-condicoes-comerciais {background: url('https://stc.pagseguro.uol.com.br/pagseguro/i/ibanking/cadastro/icon-condicoes-comerciais.gif') no-repeat !important; width: 60px; height: 43px; float: left; margin: 0 20px 0 0;}

hr.separador { background-color: #D9D9D9;
    border: medium none;
    color: #D9D9D9;
    height: 1px;
    margin: 10px 0;
    width: 660px;}

.readonly {background-color: #F2F4F8 !important;}

#email span.filled {
    width: 277px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.green-color { color: #4da731; }

.borderBottom {border-bottom: 1px solid #D9D9D9 !important;width: 664px; padding-bottom: 20px !important;}

/* --- Bank information --- */
#bank-info {
    margin-bottom: 20px;
}

#bank-info ul {
    display: inline-block;
}

#bank-info li {
    float: left;
    margin-right: 10px;
}

#bank-info label {
    font-size: 14px;
    margin: 0 0 3px;
}

#bank-info .choice-change {
    padding: 0;
    border: none;
}

#bank-message {
    margin-bottom: 16px;
    background-color: #f6f6f6;
}
#emails li {
    font: 1.4em 'UOLText', arial;
    line-height: 20px;
}
.mails-cpf {
    float: left;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    margin: 0px 0 10px;
    color: #888;
}
.mails-cpf p,
#login-info h2 {
    font: 1.5em 'UOLText', arial;
    margin-bottom: 10px;
     color: #888;
}
.link-modal-login {
    text-align: right;
    font-size: 1.2em;
}