html, body {
    margin:0;
    padding:0;
}

html {
    min-height:100%;
}

body {
  font-family: 'Open Sans', Sans-Serif;

  background: #DE4D35; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #E46E36, #D92D34); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #E46E36, #D92D34); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #E46E36, #D92D34); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #E46E36, #D92D34); /* Standard syntax */

  color:white;
  min-height:100%;
}

form {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:400px;
  min-width:300px;
  font-size:18px;

  background-image:url('/assets/img/logo.png');
  background-repeat:no-repeat;
  background-size: 181px 36px;
  background-position: center top;
  padding:0 8px;
  padding-top:40px;
  margin-top:40px;
  padding-bottom:40px;
}

form > a {
  color:white;
  text-align:center;
  width:100%;
  display:block;
  font-size:16px;
}

form .error {
  background-color:#ec2b34;
  border:thin solid white;
  padding:5px;
}

form .message {
  border:thin solid white;
  background-color:green;
  padding:5px;
}

form h1 {
  text-align:center;
  font-size:24px;
}

form label {
  margin-top:1em;
  margin-bottom:.1em;
  display:block;
}

form input {
  border-radius:0.3em;
  font-size:inherit;
  border: solid 1px #dcdcdc;
  padding:1%;
  transition: box-shadow 0.3s, border 0.3s;
  width: 100%;
}

form input:focus, form input.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

form input[type="submit"] {
  border: none;
  box-shadow:default;
  border-radius:0;
  transition:default;
  background-color:Transparent;
  color:white;
  width: default;
  font-weight:bold;
  margin-top:0.5em;
  margin-bottom:0.5em;
  text-align:right;
  margin-right:0;
  padding-right:0;
}

form input[type="checkbox"] {
    width: inherit;
    margin-left:0.5em;
    margin-bottom:2em;
}

form p {
    margin-top:2em;
}

form .footer {
  height: 40px;
  margin-top: 10px;
}

form .footer a {
  float: left;
  line-height: 34px;
  height:40px;
  display:block;
  color:white;
  margin:0;
  padding:0;
}

form .footer input {
  float:right;
  width:auto;
  line-height: 40px;
  height:40px;
  margin:0;
  padding:0;
}