.form
{
}

.form .control
{
  height: 2.2em;
  display: block;
  line-height: 2.2em;
}

.form .failure-message
{
  color: #FF0000;
  display: block;
  line-height: 2.0em;
}

.form .control .label
{
  height: 2.2em;
  float: left;
  width: 42%;
  text-align: right;
}

.form.control .label:after
{
  content: ":";
}

.form .control .input
{
  float: left;
  width: 50%;
  text-align: left;
  padding-left: 5%;
}

.form .actions
{
  display: block;
  margin-top: 1.0em;
}

/* There is often a need for an area dedicated to containing actions.
 * This pattern is as follows:
 *   .actions
 *     .(positive|negative).action
 *
 * This produces a box containing floated action elements.
 *
 * By default, the box will clear floated elements on both sides, and elements will
 * be displayed horizontally.
 */
.actions
{
  overflow: auto;
  display: block;
  float: none;
  margin-bottom: 1.0em;
}

.actions .positive.action
{
  float: right;
  margin-left: 0.5em;
}

.actions .negative.action
{
  float: left;
  margin-right: 0.5em;
}