/* ************************************************************************** */
/* This is the CSS file that defines the styles for the following general *** */
/* forms: login, personal data, ********************************************* */
/* ************************************************************************** */

/* Locked and no-access error messages. ************************************* */

div .errorMessage {
  color:              red;
  }

/* Input errors. ************************************************************ */

/* I have no idea why the first rule with form .errorMessage works 
   and the second one with a form .errorField doesn't!                        */

form .errorMessage {
  margin:             1em;
  text-align:         center;
  color:              red;
  }

#loginForm        .errorField,
#personalDataForm .errorField {
  background:         red;
  }

/* Success messages. ******************************************************** */

form .successMessage {
  text-align:         center;
  color:              green;
  margin:             1em;
  }

/* General forms styles. **************************************************** */

form .dijitDialogPaneActionBar {
  text-align:         center !important;  
  }

form label {
  display:            inline-block;
  width  :            10em; 
  text-align:         left;
  } 

form .shortLabel{ 
  width:              9em;
  text-align:         left;     
  }

form .mediumLabel{ 
  width:              16em;
  text-align:         left;     
  }

form .longLabel{ 
  width:              22em;
  text-align:         left;     
  }

form .extraLongLabel{ 
  width:              32em;
  text-align:         left;     
  }

form .block { 
  border:             thin solid #759DC0;
  margin-top:         0.1em;
  padding:            0.1em;
  }

form .numberTextBox { 
  width:              10em;
  }

form .dijitNumberTextBox input {
  text-align:         right;
  }

form .headerLabel{ 
  text-align:         right;
  font-weight:        bold;
  background-color:   #d0e9fc;
  border:             thin solid #759DC0;
  margin-right:       0.2em;
  margin-bottom:      0.2em;
  width:              10em;
  }

form .rowHeader{ 
  background-color:   #d0e9fc;
  }

form .rowHeaderContainer{ 
  padding-bottom:     0.2em;
  padding-top:        0.2em;
  }

form .shortIdentedLabel {
  text-indent:        2em;
  }

form .longIdentedLabel {
  text-indent:        4em;
  }

/* Login form. ************************************************************** */

#loginForm label { 
  display:            inline-block;
  width:              10em; 
  text-align:         left;
  }

#registerBar {
  margin-top:         2em;
  }

#registerBar p {
  margin:             0;
  }

/* Personal data form. ****************************************************** */

#personalDataForm label { 
  display:            inline-block;
  width  :            12em; 
  text-align:         left;
  }

#personalDataForm .textBoxSmall { 
  text-align:         left;
  width:              10em;
  }

#personalDataForm .textBoxMedium { 
  text-align:         left;
  width:              20em;
  }

#personalDataForm .textBoxLarge { 
  text-align:         left;
  width:              30em;
  }

#personalDataForm .radioButton { 
  width:              auto;
  }

/* Decision forms. ********************************************************** */

#decisionContentPane {
  text-align:         center;
  }

/* These are for the decision buttons on the decisionsPage. *******************/

.pageBody .dijitButtonNode{
  width:              15em;
  }

/******************************************************************************/