.mainbox { width: 400px; color: #333333; margin: 0px auto; text-align: center; padding-top: 75px; background-image: url('../img/log-glow.png'); background-repeat: no-repeat; background-position: center top; }
.mainbox .boxtitle { font-size: 36px; letter-spacing: -1px; line-height: 36px; position: relative; }
.mainbox .boxtitle span { display: block; font-size: 50px; letter-spacing: -2px; line-height: 36px; }
.mainbox .boxtitle img { position: absolute; top: -60px; right: -90px; }
.mainbox .boxtitle img.register { right: -110px; }
.mainbox .boxbutton { border-top: solid 1px #b3b3b3; margin-top: 25px; padding-top: 20px; }
.mainbox h3 { font-size: 11px; color: #666666; margin: 20px 0px 0px 0px;; font-weight: normal; }
.mainbox h3.register { font-size: 12px; }
.mainbox h4.register { font-size: 10px; color: #999999; margin: 0px; font-weight: normal; }
.mainbox h4.register a { color: #00D1BD; text-decoration: none; }
.mainbox h4.register a:hover { text-decoration: underline; }
input.valid { box-shadow: 0px 0px 0px 2px #99d000; }
input.wrong { box-shadow: 0px 0px 0px 2px #d82047; }
.field-alert { font-size: 11px; color: #d82047; display: none; }

@keyframes pulsate {
  0% {
	color: #b2b2b2; /* First background color */
  }
  50% {
	color: #4d4d4d; /* Second background color */
  }
  100% {
	color: #b2b2b2; /* Back to the first background color */
  }
}

.field-looking { font-size: 11px; animation: pulsate 0.5s infinite; display: none; }

