/* FORMS */


.messages {
  color: #4c3624;
  background: #ffe280;
  border-top: 1px dotted #be971a;
  border-bottom: 1px dotted #be971a;
  padding: 10px 15px;
  margin-bottom: 15px;
  font-size: 15px;
}

.messages li.success {
  padding-left: 25px;
}

.form {
  padding-bottom: 20px;
}

.form .btn-wrap { 
  margin: 25px 0 0 45px;
  text-indent: 0;
  float: left;
  width: 545px;
}

.form .paypal {
  float: right;
  position: relative;
  bottom: 10px;
}

.form .product {
  margin: 5px 0 0 43px;
  padding: 15px 0 15px 0;
  border-top: 1px solid #e4E4E4;
}

.form .product p { 
  padding: 0;
}

.form .product-name input {
  width: auto;
  float: none;
}

.form .product-name label {
  width: auto;
  float: none;
  font-weight: normal;
}

.form .product-name .price {
  color: #C30;
}

.form fieldset  {
  background: none;
  padding: 0 0 30px;
}


.form fieldset  p {
  color: #333;
}

.form .ruletop {
  border-top: 1px dotted #CCC;
}

.form .fieldset-last {
  border-bottom: 1px dotted #EFE2A6;
}

.form p {
  padding: 0 0 0 43px;
  color: #777;
}

.form p.intro {
  padding: 5px 0 20px;
  color: #777;
}

.form p.intro .num {
  background: #00c288;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  float: left;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  color: #FFF;
  font: 25px/30px "ProximaNova-Regular", sans-serif;
  position: relative;
  top: -2px;
  border-radius: 50%;
}

.form p.intro strong {
  padding: 0 5px;
  color: #333;
  font: 400 20px/26px "Rubik", sans-serif;
}

.form ul.instruction {
  margin: 0 25px 5px 0;
}

.form ul.instruction li {
  padding: 0 0 10px 2px;
}

.form .input-wide {
  padding-left: 43px;
  width: 100%;
}

.form .input-wide textarea{
  width: 90%;
}

.form-indent {
  padding-left: 155px;
}

.form-row {
  float: left;
  width: 100%;
  padding: 3px 0;
}
/*
.form-row-wide {
  width: 560px;
  padding: 3px 0 3px 70px;

}*/

.form-row p.help {
  float: left;
  padding: 5px 0 15px 0;
  color: #999;
  font-size: 14px;
}

.form-row .form-pad {
  padding: 4px 0;
}

.form-row label {
  float: left;
  font-weight: normal;
  width: 140px;
  text-align: right;
  padding: 6px 15px 6px 0;
}

.form-err label {
  color: #c11;
}

.form-err input,
.form-err textarea {
  border-color: #c11 !important;
}

.form-row select {
  float: left;
  margin: 4px 0;
}

.form-row input,
.form-row textarea {
  float: left;
  padding: 5px;
  border: 1px solid #CCC;
  vertical-align: middle;
  width: 420px;
}

.form-row em {
  clear: left;
  float: left;
  padding-top: 5px;
}

.errorlist {
  color: #C11;  
  list-style: none;
}

.form-row .errorlist {
  float: left;
  width: 100%;
  padding: 3px 0 5px 0;
  margin: 0;
}

.errorlist li {
  padding: 1px 0;
  /*padding-left: 18px;*/
}

.form-row .avatar {
  float: left;
  border: 1px solid #999;
  margin-right: 15px;
}

.form-input {
  float: left;
  width: 450px;
}
/*
.form-input-wide {
  width: 540px;
  margin-left: 45px;
}

.form-input-wide textarea {
  width: 530px;
}*/

.form-input em {
  display: block;
  padding-top: 5px;
}

.form-stacklist ul {
  float: left;
  width: 280px;
}

.form-stacklist li {
  clear: left;
  float: left;
}

.form-stacklist li label {
  text-align: left;
  width: auto;
  color: #111 !important;
}

.form-stacklist li label input {
  width: auto;
  margin-right: 5px;
}

.form-inlinelist ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
}

.form-inlinelist li {
  float: left;
}

.form-inlinelist li label {
  width: auto;
}

.form-inlinelist input {
  width: auto;
  margin-right: 5px;
}

.form .form-checkbox input {
  width: auto;
  vertical-align: bottom;
  position: relative;
  top: 3px;
  *overflow: hidden;
  margin-right: 5px;
}

.form .form-noborder input,
.form .form-noborder select {
  border: none !important;
}


#id_username {
  width: 250px;
}

#id_password,
#id_password1,
#id_password2,
#id_new_password1,
#id_new_password2 {
  width: 150px;
}

.field-logo input {
  border: 0 !important;
}

#id_description {
  height: 200px;
}

body ul.tagit {
  padding: 2px 5px 3px;
  width: 420px;
  margin: 0;
  border: 1px solid #CCC;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

body .form-err ul.tagit {
  border-color: #C11 !important;
}
/*
body .ui-widget {
  margin: 0;
  border: ;
  font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

body .ui-widget input {
  font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
*/
body .tagit-hidden-field {
  display: none;
}

body ul.tagit li.tagit-choice {
  border: 0;
  color: #FFF;
  background: #00c288;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

body ul.tagit li.tagit-choice .ui-icon {
  background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/images/ui-icons_ffffff_256x240.png);
}