.btn{
  font-size: 17px;
  line-height: 21px;
  padding: 8px 25px;
  border-radius: 4px;
  border: 0;
  position: relative;
  display: inline-block;
  *display: inline;
}
.btn:active{
  padding: 8px 25px 6px;
  top: 2px;
}

.btn_red,
.btn_red:visited{
  background-color: #d64b5f;
  color: #fff;
  border-top: 1px solid #ffc9cd;
  background-image: -moz-linear-gradient(top, #fe979e, #d64b5f);
  background-image: -ms-linear-gradient(top, #fe979e, #d64b5f);
  background-image: -o-linear-gradient(top, #fe979e, #d64b5f);
  background-image: -webkit-linear-gradient(top, #fe979e, #d64b5f);
  background-image: linear-gradient(top, #fe979e, #fe979e);
  text-shadow: 0 1px 0 rgba(194, 56, 85, 0.75);
  box-shadow: 0 4px 0 #c23855;  
}

.btn_red:hover{
  background-color: #ed6377;
  color: #fff;
  border-top: 1px solid #ffc9cd;
  background-image: -moz-linear-gradient(top, #ffb1b6, #ed6377);
  background-image: -ms-linear-gradient(top, #ffb1b6, #ed6377);
  background-image: -o-linear-gradient(top, #ffb1b6, #ed6377);
  background-image: -webkit-linear-gradient(top, #ffb1b6, #ed6377);
  background-image: linear-gradient(top, #ffb1b6, #ed6377);
  text-shadow: 0 1px 0 rgba(194, 56, 85, 0.75);
  box-shadow: 0 4px 0 #c23855;
}

.btn_red:active{
  border-top: 0;
  border-bottom: 1px solid #ffc9cd;
  background-image: -moz-linear-gradient(top, #ed6377, #ffb1b6);
  background-image: -ms-linear-gradient(top, #ed6377, #ffb1b6);
  background-image: -o-linear-gradient(top, #ed6377, #ffb1b6);
  background-image: -webkit-linear-gradient(top, #ed6377, #ffb1b6);
  background-image: linear-gradient(top, #ed6377, #ffb1b6);
  text-shadow: 0 1px 0 rgba(194, 56, 85, 0.75);
  box-shadow: 0 -4px 0 #c23855;
}

.btn_blue,
.btn_blue:visited{
  background-color: #3366cc;
  color: #fff;
  border-top: 1px solid #ccccff;
  background-image: -moz-linear-gradient(top, #9999ff, #3366cc);
  background-image: -ms-linear-gradient(top, #9999ff, #3366cc);
  background-image: -o-linear-gradient(top, #9999ff, #3366cc);
  background-image: -webkit-linear-gradient(top, #9999ff, #3366cc);
  background-image: linear-gradient(top, #9999ff, #9999ff);
  text-shadow: 0 1px 0 rgba(85, 56, 194, 0.75);
  box-shadow: 0 4px 0 #3333cc;  
}

.btn_blue:hover{
  background-color: #6666ff;
  color: #fff;
  border-top: 1px solid #ccccff;
  background-image: -moz-linear-gradient(top, #9999ff, #6666ff);
  background-image: -ms-linear-gradient(top, #9999ff, #6666ff);
  background-image: -o-linear-gradient(top, #9999ff, #6666ff);
  background-image: -webkit-linear-gradient(top, #9999ff, #6666ff);
  background-image: linear-gradient(top, #9999ff, #6666ff);
  text-shadow: 0 1px 0 rgba(85, 56, 194, 0.75);
  box-shadow: 0 4px 0 #3333cc;
}

.btn_blue:active{
  border-top: 0;
  border-bottom: 1px solid #ccccff;
  background-image: -moz-linear-gradient(top, #6666ff, #9999ff);
  background-image: -ms-linear-gradient(top, #6666ff, #9999ff);
  background-image: -o-linear-gradient(top, #6666ff, #9999ff);
  background-image: -webkit-linear-gradient(top, #6666ff, #9999ff);
  background-image: linear-gradient(top, #6666ff, #9999ff);
  text-shadow: 0 1px 0 rgba(85, 56, 194, 0.75);
  box-shadow: 0 -4px 0 #3333cc;
}

.btn_yellow,
.btn_yellow:visited{
  background-color: #e8b22e;
  color: #fff;
  border-top: 1px solid #ffe094;
  background-image: -moz-linear-gradient(top, #fed165, #e8b22e);
  background-image: -ms-linear-gradient(top, #fed165, #e8b22e);
  background-image: -o-linear-gradient(top, #fed165, #e8b22e);
  background-image: -webkit-linear-gradient(top, #fed165, #e8b22e);
  background-image: linear-gradient(top, #fed165, #e8b22e);
  text-shadow: 0 1px 0 rgba(194, 56, 85, 0.75);
  box-shadow: 0 4px 0 #dd8d1c;  
}
.btn_yellow:hover{
  background-color: #e8b22e;
  color: #fff;
  border-top: 1px solid #ffe094;
  background-image: -moz-linear-gradient(top, #fddb8c, #eec04f);
  background-image: -ms-linear-gradient(top, #fddb8c, #eec04f);
  background-image: -o-linear-gradient(top, #fddb8c, #eec04f);
  background-image: -webkit-linear-gradient(top, #fddb8c, #eec04f);
  background-image: linear-gradient(top, #fddb8c, #eec04f);
  text-shadow: 0 1px 0 rgba(194, 56, 85, 0.75);
  box-shadow: 0 4px 0 #dd8d1c;
}
.btn_yellow:active{
  border-top: 0;
  border-bottom: 1px solid #ffe094;
  background-image: -moz-linear-gradient(top, #e8b22e, #fed165);
  background-image: -ms-linear-gradient(top, #e8b22e, #fed165);
  background-image: -o-linear-gradient(top, #e8b22e, #fed165);
  background-image: -webkit-linear-gradient(top, #e8b22e, #fed165);
  background-image: linear-gradient(top, #e8b22e, #fed165);
  text-shadow: 0 1px 0 rgba(194, 56, 85, 0.75);
  box-shadow: 0 -4px 0 #dd8d1c;
}




.form__header{
  font: 17px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.form__row{
  position: relative;
  margin-right: -20px;
  overflow: hidden;
}

.form__col{
  float: left;
  margin-right: 20px;
}

.form__label{
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}

.form__input{
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  height: 28px;
  margin-bottom: 12px;
  padding: 0 8px;
}
.form__input:focus{
  border: 1px solid #f8bf31;
}
.form__input_error,
.form__input_error:focus{
  border-color: #f77863;
}

.form__textarea{
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin-bottom: 12px;
  padding: 0 8px;
  width: 408px;
  height: 40px;
}

.form__required{
  color: #f77863;
}

.form__actions{
  padding-top: 3px;
}
