button {
  background: #0f76ab;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1189c7), to(#0c638f));
  background: -webkit-linear-gradient(top, #1189c7, #0c638f);
  background: -moz-linear-gradient(top, #1189c7, #0c638f);
  background: -ms-linear-gradient(top, #1189c7, #0c638f);
  background: -o-linear-gradient(top, #1189c7, #0c638f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF1189C6", endColorStr="#FF0C628E", GradientType=0);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: none;
  color: #fff;
  border: 1px solid #0c638f;
  padding: 2px 7px;
  line-height: 1.66em;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%; }
  button:hover {
    background: #0f7cb4;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1290d0), to(#0d6998));
    background: -webkit-linear-gradient(top, #1290d0, #0d6998);
    background: -moz-linear-gradient(top, #1290d0, #0d6998);
    background: -ms-linear-gradient(top, #1290d0, #0d6998);
    background: -o-linear-gradient(top, #1290d0, #0d6998);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF118FD0", endColorStr="#FF0D6998", GradientType=0); }
  button:active {
    background: #0d6c9d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d6998), to(#0e6fa1));
    background: -webkit-linear-gradient(top, #0d6998, #0e6fa1);
    background: -moz-linear-gradient(top, #0d6998, #0e6fa1);
    background: -ms-linear-gradient(top, #0d6998, #0e6fa1);
    background: -o-linear-gradient(top, #0d6998, #0e6fa1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF0D6998", endColorStr="#FF0D6FA1", GradientType=0); }
  button.secondary {
    background: #f88818;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9730), to(#f17900));
    background: -webkit-linear-gradient(top, #ff9730, #f17900);
    background: -moz-linear-gradient(top, #ff9730, #f17900);
    background: -ms-linear-gradient(top, #ff9730, #f17900);
    background: -o-linear-gradient(top, #ff9730, #f17900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFE972F", endColorStr="#FFF17800", GradientType=0);
    color: #fff;
    border: 1px solid #f17900; }
    button.secondary:hover {
      background: #fd8d1d;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9c3a), to(#fc7e00));
      background: -webkit-linear-gradient(top, #ff9c3a, #fc7e00);
      background: -moz-linear-gradient(top, #ff9c3a, #fc7e00);
      background: -ms-linear-gradient(top, #ff9c3a, #fc7e00);
      background: -o-linear-gradient(top, #ff9c3a, #fc7e00);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFE9C39", endColorStr="#FFFB7D00", GradientType=0); }
    button.secondary:active {
      background: #fd8003;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc7e00), to(#ff8307));
      background: -webkit-linear-gradient(top, #fc7e00, #ff8307);
      background: -moz-linear-gradient(top, #fc7e00, #ff8307);
      background: -ms-linear-gradient(top, #fc7e00, #ff8307);
      background: -o-linear-gradient(top, #fc7e00, #ff8307);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFB7D00", endColorStr="#FFFE8206", GradientType=0); }

.header button {
  background: #f88818;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9730), to(#f17900));
  background: -webkit-linear-gradient(top, #ff9730, #f17900);
  background: -moz-linear-gradient(top, #ff9730, #f17900);
  background: -ms-linear-gradient(top, #ff9730, #f17900);
  background: -o-linear-gradient(top, #ff9730, #f17900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFE972F", endColorStr="#FFF17800", GradientType=0);
  color: #fff;
  border: 1px solid #f17900; }
  .header button:hover {
    background: #fd8d1d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9c3a), to(#fc7e00));
    background: -webkit-linear-gradient(top, #ff9c3a, #fc7e00);
    background: -moz-linear-gradient(top, #ff9c3a, #fc7e00);
    background: -ms-linear-gradient(top, #ff9c3a, #fc7e00);
    background: -o-linear-gradient(top, #ff9c3a, #fc7e00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFE9C39", endColorStr="#FFFB7D00", GradientType=0); }
  .header button:active {
    background: #fd8003;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc7e00), to(#ff8307));
    background: -webkit-linear-gradient(top, #fc7e00, #ff8307);
    background: -moz-linear-gradient(top, #fc7e00, #ff8307);
    background: -ms-linear-gradient(top, #fc7e00, #ff8307);
    background: -o-linear-gradient(top, #fc7e00, #ff8307);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFB7D00", endColorStr="#FFFE8206", GradientType=0); }

#msgform {
  text-align: left; }

#msgprompt {
  margin: 0 0 1em 15%;
  width: 76%;
  float: none; }

#msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table; }
  #msg div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
    #msg div div {
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      display: block;
      margin-top: 1em;
      max-width: 400px;
      width: 90%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      border: 1px solid #999;
      background: #fff;
      box-shadow: 0 1px 3px #999; }
  #msg .transparency {
    opacity: 0.25;
    filter: alpha(opacity=25);
    background: #000;
    position: absolute;
    top: 0;
    left: 0; }
  #msg h3 {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
    position: relative;
    margin: 0;
    padding: 0;
    color: #dbf1fc;
    background-color: #0d6998; }
    #msg h3 span {
      background: rgba(255, 255, 255, 0.1);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
      background: -moz-linear-gradient(top, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
      background: -ms-linear-gradient(top, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
      background: -o-linear-gradient(top, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#33FFFFFF", endColorStr="#00FFFFFF", GradientType=0);
      display: block;
      font-weight: 500;
      padding: 2px 0;
      width: 100%;
      height: 100%; }
  #msg p {
    margin: 0;
    padding: 10px;
    min-height: 40px; }
    #msg p.buttons {
      padding: 0;
      margin: 0;
      background: none;
      text-align: right; }
      #msg p.buttons button {
        min-width: 65px;
        margin-bottom: 0.5em;
        margin-right: 0.5em; }
  #msg.notice div div p:first-of-type {
    padding: 15px 10px 10px 60px;
    background: url('/assets/images/notice.png') no-repeat 10px 10px; }
  #msg.warning div div p:first-of-type {
    padding: 15px 10px 10px 60px;
    background: url('/assets/images/warning.png') no-repeat 10px 10px; }
  #msg.error div div p:first-of-type {
    padding: 15px 10px 10px 60px;
    background: url('/assets/images/error.png') no-repeat 10px 10px; }
/*! ---------- Apply a natural box layout model to all elements ---------- */
html {
  box-sizing: border-box; }

*, *::before, *::after {
  box-sizing: inherit; }
/*! -------------------------------------------------------------------- */
html, body {
  background-color: #fff;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  background: rgba(255, 255, 255, -0.15);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#00FFFFFF", endColorStr="#4DFFFFFF", GradientType=0);
  display: table; }

#content {
  display: table-cell;
  vertical-align: middle; }

h1 {
  font-size: 3em;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #0d6998; }

h1 .sitename {
  display: none; }

@media screen and (max-width: 550px) {
  h1 .sitename {
    display: none; }
    h1 .siteshortname {
      display: block; } }

#iforgot {
  display: block;
  text-align: center;
  margin-top: 0.25em; }
  #iforgot a:link, #iforgot a:visited, #iforgot a:hover, #iforgot a:active {
    color: #0d6998;
    text-decoration: none; }

form {
  width: 80%;
  max-width: 28em;
  margin: 0 auto;
  text-align: center; }
  form button {
    margin: 0.3em 0.2em;
    width: 6.5em;
    text-align: center; }
    form button#signupbutton, form button.cancelbutton {
      background: #fa731a;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8533), to(#f56200));
      background: -webkit-linear-gradient(top, #ff8533, #f56200);
      background: -moz-linear-gradient(top, #ff8533, #f56200);
      background: -ms-linear-gradient(top, #ff8533, #f56200);
      background: -o-linear-gradient(top, #ff8533, #f56200);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFF8432", endColorStr="#FFF46100", GradientType=0);
      color: #762f00;
      border-color: #bc4b00; }
    form button#signupbutton:hover, form button.cancelbutton:hover {
      background: #ff7d26;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff944d), to(#f60));
      background: -webkit-linear-gradient(top, #ff944d, #f60);
      background: -moz-linear-gradient(top, #ff944d, #f60);
      background: -ms-linear-gradient(top, #ff944d, #f60);
      background: -o-linear-gradient(top, #ff944d, #f60);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFE934C", endColorStr="#FFFF6600", GradientType=0); }
    form button#loginbutton {
      background: #38a870;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40bf80), to(#309161));
      background: -webkit-linear-gradient(top, #40bf80, #309161);
      background: -moz-linear-gradient(top, #40bf80, #309161);
      background: -ms-linear-gradient(top, #40bf80, #309161);
      background: -o-linear-gradient(top, #40bf80, #309161);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF3FBF7F", endColorStr="#FF309160", GradientType=0);
      color: #003d1e;
      border-color: #226845; }
    form button#loginbutton:hover {
      background: #43af79;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53c68c), to(#396));
      background: -webkit-linear-gradient(top, #53c68c, #396);
      background: -moz-linear-gradient(top, #53c68c, #396);
      background: -ms-linear-gradient(top, #53c68c, #396);
      background: -o-linear-gradient(top, #53c68c, #396);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF52C58C", endColorStr="#FF339966", GradientType=0); }

.description {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background: #fff;
  border: 1px solid #999;
  color: #2e2e2e;
  font-size: 1.2em;
  margin-top: 0;
  padding: 1em; }
  .description p {
    font-size: 0.93em;
    line-height: 1.3em;
    text-align: justify;
    text-justify: inter-word; }
  .description ul {
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .description ul li {
      margin-bottom: 0.4em; }
  .description h2 {
    margin: 0.25em 0; }
/*! --------------------- Pretty form fields and buttons --------------------- */
input {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #999;
  line-height: 1.6em;
  height: 2.17em;
  width: 55%;
  text-indent: 0.33em;
  padding: 2px 0.3em;
  margin-bottom: 0.3em; }

.inputs {
  height: 2em;
  margin: 1em 0; }

#loginform input {
  float: left; }
  #loginform input + input {
    float: right;
    width: 44%; }
  #loginform label {
    display: block;
    position: absolute;
    top: -10000px; }

#signupbutton span, #helpbutton span {
  vertical-align: 7%; }

.notification {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  padding: 13px 12px 12px;
  font-weight: bold;
  border: 1px solid #bc7c02;
  margin-bottom: 12px;
  position: relative;
  background-color: #fcaa0e;
  color: #fff; }
  .notification a, .notification a:link, .notification a:active, .notification a:hover, .notification a:visited {
    color: #704a01;
    text-shadow: none; }

@media screen and (max-device-width: 640px) {
  .description {
    font-size: 0.7em;
    padding: 0 1em; } }

@media screen and (max-device-width: 320px) {
  .description {
    font-size: 1em; } }

@media screen and (max-width: 550px) {
  #loginform input, #loginform input + input {
    width: 80%;
    float: none; }
    .inputs {
      height: auto; }
    html, body {
      font-size: 12px; } }
/*! -------------------------------------------------------------------------- */