form {
  border: 0;
  margin: 1.0em 3.0em;
  padding: 10px 10px 5px 10px;
  background-color: #ddd;
}

form.narrow {
  width: 330px;
}

form.medium {
  width: 460px;
}

form.wide {
  width: 600px;
}

form.oneline {
  margin-left: auto;
  margin-right: auto;
}

/* ################################# */

div.formrow {
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  text-align: center;
}

div.forminforow {
  margin: 0 0 5px 0;
  padding: 10px;
  border: 1px solid #bbb;
  text-align: left;
  background-color: #eee;
}

form br {
  clear: left;
}

/* ################################# */

label {
  margin: 0 5px 0 0;
}

form.narrow label, form.medium label, form.wide label {
  display: block;
  float: left;
  width: 125px;
  text-align: right;
}

form.oneline label {

}

/* -------------------------------- */

input.textbox {
  padding: 2px;
  border: 1px solid #666;
  font-family: verdana, arial, san-serif;
  font-size: 1.0em;
}

form.narrow input.textbox, form.medium input.textbox, form.wide input.textbox {
  display: block;
  float: left;
  width: 194px;
  margin: 0;
}

form.oneline input.textbox {
  margin: 0 10px 0 0;
}

/* -------------------------------- */

textarea {
  display: block;
  float: left;
  margin: 0;
  padding: 5px;
  border: 1px solid #666;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1.0em;
}

form.narrow textarea {
  width: 188px;
}

form.narrow textarea.fullwidth {
  width: 318px;
}

form.medium textarea {
  width: 318px;
}

form.medium textarea.fullwidth {
  width: 448px;
}

form.wide textarea {
  width: 458px;
}

form.wide textarea.fullwidth {
  width: 588px;
}

textarea.short {
  height: 50px;
}

textarea.medium {
  height: 100px;
}

textarea.long {
  height: 300px;
}

/* -------------------------------- */

input.button {
  background-color: #bbb;
  border: 1px solid #666;
  margin: 0 10px 0 0;
}

form.narrow input.button, form.medium input.button, form.wide input.button {

}

form.oneline input.button {

}

/* -------------------------------- */

form span {

}

form.narrow span, form.medium span, form.wide span {

}

form.oneline span {
  margin: 0 10px 0 0;
}

/* -------------------------------- */

select {

}

form.narrow select, form.medium select, form.wide select {
  display: block;
  float: left;
  width: 200px;
}

form.oneline select {

}

/* -------------------------------- */

input.radio {

}

form.narrow input.radio, form.medium input.radio, form.wide input.radio {

}

form.oneline input.radio {

}

/* -------------------------------- */

input.checkbox {

}

form.narrow input.checkbox, form.medium input.checkbox, form.wide input.checkbox {
  display: block;
  float: left;
}

form.oneline input.checkbox {

}