h3.form{
  height:25px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
  color:#5d5d5d;
  padding:0;
}

h3.form span.left{
  font-weight: bold;
  margin-left:10px;
  display: block;
  float:left;
  height: 25px;
  line-height: 25px;

}

h3.form span.right{
  margin-right:10px;
  display: block;
  float:right;
  height: 25px;
  line-height: 25px;
  font-weight:normal;
}

.button
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  display: block;
  border:none;
  height:25px;
  line-height: 25px;
  color:#4a6400;
  float:right;
  padding: 0 10px;
  background-color: #BEFF00;
}

.bgRed
{
  background: transparent url("../images/bigred_bg.gif") top left repeat-x;
  border: 1px #d57600 solid;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -1px;
  height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  width: 188px;
  color: #ffffff;
}

.button-scnd-dark {
  background-color: #B0B1B3;
  color:#fff;
}

.button-scnd-dark:hover,
.button-scnd{
  background-color: #F3F3F3;
  color:#5D5D5D;
}

.button:hover
{
  background-color:#f3f3f3;
  cursor: pointer;
}

.button-lft
{
  float: left;
}

.button-download
{
  background: #beff00 url('../images/icons/download.gif') left center no-repeat;
  padding: 0 5px 0 22px;
}

form .error_list li,
.sfform .error_list div
{
  font-size:11px;
  line-height: 14px;
  color:#fd6b00;
}

.sfform .error_list div
{
  padding:5px 10px 0 175px;
}

.sfform label{
  display:block;
  float:left;
  width:160px;
  height:18px;
  background-color: #f3f3f3;
  margin-right:5px;
  color:#5d5d5d;
  padding: 7px 0 0 10px;
}

.sfform input[type=text],
.sfform input[type=password],
.sfform select{
  display:block;
  float:left;
  border:1px solid #cccccc;
  height:23px;
  width:320px;
  padding: 0 0 0 10px;
  line-height:23px;
}

.sfform input[type=checkbox]{
  float:left;
}

.sfform select{
  height:25px;
  width:332px;
  padding-top:3px;
  line-height:25px;
}

.sfform textarea{
  border:1px solid #cccccc;
  height:85px;
  width:310px;
  padding:10px;
}

.fieldset
{
  padding-bottom: 10px;
}

.field-row
{
  list-style: none;
  margin-bottom: 5px;
  clear:both;
}


.sfform div.help{
  float:left;
  margin:4px 0 0 5px;
  width:300px;
}

select#sf_guard_user_profile_birthday_day{
  width:80px;
  float:left;
  margin-right: 10px;
}

select#sf_guard_user_profile_birthday_month{
  width:120px;
  float:left;
  margin-right: 10px;
}

select#sf_guard_user_profile_birthday_year{
  width:100px;
  float:left;
}

.sfform-inline
{
  padding-bottom: 14px;
}

/** refactory form css code, see purchase coupon form as an example **/
.sfform2 
{
  /* THE FORM */
}

.sfform2 label:hover
{
  cursor: pointer;
}

.sfform2 .fieldset,
.sfform2 .controls
{
  padding-bottom: 10px;
}

.sfform2 .field-row
{
  overflow: hidden;
  margin-bottom: 5px;
}

.sfform2 .field-col
{
  overflow: hidden;
  float: left;
  margin-right: 5px;
}

.sfform2 .field-row > label
{
  width:120px;
  height:18px;
  background-color: #f3f3f3;
  margin-right:5px;
  color:#5d5d5d;
  padding: 7px 0 0 10px;

  overflow: hidden;
  float: left;
  display: block;
}

.sfform2 input[type=text],
.sfform2 input[type=password],
.sfform2 select
{
  display:block;
  float:left;
  border:1px solid #cccccc;
  height:23px;
  padding: 0 0 0 10px;
  line-height:23px;
}

.sfform2 select
{
  height:25px;
  padding-top:3px;
  line-height:25px;
}

.sfform2 textarea
{
  border:1px solid #cccccc;
  padding:10px;
}

.sfform2 textarea[readonly],
.sfform2 input[readonly]
{
  background-color: #F3F3F3;
  color: #666;
  border-color: #F3F3F3;
}

.col2 .sfform2 .field-col-fullsize
{
  width: 370px;
  overflow: hidden;
}

.col2 .sfform2 .field-col-fullsize input[type=text],
.col2 .sfform2 .field-col-fullsize input[type=password]
{
  width: 358px;
}

.col2 .sfform2 .field-col-fullsize textarea
{
  width: 348px;
}

.col2 .sfform2 .field-col-fullsize select
{
  width: 370px;
}