/* 
  Code         = "USR.LOGIN"; 
  Name         = "Login";
  Description  = "Functies voor het aan en afmelden van gebruikers";
  Type         = "Module";
  Version      = "2.0";
  Status       = "Development";
  Developer    = "E.R.P. Griffioen";
  Created      = "2013-10-30";
  Modified     = "2023-02-27";
  Dependencies = "mysql_connect.lib.php";
  Components   = "Standard";
  Comment      = "Vervanging van de component LOGIN tot versie 0.3 Eerdere versies van LOGIN zijn niet compatibel met deze versie";
 
  Change Log
     1.6 -> 2.0
       Herontwerp van de module
*/

.login_box{
  margin-top: 10pt;
  margin-left: 10pt;
  border: 2px solid #CCCCCC;
  border-radius: 8px 8px 8px 8px;
  font-size: 12pt;
  line-height: 30px;
  outline: medium none;
  padding: 8px 12px;
  width: 400px;
}

/* In order to define widths */
label.login,input.loginInput {
  display: inline-block;
}

/* Positions the label text beside the input */
label.login {
  width: 30%;
  text-align: left;
}

/* Large margin-right to force the next element to the new-line
   and margin-left to create a gutter between the label and input */
label.login+input.login {
  width: 30%;
  margin: 0 30% 0 4%;
}

/* Only the submit button is matched by this selector,
       but to be sure you could use an id or class for that button */
input.login+input.login {
  float: center;
}

/* alter input fields for username and password*/
input.loginInput{
  width: 50%;  
}

/* button */
input.loginSubmit{
  display: block;
  margin-top: 5pt;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}