@charset "UTF-8";

html{height: 100%;}
body{margin:0;padding:0;background-color:#f1f1f1;text-align:center;font-family:Arial;color:#000000;font-size:14px;height:100%;}
input, textarea, select{font-family:Arial;color:#000000;font-size:14px;}
a {cursor:pointer; text-decoration: underline;}
img {border: 0;}
.page{margin: 0 auto;padding:0;width:510px;height:100%;text-align:center;}
.page .tbl_all {width:100%;height:100%;margin:0;padding:0;border-width:0;}
.page .tbl_all td {width:100%;height:100%;margin:0px;padding:0;border-width:0;}
.cont {clear:both;float:left;width:510px;color:#707070;font-size:12px;text-align:left;}
p.errors {color: #ff0000;font-size: 12px;}
.center_login {float:left;width: 510px;}
.border_login {float:left;border: 10px solid gray;padding-bottom:15px;font-size: 12px;background-color: white;width: 510px;}
.border_login .all {padding: 30px 10px 0px 10px;}
.row {clear: both;float: left;width: 490px;padding-bottom: 5px; }
.btn_login {float: left;padding-top: 9px;}
.img_lock {float:right;padding-right: 50px;}
#id_username, #id_password{width:300px;}
.links_bottom {clear: both; padding-top: 15px;}
.links_bottom ul {list-style-type: none; margin-top:0px;}
.errors {background-color: #F00;color: #FFF;font-weight: bold;font-size: 14px;height: 50px;float: left;width: 490px;padding: 10px;margin-bottom: 15px;}
.errors p{margin: 2px 0;}
#id_captcha_1 {height:32px;}
img.captcha {vertical-align: middle;}

/* invite check form styles */

.invite-check .message, .activate-invite .message{
  width: 456px !important;
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                      transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                      transparent 75%, transparent);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  width: 100%;
  border: 1px solid;
  color: #fff;
  padding: 15px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  animation: animate-bg 5s linear infinite;
}

.invite-check .info {background-color: #4ea5cd;border-color: #3b8eb5;}
.invite-check .error {background-color: #de4343;border-color: #c43d3d;}
.invite-check .error, .activate-invite .error {background-color: #de4343;border-color: #c43d3d;}
.invite-check .warning {background-color: #eaaf51; border-color: #d99a36;}
.invite-check .success {background-color: #61b832;border-color: #55a12c;}
.invite-check .message h3, .activate-invite .message h3{margin: 0 0 5px 0; }
.invite-check .message p, .activate-invite .message h3{margin: 0;}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}