.left
{
  float: left;
}

.right
{
  float: right;
}

.clearer
{
  clear: both;
}

.red
{
  color: #f00;
}

/* ERROR STYLES */

#flash-container
{
  font-weight: bold;
  width: 610px;
  padding-top: 10px;
}

.flash-message
{
  padding-top: 10px;
  text-align: left;
}

#flash-container .success
{
  margin-bottom: 12px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #0f0;
  background-color: #cfc;
  background-color:#AAEEAA;
  border:1px solid #99FF99;
  color:#000000;
  margin-bottom:0;
  margin-left:20px;
  margin-top:10px;
  padding:10px;
}

#flash-container .error
{
  margin-bottom: 12px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #f00;
  background-color: #fcc;
  margin-bottom:0;
  margin-left:20px;
  margin-top:10px;
  padding:10px;
}


.form-errors
{
  padding: 10px 10px 10px 10px;
  background-color: #a21;
  margin-left:20px;
}

.form-errors ul
{
  padding-top: 5px;
  list-style-position: inside;
}