div.login{
  margin:0;
  text-align:center;  /*Used to centre the form*/
  min-width:300px;    /*Stops small screen pushing form of left screen edge same as form width*/
  position:relative; /* Need a position to show on top of the map */
  z-index:1;          /* Show on top of the toolbar */
  padding:20px;
}

form.login{
  text-align: left;    /*Required to counter text-align:center of container*/
  margin: 0 auto;      /*Form centering*/
  width: 400px;
  font-family: Verdana;
  font-size: 11px;
  background: #FFF;
  padding: 1em;
  border: 2px solid #AAA;
  border-radius: 6px;
}

form p
{
  padding: 10px;
}

fieldset{
  border-style: none;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}

fieldset div.ffpair{
  margin-top: 6px;
  margin-bottom: 10px;
}

legend span{
  display: none;
}

.login label{
  font-weight: bold;
  margin-right: 5px;
  vertical-align: sub;
  display: inline;
}

.login input{
  border: 1px solid #888;
  background:#fafafa;
  padding: 5px;
  vertical-align: bottom; /* Mainly to line checkbox up with its label */
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.login hr {
  height: 5px;
  background:#1c94c4;
  border: none;
}

.login .actions {
  margin-top: 10px;
}

input[type=checkbox]
{
     padding: 0px;
}

input.formtext{
  width: 100%;
  margin-top: 4px;
}

.errortext {
    color: Red;
 font-size:1.6em;
}

.ffpair .errortext
{
    float: right;
    padding-left: 20px;
}

.submit{
  float: right;
  margin-left: 5px;
}

.rememberme
{
    display:none; /* suppress - usually a browser option */
    float: left;
}

#registrationform {
  width: 550px;
}