/* -------------------------------------------------------------------------- */
/* Generic style for forms                                                    */
form {
  border: none;
}

  form fieldset {
    margin: 10px 0;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #61ab2e;
  }

    form fieldset legend {
      text-transform: uppercase !important;
      font-weight: bold;
      font-size: 1.3em;
    }

/* -------------------------------------------------------------------------- */
/* Submit buttons                                                             */
.submitdiv input,
.submitlink {
  background: #588888 url('./button-submit.gif') top;
  border: 3px double #4D7E7E;
  border-left-color: #5D9595;
  border-top-color: #5D9595;
  color: #fff;
  font-size: 1.8em;
  margin: 10px 0;
  padding: 0.2em;
  font-weight: normal;
  text-decoration: none;
}


/* -------------------------------------------------------------------------- */
/* Big big forms                                                              */
    div.formRow {
      margin: 20px 0;
    }

      div.formRow div.formLabelArea {
        float: left;
        width: 160px;
        text-align: right;
        margin-right: 10px;
        color: #666;
      }

        div.formRow .formLabelArea label {
          font-size: 1.05em;
          font-weight: bold;
          display: block;
        }
        div.formRow .formLabelArea span {
          font-size: .8em;
        }

      div.formRow div.formInputArea {
        margin-left: 175px;
      }

        form fieldset div input,
        form fieldset div select,
        form fieldset div textarea {
          border: 1px solid #ddd;
          background-color: #f8f8f8 !important;
          font-family: Calibri, Arial, sans-serif;
        }

      div.formRow hr {
        clear: left;
        height: 0px;
        border: none;
        background-color: #fff;
        visibility: hidden;
      }



.longInput input,
.longInput select,
.longInput textarea {
  width: 425px;
}
.mediumInput input,
.mediumInput select,
.mediumInput textarea {
  width: 212px;
}
.shortInput input {
  width: 106px;
}

/* -------------------------------------------------------------------------- */
/* confirm messages, errors etc                                               */
p.messageBox,
div.messageBox {
  padding: 3px 5px 4px 40px;
  margin: 20px 0 auto;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  background: url('./button_ok.png') no-repeat 5px 5px;
  cursor: pointer;
}
p.messageBox p,
div.messageBox p {
  padding: 0px !important;
  margin: 0px !important;
}
p.ok,
div.ok {
  border: 2px solid #54cc63;
  background: #d1f0d4 url('./button_ok.png') no-repeat 5px 5px;
}
p.ko,
div.ko {
  background: #faff85 url('./messagebox_warning.png') no-repeat 5px 5px;
  border: 2px solid #ffd006;
}