form#inputForm
{
  width: 650px;
  border: 2px solid #000000;
  margin-top: 20px;
}

form.hr-form fieldset
{
  padding-top: 10px;
}

form.hr-form legend
{
  padding: 0px 2px;
  _margin: 0 -7px; /* IE Win */
}

form.hr-form label
{
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}

form.hr-form fieldset p
{
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.hr-form fieldset fieldset
{
  border: none;
  margin: 3px 0 0;
  font-weight: bold;
}

form.hr-form fieldset fieldset legend
{
  padding: 0 0 5px;
}

form.hr-form fieldset fieldset label
{
  display: block;
  width: auto;
}

form.hr-form label
{
  width: 140px;
}
/* Width of labels */
form.hr-form fieldset fieldset label
{
  margin-left: 148px;
}
/* Width plus 3 (html space) */
form.hr-form label.error
{
  margin-left: 10px;
  width: auto;
  padding-top: 3px;
}

form.hr-form
{
  margin: 0 auto; /* Center form */
  border: none;
  margin-bottom: 10px;
}

form.hr-form label
{
  font-weight: bold;
}

form.hr-form fieldset, form.hr-form fieldset fieldset
{
  border: none;
}

form.hr-form fieldset p, form.hr-form fieldset fieldset
{
  padding: 5px 10px 7px;
}

form.hr-form label.error, label.error
{
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: red;
}

div.error
{
  display: none;
}

input[type="text"], input[type="password"], textarea
{
  width: 300px;
  padding: 2px 5px;
  border: 1px solid #bbbbbb;
  margin: 0px 5px 5px 0px;
}

select
{
  width: 311px;
  padding: 2px 5px;
  border: 1px solid #bbbbbb;
  margin: 0px 7px 5px 0px;
}

input.attachment
{
  width: 200px;
}

input[type="checkbox"]
{
  border: solid 1px transparent;
  margin-right: 10px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, textarea:focus, input[type="file"]:focus, select:focus
{
  border: 1px solid #003366;
}

textarea, input, select
{
  font: normal 12px Arial;
}

input.error, textarea.error, select.error
{
  border: 1px solid red;
}

form.hr-form .gray *
{
  color: gray;
}

form.hr-form .disabled *
{
  display: none;
}

form.hr-form .enabled *
{
  display: block;
}

form.hr-plus
{
  padding: 10px 10px 10px 10px;
}

div#form_buttons, div.buttons
{
  text-align: center;
  margin-bottom: 10px;
}
div#form_buttons button
{
  padding: 0px 2px;
}