.loginForm
  {
  width:80%;
  background-color:#f6f6f6;
  border: 1px solid #b0b0b0;
  margin:1rem auto;
  padding:1.5rem 0 1.5rem 0;
  }


@media screen and (max-width: 63.9375em)         /* css formatting for small and medium screens */
{
.loginForm label
  {
  font-weight:bold;
  margin-left:0.75rem;
  }

label.loginFormHeading
  {
  font-size:1.3em;
  margin-bottom:0.75rem;
  }

label.logoutFormHeading
  {
  font-size:1.3em;
  margin-bottom:0.75rem;
  padding-left:2rem;
  padding-top:2rem;
  width:auto;

  }

label.loginFormMessage
  {
  font-size:1.0em;
  margin-bottom:0.75rem;
  font-weight:normal;
  text-align:left;
  color:red;
  }

.loginFormError
  {
  color:#ff0000;
  font-size:86%;
  font-weight:normal;
  margin-top:-0.5rem;
  }

.loginForm input[type="text"],
.loginForm input[type="password"],
.loginForm textarea,
.loginForm select
  {
  width:17.5rem;
  margin:0 0.75rem 0.625rem 0.75rem;
  }

.loginForm input[type="button"],
.loginForm input[type="submit"]
  {
  margin:0 0 0  0.75rem;
  }

.loginForm a
  {
  display:block;
  float:right;
  text-align:right;
  margin-left:50%;
  margin-right:2rem;
  }


.captcha
  {
  border:solid 2px #ccc;
  border-radius: 4px;
  float:left;
  margin:0px 0.75rem 0.75rem 0.75rem;
  }

  #form_register_captcha_refresh
  {
  display:block;
  float:left;
  text-align:left;
  margin-left:0;
  }


  #form_register_btn_register
  {
  float:left;
  }


  #imgWait
  {
  padding-left: 1rem;
  }

}


@media print, screen and (min-width: 64em)             /* css formatting for large screens only */
{
.loginForm label
  {
  font-weight:bold;
  margin-left:0;
  display:block;
  text-align:right;
  width:13rem;
  float:left;
  clear:left;
  }

label.loginFormHeading
  {
  font-size:1.3em;
  margin-bottom:0.75rem;
  margin-left:0.75rem;
  text-align:left;
  }

label.logoutFormHeading
  {
  font-size:1.3em;
  margin-bottom:0.75rem;
  margin-left:0.75rem;
  text-align:left;
  padding-left:2rem;
  padding-top:2rem;
  width:auto;
  }



label.loginFormMessage
  {
  font-size:1.0em;
  margin-bottom:0.75rem;
  font-weight:normal;
  text-align:left;
  color:red;
  margin-left:2rem;
  width:80%;
  text-align:left;
  }


.loginFormError
  {
  color:#ff0000;
  font-size:86%;
  font-weight:normal;
  margin-top:-0.5rem;
  display:block;
  text-align:right;
  }


label.checkboxLabel
  {
  margin-left:2.5rem;
  }

.loginForm input[type="text"],
.loginForm input[type="password"],
.loginForm textarea,
.loginForm select
  {
  float:left;
  width:17.5rem;
  margin:0 0.75rem 0.625rem 0.75rem;
  }

.loginForm input[type="button"],
.loginForm input[type="submit"]
  {
  float:left;
  clear:both;
  margin:0.5rem 0 0.5rem 13.75rem;
  }

#form_login_remember_me
  {
  float:right;
  width:1.625rem;
  margin-left:0.375rem;
  margin-bottom:0.5rem;
  }

.loginForm a
  {
  display:block;
  float:right;
  text-align:right;
  margin-left:50%;
  margin-right:2rem;
  }


#form_register_back_to_login
{
  clear:left;
}

#form_register_captcha_refresh
  {
  display:block;
  float:left;
  text-align:left;
  margin-left:0;
  }


.captcha
  {
  border:solid 2px #ccc;
  border-radius: 4px;
  float:left;
  margin:0px 0.75rem 0.75rem 0.75rem;
  }


#imgWait
  {
  float:left;
  padding-left:1rem;
  }


}