/* checkpoint */

.checkpoint { width: 950px; _width: 962px; height: 405px; margin-left: 5px; border-top: 5px solid #336699;
background-image:url( //www1.folha.uol.com.br/folha/treinamento/images/degrade-azul-5x41.gif); background-repeat:repeat-x; padding: 25px 0 0 0; }


.checkpoint p { margin: 0 0 5px 0;  }

.checkpoint a { color: #000; text-decoration: none; font-weight: bold; }
.checkpoint a:hover { color: #000; text-decoration: underline; font-weight: bold; }

.loginContainer { width: 460px; float: left; background-color: #F3F9FF; margin: 0 0 0 10px; padding: 10px 0 15px 10px;} 
.loginContainer form{ margin: 0 0 0 15px; height: 180px; }

.loginContainer #email { width: 300px; }
.loginContainer input[type="text"] { margin: 5px 0 5px 0; }
.loginContainer #passwordInput { width: 300px; }
.loginContainer #inputNewEmail { width: 300px; }

.loginContainer .inputSubmit { background-color: #FFF; color: #000; border: 1px solid #CCC; height: 25px; }
.register { width: 910px; }
.register p { margin: 0 3px 5px 0; }
.inputText { margin: 0 0 5px 0; }
.message { width: 95%; padding: 5px 10px; margin-left: 10px; margin-bottom: 10px !important; font: 12px arial,sans-serif;  }
.info { border: 1px solid #99cc99; background: #e2f9e3; color: #006647; }
.warning { border: 1px solid #ffcc99; background: #ffff99; color: #000000; }
.error { border: 1px solid #cc9999; background: #cc0000; color: #eef2ff; font-weight: bold !important; }