.form1, .form2
{
  float: left;
}

.form1Row, .form2Row
{
  float: left;
  clear: both;
  width: 100%;
}

.form1Left, .form2Left
{
  float: left;
  width: 120px;
}

.form1Right, .form2Right
{
}

.form1Error, .form2Error
{
  color: Red;
  float: left;
  clear: both;
}

.form1ErrorInline, .form2ErrorInline
{
  color: Red;
  clear: none;
}

.form1Success, .form2Success
{
  color: Blue;
  float: left;
  clear: both;
}

.form2Left
{
  text-align: right;
  width: 80px;
}

.form2Right
{
  float: left;
  border-left: 1px solid #DDDDDD;
}

.form2Left, .form2Right
{
  padding: 5px 10px
}



.form
{
  float: left;
  clear: both;
  width: 100%;
  padding: 10px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
}

.form-row
{
  float: left;
  clear: both;
  width: 100%;
}

.form-row-title
{
  float: left;
  text-align: right;
  clear: none;
  width: 120px;
  margin-right: 10px;
  padding: 5px 0;
}

.form-row-field
{
  float: left;
  clear: none;
  width: 200px;
  padding: 5px 0;
  padding-left: 10px;
  border-left: 1px solid #DDDDDD;
}
