.frontFormRow,
.frontFormError {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}

.frontFormError {
  background-color: #FFAEB0;
  border: 1px red solid;
  padding:10px;
  border-radius: 5px;
}

label.frontLabel {
  position:relative;
  float:left;
  clear: both;
  font-weight: bold;
  text-align: right;
  padding-right:10px;
}

.frontLabel.right {
  clear:none;
  width:auto;
  font-weight: normal;
  text-align: left;
  padding-right:0px;
}

label.frontLabel {
  width:40%;
}

.frontInput {
  position: relative;
  float: left;
}

.frontInput.error {
  border:1px red solid;
}
.frontLabel.error {
  color:red;
}

span.mandatory { color:red; font-weight: bold; }

body.xs .frontInput { clear:both; }
body.xs .frontLabel { text-align: left;padding-right:0px; }

input[type=text].frontInput,
textarea.frontInput {
  width:60%;  
}

textarea.frontInput {
  height:150px;
}

body.xs input[type=text].frontInput,
body.xs textarea.frontInput,
body.xs select.frontInput {
  width:100%;
}