/*******************
  EditForm
********************/
div.EditForm
{
  font-family: Tahoma, Arial, Verdana, Helvetica, "Trebuchet MS";
  font-size: 20px;
  padding: 12px;
  background-color: #aeaeae;
  border-radius: 8px;
  margin: 50px auto;
  width: 400px;
}

  div.EditForm legend
  {
    font-weight: bold;
    padding: 0 0 22px 0;
  }

  div.EditForm input,
  div.EditForm select,
  div.EditForm textArea
  {
    border: 1px solid #C0C0C0;
    vertical-align: middle;
    margin: 8px;
    height: 32px;
  }

  div.EditForm a.btn,
  div.EditForm a.btn:visited
  {
    font-size: 22px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    padding: 16px;
    margin:16px;
    min-width: 80px;
    border: 1px solid #7A9741;
    background-color: #9EC453;
    color: #FFFFFF;
    font-weight: bold;
    font-variant: small-caps;
  }

    div.EditForm a.btn:hover
    {
      background-color: #7A9741;
      text-decoration: none;
      color: #FFF;
    }



  /*******************
  Fields
********************/
  div.EditForm .flex-outer,
  div.EditForm .flex-inner
  {
    list-style-type: none;
    padding-bottom: 12px;
  }

  div.EditForm .flex-outer
  {
    margin: 0 auto;
  }

    div.EditForm .flex-outer li,
    div.EditForm .flex-inner
    {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }

  div.EditForm .flex-inner
  {
    padding: 0 8px;
    justify-content: space-between;
  }

  div.EditForm .flex-outer > li:not(:last-child)
  {
    margin-bottom: 0px;
  }

  div.EditForm .flex-outer li label,
  div.EditForm .flex-outer li p
  {
      vertical-align:top;
  }

  div.EditForm .flex-outer > li > label,
  div.EditForm .flex-outer li p
  {
    flex: 1 0 120px;
    max-width: 120px;
  }

    div.EditForm .flex-outer > li > label + *,
    div.EditForm .flex-inner
    {
      flex: 1 0 160px;
      max-width: 160px;
    }

  div.EditForm .flex-outer li p
  {
    margin: 0;
  }

  div.EditForm .flex-outer li,
  div.EditForm .flex-outer li textarea
  {
    border: none;
  }

    div.EditForm .flex-outer li button
    {
      margin-left: auto;
      padding: 8px 16px;
      border: none;
      background: #333;
      color: #f2f2f2;
      text-transform: uppercase;
      letter-spacing: .09em;
      border-radius: 2px;
    }



/*******************
  Validation Error
********************/
div.msgBoxValid
{
  float: left;
  clear: both;
  width: 100%;
  border: 1px solid #FF0000;
  margin: 0 0 12px 0px;
  background-color: #FFFF00;
}

  div.msgBoxValid h2
  {
    padding: 6px;
  }

  div.msgBoxValid ul li
  {
    font-size: 16px;
    padding-bottom: 4px;
  }

/*******************
  Forme
********************/
#frmLogIn.EditForm
{
  margin: 50px auto;
  width: 400px;
}