/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* input reset */
input[type="text"], input[type="password"], textarea {
  outline: none;
  padding: 3px 5px; }

button, input[type="button"], input[type="submit"] {
  outline: none;
  border: none;
  padding: 5px 10px;
  cursor: pointer; }

a {
  color: inherith;
  text-decoration: none; }

a:visited {
  color: inherit; }

@font-face {
  src: url(../fonts/Lato-Regular.ttf);
  font-family: Lato; }
.center_wrapper {
  text-align: center; }
  .center_wrapper .centered {
    display: inline-block;
    vertical-align: middle; }

.center_wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.white_container {
  background: #fff;
  padding: 10px; }

.black_wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7); }

.left {
  float: left; }

.right {
  float: right; }

.centered_children {
  text-align: center; }

.left_children {
  text-align: left; }

.right_children {
  text-align: right; }

.large_text {
  font-size: 25px !important; }

.clear {
  clear: both; }

.desktop_hidden_cell, .desktop_hidden_text {
  display: none !important; }

.close_button {
  display: inline-block !important;
  width: 20px;
  height: 20px;
  background: transparent url(../images/icon_close.png) no-repeat scroll center !important;
  background-size: cover;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.close_button:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.clickable {
  cursor: pointer; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .desktop_hidden_cell {
    display: table-cell !important; }

  .responsive_hidden {
    display: none !important; }

  .desktop_hidden_text {
    display: inline !important; } }
body {
  background: #eee none no-repeat scroll center; }

body, body *, input {
  font-family: Lato, sans-serif; }

.login_window {
  position: absolute;
  width: 460px;
  height: 250px;
  top: 50%;
  left: 50%;
  margin-top: -125px;
  margin-left: -230px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.65);
  -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.65);
  box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.65); }
  .login_window .top_side {
    background: #51bcd0;
    height: 40px; }
    .login_window .top_side .white_box {
      width: 100px;
      float: left;
      background-color: #fff;
      height: 40px; }
  .login_window .left_side {
    background: #393b48;
    height: 210px;
    width: 100px;
    display: inline-block;
    vertical-align: middle; }
  .login_window .content {
    position: absolute;
    top: 40px;
    left: 100px;
    bottom: 0;
    right: 0; }
    .login_window .content form {
      text-align: left; }
    .login_window .content input[type="text"], .login_window .content input[type="password"] {
      width: 250px;
      margin-top: 5px; }
    .login_window .content input[type="submit"] {
      color: #fff;
      background-color: #51bcd0;
      margin-top: 10px; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .login_window {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      top: 15%;
      bottom: 15%;
      left: 0;
      right: 0;
      width: auto;
      height: auto;
      margin: 0 !important;
      background: #eee; }
      .login_window .top_side {
        display: none; }
      .login_window .left_side {
        display: none; }
      .login_window .content {
        top: 0;
        left: 0; }
      .login_window input[type="text"], .login_window input[type="password"] {
        margin: 15px 0; }
      .login_window input[type="submit"] {
        margin-top: 20px;
        display: block;
        padding: 10px;
        width: 100%; } }
  .login_window #flash_notice {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    height: 25px;
    text-align: center;
    color: #989300; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body {
    background-color: #51bcd0; } }