/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require ./reset
 *= require ./base
 *= require_self
 *= require ./animate
*/


body#express_translate.login_page {
  background: #e6e6e6;
  font-family: Tahoma, Arial;
  
  #express_translate_body {
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
  }
  
  .center {
    top:50%;
    left:50%;
    width:300px;
    height:120px;
    background:#fff;
    position:fixed;
    margin: -80px -150px;
    border-radius: 5px;
    border:1px solid #aaa;
    box-shadow:0px 0px 5px #777;
    
    .content {
      float:left;
      width:100%;
      
      form {
        float:left;
        width:100%;
        height:100%;
        position:relative;
        display:block;
        
        h1 {
          top: 0px;
          opacity:0;
          width:100%;
          z-index: -1;
          color:#009EAE;
          font-size:22px;
          text-align:center;
          position:absolute;
          transition:all 0.4s;
          -moz-transition:all 0.4s;
          -webkit-transition:all 0.4s;
          text-shadow: 0px 1px 1px #999;
        }
        
        input {
          position:absolute;
          padding: 5px 10px;
          border:1px solid #ccc;
          color:#009EAE;
          font-size:16px;
          
          &:focus ~ h1 {
            top:-35px;
            opacity:1;
          };
          
          &[type='submit'] {
            top: 0px;
            right:0px;
            height:120px;
            width: 65px;
            border:none;
            border-top-right-radius:4px;
            border-bottom-right-radius:4px;
            border-left:3px solid #009EAE;
            background: #eee url("/assets/express_translate/login.png") center / 26px no-repeat;
            &:hover,
            &:focus {
              background-color: #ddd;
            }
          }
        }
        
        #username {
          top:20px;
          left:10px;
          background: url("/assets/express_translate/username.png") no-repeat scroll 2px center;
          padding-left: 25px;
          width:175px;
          height: 25px;
        }
        
        #password {
          top: 65px;
          left:10px;
          background: url("/assets/express_translate/password.png") no-repeat scroll 2px center;
          padding-left: 25px;
          width:175px;
          height: 25px;
        }
      }
    }
  }
  
  h5 {
    font-size:20px;
    position:absolute;
    color:rgba(0, 0, 0, 0.1);
    z-index:-1;
    transition:all 0.4s;
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
  }
}