/*-------------------------------------------------
 * Sign-in screen
 * -------------------------------------------------*/

.header td  {
    font-size: 12px;
    padding: 0px;
    border-style: none;
}

body.sign-in {
  background: #303030;
  margin: 0;
  padding: 1em 4em 3em;
  text-align: center;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;

  /* Firefox */
  /* Seriously, Firefox? */ }
  body section, body article, body header, body aside, body nav {
    display: block; }
  body img {
    border: none; }
  body > section,
  body > article {
    background: #fff;
    margin: 0 auto;
    padding: 2em;
    text-align: left;
    -webkit-box-shadow: 0 0 3px #728cc0;
    -moz-box-shadow: 0 0 3px #728cc0;
    box-shadow: 0 0 3px #728cc0;
    max-width: 893px;
    min-width: 600px;
    @media screen and (max-width: 500px){
      max-width: 70%;
      width: 70%;
    }
  }
    body > section > header,
    body > article > header {
      margin-bottom: 1.5em;
      margin-right: 0.5em;
    }
      body > section > header h1,
      body > article > header h1 {
        line-height: 32px;
        margin: 0;
        font-size: 30px;
        font-weight: normal;
        font-family: Georgia, "Times New Roman", times, serif; }
      body > section > header h2,
      body > article > header h2 {
        margin: 0.25em 0 0;
        color: #8b8271;
        font-family: Georgia, "Times New Roman", times, serif;
        font-size: 16px;
        font-weight: normal; }
      body > section > header h3,
      body > article > header h3 {
        margin: -1.5em 0 0;
        color: #8b8271;
        float: right;
        font-size: 14px;
        font-weight: normal; }

a.sign-in {
  text-decoration: none;
  color: #039;
  border-bottom: 1px dotted #99bbff; }
  a:hover {
    -webkit-transition: border-bottom-style 0.25s;
    border-bottom-style: solid;
    -webkit-transition: border-bottom-color 0.25s;
    border-bottom-color: #039; }
  a.admin {
    font-size: 12px;
    font-weight: normal;
    color: red;
    border-bottom: 1px dotted #ff6666; }
    a.admin:hover {
      -webkit-transition: border-bottom-style 0.25s;
      border-bottom-style: solid;
      -webkit-transition: border-bottom-color 0.25s;
      border-bottom-color: red; }
  a.link_back {
    display: inline-block;
    border: none;
    background: #dce8fd;
    padding: 0.5em 0.75em;
    text-shadow: 1px 1px 1px #fff;
    float: left;
    margin: -0.5em 1em 0 0;
    border: 1px solid #ccddfc;
    -webkit-border-radius: 55px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius: 55px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius: 55px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
    a.link_back:hover {
      -webkit-transition: background-color 0.25s;
      background-color: #ccddfc;
      -webkit-transition: border-color 0.25s;
      border-color: #b1c9fa; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

/*-------------------------------------------------
 * Sessions
 *-------------------------------------------------*/
section.sign-in {
  width: 325px;
  @media screen and (max-width: 500px){
    max-width: 70%;
  }
  max-width: auto;
  padding: 4.5em 2em 1em;
  margin: 6em auto;
  -webkit-box-shadow: 0 0 3px #728cc0;
  -moz-box-shadow: 0 0 3px #728cc0;
  box-shadow: 0 0 3px #728cc0;
  background: #fff;
  text-align: left;
  position: relative; }
  section.sign-in header {
    white-space: nowrap;
    position: absolute;
    top: 1em;
    right: -1em;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background: -webkit-gradient(linear, left top, right top, from(#DD1111), to(#AA1111));
    background: -moz-linear-gradient(left, #DD1111, #AA1111);
    padding: 3px 0;
    min-width: 99%; }
    section.sign-in header h1 {
      font-size: 13px;
      font-weight: normal;
      text-align: left;
      line-height: 13px;
      padding: 0.5em 1em;
      color: #fff;
      text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
      background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%1D%00%00%00%13%08%06%00%00%00l%99%06%7F%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%01%B8IDATx%DA%AC%D5%C1%2B%83a%1C%07%F0%C7%B6%8CM%5B%89%B6%2C%99%D2%C4m%0ER%0E%8A%9C%94%93rqtU%0Erq%90%8B%8B%3F%40nsR%D4N%D6%24%8B%25q%94%22%871!%93%C8a%EF%85%E2%F5%7D%F2S%CF~%BD%AFz%F6%BC%BF%FA%AC%ED%FD%3D%7B%9F%F7%F9%BD%EF%EFy%85m%DB%E3p%05U8%84%01%10%E0%87)%B8%B5%7Fc%0F%FA)gD~%94%EC%DA(%82%0F%FA%E8b%D4%C8%40%D8tR%9F%10%A2S%D4F%07%84%A1%15R%2C%D7%03qa%18r%D2%13%E57%D6..%A0%0A%CFp%C6%C6%9FB%C5tR%B9%DC!x%A3%F2%5DCZ)%C5(%1C%C19lB%B7W%F7T%CA%D2%A4%1B.%03%83%5EL%F6'%80%C5%06!D%0B%8F%B2B4%40%9A%8E%DF%C0%BD%92%0B*%B9Kx%D4)%EF%0C%7C%D0J%2B0%0Bq*%E5%02%B5%CC'%14%60%98%AE%B6%11%96%A0%0C%16%E4%60D%A7%BCe%D6%16%F2%24%BB%D4%B3%DF%2C%B7%03%CD%F4%1C%BC%B3%DC%B1Ny%93l%F1%B2%5D%26%5C%0A%93%A0%B2%CA%FF%F8Y.%A5%D32yvL%B6%C9%3C%2CC%89%E5%8A%60Q%EB%DC%B1%5CV%E7%9E%F6%C2%3A%B5%C6%1A%DB%EA%A6%E1%89%CAw%00I%257%06%5Bt%AF%17!%A1%DB2-%F4%E04%B1%01Q%A5%9D%E6%1CN%D0%06%5D%F5%B4%8C%A0%92Y%0E%85%88%40%8C%BE%3Bm%7F%AFD%7BGr%13%82%15%A5%9D%5E%60%D2%CB%1D%C9%C9%20%3C%B0%B6%D8%86%98%17o%19%B7%88%D0%9BF%8Dve%F72z%CB%B8%85%DC%DA%0A%EC%D8%3E%DB%0A%EB%8A%C0%3F9%F9j%5B%A51%B2%F1s%90%81%2F%D3I%7F%04%18%00%5E%C4%C6q%BA%3B%5E%83%00%00%00%00IEND%AEB%60%82") no-repeat right center; }
      section.sign-in header h1 i {
        opacity: 0.7; }
      section.sign-in header h1 em {
        text-transform: uppercase;
        font-style: normal;
        font-weight: normal;
        font-size: 14px; }
  section.sign-in div.field {
    margin: 0 0 1em; }
    section.sign-in div.field label {
      display: block;
      font-size: 16px;
      font-weight: bold;
      text-align: left;
      margin: 0 0 2px; }
    section.sign-in div.field input[type=text],
    section.sign-in div.field input[type=password] {
      width: 275px;
      padding: 3px;
      color: #807766;
      margin: 4px 0 4px;
      font-family: Georgia, "Times New Roman", times, serif;
      font-size: 18px; }
    section.sign-in div.field input[type=submit] {
      font-size: 16px; }
    section.sign-in div.field p.hint {
      font-size: 10px;
      color: #8b8271;
      margin: 0 0 1.5em; }
      section.sign-in div.field p.hint a {
        color: #8b8271;
        border-bottom: 1px dotted #fefefd; }
        section.sign-in div.field p.hint a:hover {
          -webkit-transition: border-bottom-style 0.25s;
          border-bottom-style: solid;
          -webkit-transition: border-bottom-color 0.25s;
          border-bottom-color: #8b8271; }