*{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(../fonts/UbuntuMono.woff) format('woff');
}

body, html{ width: 100%; height: 100%; padding: 0; margin: 0; }

div.main{ width:100%; margin: 0; height: 100%; text-align: center; background: url('../images/login-background.jpg') no-repeat; background-position: 0 0; background-size: 100% 100%; top: 0; position: relative;}
div.inner{ width: 40%; box-shadow: 0 0 5em #333; background: rgba( 0,0,0, 0.2 ); position: absolute; left: 30%; top: 20%; padding-bottom: 1em;}

div.logo{ background: rgba(0,0,0, 0.8); padding: 0.5em; margin-bottom: 2em; border-bottom: solid 1px #FFF; }
div.logo h1{ font-family: 'Ubuntu Mono'; color: #FFF; margin: 0; font-size: 250%;}
div.logo h2{ margin: 0; font-size: 90%; font-family: sans-serif; color: #CCC; }

form{ text-align: left; margin-left: 30%; border: none; }
p{ font-family: arial; color: #FFF; font-size: 100%; font-weight: bold; }
fieldset{ border:none; margin-top: 1em; padding: 0; }
fieldset label{ color: #EEE; text-align: left; font-family: sans-serif; font-size: 80%; font-weight: bold; }
fieldset input.text{ padding: 0.5em; border: solid 1px #FFF; color: #444; background: #EEE !important; width: 50%; margin-bottom: 1em; }
fieldset input.checkbox{ margin: 0; }
.Actions input.action{ opacity: 0.6; width: 53%; background: #111; border: none; padding: 0.5em; text-transform: uppercase; color: #FFF; font-weight: bold; font-family: sans-serif; margin-top: 2em;}
.Actions input.action:hover{ cursor: pointer; opacity: 1; }
.Actions p#ForgotPassword{ margin: 0; }
.Actions p#ForgotPassword a{ text-decoration: none; font-family: arial; color: #FFF; font-size: 75%; text-transform:uppercase; }
.Actions p#ForgotPassword a:hover{ color: #353535; }