html {
	max-height: 210px;
	height: 210px;
}

body {
  background: #fff;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

label{
  color: #5B8A20;
  font-size: 1.2em;
}

.barrier {
  border-right: 2px solid #8dc346; 
  padding-right: 20px;
  width: 50%;
}

.barrier2 {
  padding-left: 20px;
  width:        50%;
  text-align:   center;
}


.email {
 width: 180px;
 background: transparent url(/images/mail_textfield.png) no-repeat center left;
 padding-left: 16px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #7C7C7C;
 border: 1px solid #CCC;
}

.email:hover,active{
 border: 1px solid #8dc346;
}

.password {
 width: 180px;
 background: transparent url(/images/password_textfield.png) no-repeat center left;
 padding-left: 16px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #7C7C7C;
 border: 1px solid #CCC;
}

.password:hover,active{
 border: 1px solid #8dc346;
}

.openid {
 width: 180px;
 background: transparent url(/images/openid-small.png) no-repeat center left;
 padding-left: 16px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #7C7C7C;
 border: 1px solid #CCC;
}

.openid:hover,active{
 border: 1px solid #8dc346;
}

.loginButton {
  border: 1px solid #8dc346;
  padding: 3px 35px;
  font-size: 14px;
  color: #575757;
  font-weight: bold;
  background: #FFF url(/images/button-bg.gif) repeat-x top left;
}

.loginButton:hover {
  background: #8dc346;
}