.center {
  position: absolute;
                top: 50%;
               left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.logall {
              width: 778px;
}

/**************************
  Top
**************************/

.logtop {
             width: 100%;
            height: 60px;
}

.loglogo {
             width: 95px;
            height: 46px;
  background-image: url('/images/tequila3/epfl_small.png');
             float: left;
}

.logtitle {
              font: 24px Impact, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
            height: 46px;
  background-color: white;
       margin-left: 20px;
             float: left;
}

/**************************
  Tabs
**************************/

.activetab {
  background: url('/images/tequila3/tabselected.png') no-repeat center;
             color: white;
}

.logtabs {
              font: bold 13px Arial, sans-serif;
  background-color: white;
             width: 100%;
            height: 33px;
}

.logtab {
            height: 25px;
           padding: 3px 15px 0px 15px;
             float: left;
}

#setlang {
           display: none;
              font: bold 11px Impact, Arial, sans-serif;
             float: right;
}

.loglang {
            height: 25px;
           padding: 3px 2px 0px 2px;
             float: left;
}

.activelang {
       font-weight: normal;
}

/**************************
  Main
**************************/

#logmain {
             width: 100%;
            height: 223px;
}

#logleft {
             width: 309px;
            height: 223px;
  background-color: #AC0403;
             float: left;
}

#logform {
              font: normal 13px Arial, sans-serif;
             color: white;
       padding-top: 20px;
      padding-left: 10px;
}

#logform > input[type=text], input[type=password] {
       margin-left: 0px;
      padding-left: 0px;
            height: 23px;
             width: 100%;
}

#logform > input[type=submit] {
              font: normal 11px Georgia italic;
    letter-spacing: 1px;
       margin-left: 0px;
        margin-top: 10px;
            height: 23px;
}

#logcenter {
             width: 159px;
            height: 223px;
  background-image: url('/images/tequila3/centerbg.jpg');
             float: left;
          overflow: hidden;

  -webkit-transition: background-position 1000s ease;
     -moz-transition: background-position 1000s ease;
       -o-transition: background-position 1000s ease;
          transition: background-position 1000s ease;
}

#logright {
             width: 309px;
            height: 223px;
  background-color: #AC0403;
          position: relative;
             float: left;
}

#customimage {
            margin: auto;
          position: absolute;
               top: 0;
            bottom: 0;
              left: 0;
             right: 0;
}

/**************************
  Bottom
**************************/

#logbottom {
  background-color: #E4E7E0;
             width: 100%;
            height: 90px;
        margin-top: 10px;
}

#loghelpbut {
  background-image: url('/images/tequila3/question.png');
             width: 23px;
            height: 23px;
            margin: 10px;
             float: left;
}

#loghelptxt {
              font: normal 11px Georgia italic;
    letter-spacing: 1px;
            margin: 10px;
        margin-top: 15px;
       margin-left: 0px;
             float: left;
}

#loghelpwin {
  background-color: linen;
            border: 3px ridge lightblue;
           display: none;
             width: 700px;
            height: 400px;
           padding: 10px;
          overflow: auto;
}

#loglostbut {
  background-image: url('/images/tequila3/key.png');
             width: 23px;
            height: 23px;
            margin: 10px;
             float: left;
}

#loglosttxt {
              font: normal 11px Georgia italic;
    letter-spacing: 1px;
            margin: 10px;
        margin-top: 15px;
       margin-left: 0px;
             float: left;
}

#loglostwin {
  background-color: linen;
            border: 3px ridge lightblue;
           display: none;
             width: 700px;
            height: 400px;
           padding: 10px;
          overflow: auto;
}

#logkeyboardsmall {
  background-image: url('/images/tequila3/kbd_small.png');
             width: 34px;
            height: 18px;
            margin: 10px;
             float: right;
}

#logkeyboard {
           display: none;
  background-image: url('/images/tequila3/kbd_min.png');
             width: 779px;
            height: 257px;
        margin-top: 10px;
}

.logclosewin {
  background-image: url('/images/tequila3/Cross.png');
             width: 8px;
            height: 8px;
            margin: 4px 4px 0 0;
             float: right;
}

#lqs {
  color: white;
  font-size: small;
}