form[name='register']{
  *max-width: 80vw;
  margin: 0 auto;
  display: block;
}
form[name='register'] input{
  min-width: 290px;
  /*! margin: 100px; */
}

#captcha{
  margin: 2vh auto;
  padding: 1vh 0.5vw;
  border: 2px solid rgba(0,0,0,0.5);
}

#captcha, #registersucces{
  width: 300px;
}
#registersucces{

  margin: 2vh auto;
  border: 2px solid rgba(0,0,0,0.5);
}
#captcha p, #captchaimg img{
  margin: 1vh auto;
}
#captcha p:after{
  content: '?!';
}
#captcha p{
  font-weight: bold;
  font-size: 1.2em;
}
#captchaimg img{
  box-shadow: 3px 3px 6px rgba(0,0,0,0.7);
  margin-bottom: 2vh;
}
form[name='register'] label:after, form[name='register']  label:not(:first-of-type):before, #captcha label:before{
  content: '\A';
  white-space: pre;
}

form[name='register'] input{
  border: 2px solid rgba(0,0,0,0.2);
  padding: 1%;
}
#submit{
  width: calc(300px + 2% + 4px)
}
form[name='register'] input[type='email']:invalid, form[name='register'] input[type='text']:invalid{
  border: 2px solid rgba(255,0,0,0.5);
  background-color: rgba(255,0,0,0.1);
  *color: rgba(255,255,255,0.9);
}
form[name='register'] input:not(:disabled):hover, form[name=register] input:not(:disabled):active{
  border: 2px solid rgba(0,0,255,0.5);
}
form[name='register'] input:not(:last-of-type){
  margin-bottom: 1vh;
}
.Safari form[name='register'] input{
  line-height: 35px;
}
.Safari #newchaptcha,#submit{
  min-height: 40px;
}
.Safari label{
  font-size: 1.5em;
}