/** ----------------------------------------------
Copyright 2009 Red Beacon, Inc. - All Rights Reserved

This code, and all derivative work, is the exclusive property of
Red Beacon, Inc. and may not be used without Red Beacon, Inc.'s authorization

@author Jon Rohan
----------------------------------------------- **/

.login input.textbox {
  display: inline;
  float: none;
  margin: 0;
  margin-right: 10px;
}

form li,
form .form-row {
  margin-bottom: 15px;
}

/* @group Form Validation */
input.error,
select.error,
textarea.error {
  border-color: #FEDD6A;
  -moz-box-shadow: 0 0 5px #FEDD6A;
  -webkit-box-shadow: 0 0 5px #FEDD6A;
}
span.error {
  background: transparent url(../images/common/form_error.png) no-repeat left 3px;
  padding: 3px 0 3px 20px;
  font-size: 11px;
  font-weight: bold;
}
span.valid {
  background: transparent url(../images/common/reg-checkmark.png) no-repeat left 3px;
  padding: 3px 0 3px 20px;
  font-size: 11px;
  font-weight: bold;
}
/* @end */

/* @group Credit Card Form */
.cc_form .textbox {
  float: none;
  margin: 5px 5px 10px 0;
}
.cc_form .medium_textbox {
  float: none;
  width: 150px;
}
.cc_form fieldset {
  margin: 20px 50px 0;
}
.cc_form fieldset legend {
  color: #434343;
  font-size: 13px;
  font-weight: bold;
}
.expiration {
  margin-right: 5px;
}
.cc_form select {
  font-size: 14px;
  width: 75px;
  margin: 5px 5px 10px 0;
}
.ver_code input.textbox {
  width: 50px;
}
.credit_cards {
  margin-bottom: 10px;
  height: 35px;
}
.credit_cards label {
  float: left;
  margin-right: 15px;
}
.credit_cards img {
  vertical-align: middle;
}
#id_first_name, #id_last_name {
  width: 160px;
  margin-right: 10px;
}

#id_billing_address {
  width: 352px;
}

#id_billing_city {
  width: 180px;
  margin-right: 10px;
}

#id_billing_zip {
  width: 50px;
}

#id_billing_state, #id_billing_state_input {
  width: 75px;
  margin-right: 10px;
}

#id_card_number {
  width: 280px;
}

#id_expiration_month_input, #id_expiration_year_input {
  width: 60px;
  margin-top: 8px;
  margin-right: 10px;
}

.select-payment-title {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}

#id_card_number, #id_billing_address {
  float: left;
}

.skills-profile-creation .address label.error_text, .skills-profile-creation .address label.valid {
  width: 75px;
  margin-top: 25px;
}

.skills-profile-creation .payment label.error_text, .skills-profile-creation .payment label.valid {
  margin-top: 25px;
  width: 140px;
}

.skills-profile-creation div.fleft label.error_text {
  margin-top: 10px;
}

.credit-form {
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  margin-top: 10px;
  padding: 20px;
}

.credit-form-content-border-bottom {
  padding: 20px;
}

.ol_red li {
  font-size: 15px;
  margin-bottom: 10px;
  width: 545px;
}

.cc_form label.error_text,
.cc_form span.error_text,
.cc_form div.error_text {
  margin: 0;
  float: none;
}

.cc_form table {
  width: 100%;
  margin: 0;
}

.form-info h2 {
  font-size: 14px;
}

.cc_form fieldset.actions {
  margin: 0;
}
/* @end */

/* @group Sign up Submit Form */
fieldset.signup-submit td {
  padding-right: 10px;
}
fieldset.signup-submit input {
  margin-bottom: 10px;
}
fieldset.signup-submit #id_address {
  width: 345px;
}
fieldset.signup-submit #id_zipcode {
  width: 70px;
}
fieldset.signup-submit #id_city {
  width: 143px;
}
fieldset.signup-submit textarea#id_details {
  height: 50px;
  width: 345px;
}
#what-happens-next-qa-modal .ol_red li,
#what-happens-next-modal .ol_red li {
  width: 345px;
}
/* @end */

.counter-row {
  text-align: right;
  font-size: 11px;
}

.more-details textarea {
  width: 400px;
  height: 3em;
}
.description-updates {
  margin-left: 35px;
}
.description {
  margin:3px 0;
}
.description-updates li {
  margin:3px 0;
}
.description-updates li h3 {
  padding-top:0;
}

.answer-form textarea {
  width: 260px;
  height: 3em;
}
.answer-form .compact textarea {
  width: 260px;
  height: 1.5em;
}
.answer-form .compact button,
.answer-form .compact .warning {
  display:none;
}

#id_flexible_date {
  width:120px;
}

/* @group Request Job Form */
.choice-row {
  margin-bottom:5px;
}
.choice-row .choice-extra {
  margin-left:20px;
  display:none;
}
.choice-row .redbeacon_icon {
  display:none;
}
.choice-row.selected .redbeacon_icon {
  display:inline;
}
.choice-row.selected .choice-extra {
  display:block;
}
.choice-row label {
  display:inline;
}
.choice-row.selected label {
  font-weight:bold;
}
.choice-row.selected .choice-extra label {
  font-weight:normal;
  display:block;
}
.selected.redbeacon-choice label {
  color: #CB2027;
}
.selected.time-choice {
  background-color:#EFF4FA
}
/* @end */
