#address1 {
  margin-bottom: 9px;
}

input#amount_other_field {
  width: 80px;
  margin-left: 5px;
}

.donation-amount-other {
  white-space:nowrap;
}

.donation-amounts {
  margin-bottom: 10px;
}

.donation-amount {
  margin-right: 10px;
  vertical-align: middle;
  float: left;
  display: inline;
}

.donation-amount input {
  margin-right: 2px;
  margin:0 2px 9px 5px;
}

p.quiet {
  font-style: italic;
  font-size:11px;
  line-height: 13px;
  margin-bottom:9px;
}

.submit-container.submit-right {
  text-align:right;
}

select {
  height:22px;
  width:65px;
}

#add_user_form_markup,
.submit-container {
  clear: both;
}

/* column madness */

.col {
  float:left;
  display:inline;
  width: 47.5%;
  margin-right: 5%;
}

.col textarea,
.col input[type="text"], 
.col input[type="password"] {
  width:100%;
}

body.fp .col { width: 410px; margin-right: 20px; }
body.fp .col textarea,
body.fp .col input[type="text"], 
body.fp .col input[type="password"] { width: 410px; }

body.fp-sidebar .col { width: 240px; margin-right: 20px; }
body.fp-sidebar .col textarea,
body.fp-sidebar .col input[type="text"], 
body.fp-sidebar .col input[type="password"] { width: 240px; }

body.sti .col { width: 339px; margin-right: 20px; }
body.sti .col textarea, 
body.sti .col input[type="text"], 
body.sti .col input[type="password"] { width: 339px; }

body.fmp .col { width: 366px; margin-right: 20px; }
body.fmp .col textarea, 
body.fmp .col input[type="text"], 
body.fmp .col input[type="password"] { width: 366px; }

body.npm .col { width: 402px; margin-right: 20px; }
body.npm .col textarea, 
body.npm .col input[type="text"], 
body.npm .col input[type="password"] { width: 402px; }

body.stn .col { width: 290px; margin-right: 20px; }
body.stn .col textarea, 
body.stn .col input[type="text"], 
body.stn .col input[type="password"] { width: 290px; }

body.sbm .col { width: 412px; margin-right: 20px; }
body.sbm .col textarea, 
body.sbm .col input[type="text"], 
body.sbm .col input[type="password"] { width: 412px; }

body.stn2011 .col { width: 442px; margin-right: 20px; }
body.stn2011 .col textarea, 
body.stn2011 .col input[type="text"], 
body.stn2011 .col input[type="password"] { width: 442px; }

.asym-col-smaller textarea,
.asym-col-smaller input[type="password"],
.asym-col-smaller input[type="text"] {
  width: 250px;
}

body.fp .asym-col-bigger textarea,
body.fp .asym-col-bigger input[type="password"],
body.fp .asym-col-bigger input[type="text"],
body.fp .asym-col-bigger { width: 565px; }
body.fp .survey .asym-col-bigger textarea,
body.fp .survey .asym-col-bigger input[type="password"],
body.fp .survey .asym-col-bigger input[type="text"] { width: 545px; }
body.fp .survey .asym-col-bigger input.other-field { width: auto; }

body.sti .asym-col-bigger textarea,
body.sti .asym-col-bigger input[type="password"],
body.sti .asym-col-bigger input[type="text"],
body.sti .asym-col-bigger { width: 429px; }
body.sti .survey .asym-col-bigger textarea,
body.sti .survey .asym-col-bigger input[type="password"],
body.sti .survey .asym-col-bigger input[type="text"] { width: 409px; }
body.sti .survey .asym-col-bigger input.other-field { width: auto; }

body.attmo .asym-col-bigger textarea,
body.attmo .asym-col-bigger input[type="password"],
body.attmo .asym-col-bigger input[type="text"],
body.attmo .asym-col-bigger { width: 630px; }
body.attmo .survey .asym-col-bigger textarea,
body.attmo .survey .asym-col-bigger input[type="password"],
body.attmo .survey .asym-col-bigger input[type="text"] { width:610px; }
body.attmo .survey .asym-col-bigger input.other-field { width: auto; }

body.fmp .asym-col-bigger textarea,
body.fmp .asym-col-bigger input[type="password"],
body.fmp .asym-col-bigger input[type="text"],
body.fmp .asym-col-bigger { width: 482px; }
body.fmp .survey .asym-col-bigger textarea,
body.fmp .survey .asym-col-bigger input[type="password"],
body.fmp .survey .asym-col-bigger input[type="text"] { width: 462px; }
body.fmp .survey .asym-col-bigger input.other-field { width: auto; }

body.npm .asym-col-bigger textarea,
body.npm .asym-col-bigger input[type="password"],
body.npm .asym-col-bigger input[type="text"],
body.npm .asym-col-bigger { width: 554px; }
body.npm .survey .asym-col-bigger textarea,
body.npm .survey .asym-col-bigger input[type="password"],
body.npm .survey .asym-col-bigger input[type="text"] { width: 534px; }
body.npm .survey .asym-col-bigger input.other-field { width: auto; }

body.stn .asym-col-bigger textarea,
body.stn .asym-col-bigger input[type="password"],
body.stn .asym-col-bigger input[type="text"],
body.stn .asym-col-bigger { width: 330px; }
body.stn .survey .asym-col-bigger textarea,
body.stn .survey .asym-col-bigger input[type="password"],
body.stn .survey .asym-col-bigger input[type="text"] { width: 310px; }
body.stn .survey .asym-col-bigger input.other-field { width: auto; }

body.sbm .asym-col-biggertextarea,
body.sbm .asym-col-bigger input[type="password"],
body.sbm .asym-col-bigger input[type="text"],
body.sbm .asym-col-bigger { width: 575px; }
body.sbm .survey .asym-col-biggertextarea,
body.sbm .survey .asym-col-bigger input[type="password"],
body.sbm .survey .asym-col-bigger input[type="text"] { width: 555px; }
body.sbm .survey .asym-col-bigger input.other-field { width: auto; }

body.stn2011 .asym-col-biggertextarea,
body.stn2011 .asym-col-bigger input[type="password"],
body.stn2011 .asym-col-bigger input[type="text"],
body.stn2011 .asym-col-bigger { width: 658px; }
body.stn2011 .survey .asym-col-biggertextarea,
body.stn2011 .survey .asym-col-bigger input[type="password"],
body.stn2011 .survey .asym-col-bigger input[type="text"] { width: 538px; }
body.stn2011 .survey .asym-col-bigger input.other-field { width: auto; }

body div.asym-col-bigger div.letter textarea {
  width: 100%;
}

.asym-col-bigger {
  float: left;
  display: inline;
}

.asym-col-smaller {
  float: left;
  display: inline;
  width: 250px;
  margin-right: 20px;
}

.form-item-col {
  float: left;
  display: inline;
  margin-right: 10px;
}

body.fp .form-item-city input[type="text"],
body.fp .form-item-city input,
body.fp-sidebar .form-item-city input[type="text"],
body.sti .form-item-city input[type="text"],
body.fmp .form-item-city input[type="text"],
body.npm .form-item-city input[type="text"],
body.stn .form-item-city input[type="text"],
body.sbm .form-item-city input[type="text"],
input#city,
body.fp-sidebar div.col .form-item-city input#city,
.form-item-city input[type="text"] {
  width: 80px;
}

body.fp .form-item-zip input[type="text"],
body.fp-sidebar .form-item-zip input[type="text"],
body.sti .form-item-zip input[type="text"],
body.fmp .form-item-zip input[type="text"],
body.npm .form-item-zip input[type="text"],
body.stn .form-item-zip input[type="text"],
body.sbm .form-item-zip input[type="text"],
body.stn2011 .form-item-zip input[type="text"],
.form-item-zip input[type="text"] {
  width: 50px;
}

.nodisplay, .hide {display:none;}
.highlight {background:#ff0;}
.loud {font-weight:bold;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last,
body.sbm .last,
body.stn .last,
body.npm .last,
body.fmp .last,
body.sti .last,
body.fp-sidebar .last,
body.fp .last,
body .col.last {margin-right:0;padding-right:0;}
.nodisplay { display:none; }
.nowrap { white-space: nowrap; }

/* layout small centered content (like an unsubscribe page) */

.small-centered {
  background:#eee;
  margin:30px auto;
  padding:20px;
  width:390px;
  border: 1px solid #ddd;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

/* letter looking text box for letters, petitions, etc */

.letter {
  -moz-box-shadow:0 0 8px #ccc;
  -webkit-box-shadow:0 0 8px #ccc;
  box-shadow:0 0 8px #ccc;
  border:1px solid #CCCCCC;
  margin-bottom:30px;
  padding:20px;
  background: #fff;
}

/* inline taf */

.inline-taf-container {
  background:#eee;
  margin-bottom: 20px;
  padding:10px;
  border: 1px solid #ddd;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

/* surveys */

div.question {
  background: #eee;
  padding: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

/* taf styles */

#taf-container {
  width: 500px;
  height: 300px;
  margin: 0 auto 20px;
}

#taf-middle-left {
  width: 240px;
  float: left;
  display: inline;
  margin-right: 20px;
}

#taf-middle-right {
  width: 240px;
  float: left;
  display: inline;
}

.taf-item {
  margin-bottom: 20px;
  background: #eee;
  padding:10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#taf-email {
  height: 100%;
}

#taf-facebook {
  height: 80px;
}

#taf-twitter {
  height: 180px;
}

.taf-item textarea {
  width: 212px;
  height: auto;
  margin-bottom: 10px;
}

#taf-container h4 {
  margin-bottom: 10px;
}

#taf-container h4 a {
  text-decoration: none;
  color: #333;
}

#taf-container h4 a:hover {
  text-decoration: none;
  color: #666;
}

.taf-button {
  text-align: right;
}

.taf-button a {
  background: #ccc;
  padding: 6px 8px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 1px 0 #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #777;
  -moz-box-shadow: 1px 1px 2px #999;
}

.taf-button a:hover {
  background: #aaa;
}

.taf-button a img {
  vertical-align: -3px;
}

#ncmr-block-thank-you {
  width: 500px;
  margin: 0 auto 20px auto;
}

/* intro text */

.intro-text {
  overflow: auto;
  margin-bottom: 18px;
}

/* Modal Message for vn number */

#modal,
#modal-overlay,
div#container div#content #modal,
div#container div#content #modal-overlay {
  display:none;
}

#modal,
div#container div#content #modal {
  left:0;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index:30;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 400px;
}

#modal-content,
div#container div#content #modal-content {
  padding: 18px;
  text-align:left;
}

#modal-close,
div#container div#content #modal-close {
  color:#eee;
  cursor:pointer;
  font: bold 11px/12px verdana,sans-serif;
  position: absolute;
  right:0;
  top:-20px;
  width: 60px;
}

#modal-close:hover,
div#container div#content #modal-close:hover {
  color:#aaa;
}

#modal-content ul,
div#container div#content #modal-content ul {
  padding:0 12px 12px 24px;
}

#modal .action-button,
div#container div#content #modal .action-button {
  margin:20px 0;
  text-align:center;
}

#modal .action-button a,
div#container div#content #modal .action-button a {
  background:#ccc;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-box-shadow: 0 0 8px #333;
  -moz-box-shadow: 0 0 8px #333;
  color:#333;
  font-weight:bold;
  padding:12px 10px;
  text-decoration:none;
  text-shadow: 0 0 1px #fff;
}

#modal .action-button a:hover,
div#container div#content #modal .action-button a:hover {
  background:#bbb;
  text-decoration:none;
}

#modal .action-button span.ext,
div#container div#content #modal .action-button span.ext {
  background-image:none;
}

#modal-overlay,
div#container div#content #modal-overlay {
  background:#000;
  cursor:pointer;
  left:0;
  height:100%;
  opacity: .6; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=60); /* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
  -khtml-opacity: .6; /* Safari 1.x */
  -moz-opacity: .6; /* FF lt 1.5, Netscape */
  position:fixed;
  top:0;
  width:100%;
  z-index: 29;
}

#modal th, #modal td, #modal caption {
padding:0;
font-size: 11px;
}

#modal td p {
padding:0;
margin:p;
}

body input#card_code[type="text"] {
width:60px;
}

/* form elements on call pages */

.target {
  clear: both;
}

input[type="checkbox"] {
  margin-left: 0;
}

#target_checkboxes label {
  font-weight: normal;
}

/* Staff Donate Page */

select#FP_staff_member {
  width: auto;
}

/* call page */

#step2-content,
#step3-content {
}

#call-steps {
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.step {
  background: #eee;
  margin: 0 0 0 20px;
  padding: 20px  0 0 0;
}

.step textarea {
  height: 130px;
}

.first-step {
  border-top: 0;
}

.last-step {
  border-bottom: 0;
}

.call-item {
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}

#call-steps #step2 label,
#call-steps #step3 label,
#call-steps h4 {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 3px;
}

#call-steps #step3 #target_checkboxes label {
  font-size: 12px;
  line-height: 18px;
}

.target input {
  float: left;
}

#call-steps select {
}

h3.step-number {
  background: url(images/number-1-black.png) no-repeat 0 50%;
  height: 40px;
  padding-left: 45px;
  line-height: 40px;
  font-size: 20px;
}

h3.two-line {
  line-height: 20px;
  font-size: 18px;
}

#step-number1 { background-image: url(images/number-1-black.png); }
#step-number2 { background-image: url(images/number-2-black.png); }
#step-number3 { background-image: url(images/number-3-black.png); }

.need-user-info-to-determine-target #step-number1 { background-image: url(images/number-1-black.png); }
.need-user-info-to-determine-target #step-number2 { background-image: url(images/number-2-grey.png); color: #666;}
.need-user-info-to-determine-target #step-number3 { background-image: url(images/number-3-grey.png); color: #666;}

.need-user-info-to-determine-target #step2-content,
.need-user-info-to-determine-target #step3-content {
  display: none;
}

.known-user-name-true #step-number1 { background-image: url(images/number-1-grey.png); }

#step-number1 a {
  color: #666;
}

#step-number1 a:hover {
  color: #222;
  text-decoration: none;
}

body.fp #call-steps .step,
body.fp #call-steps textarea,
body.fp #call-steps input[type="text"], 
body.fp #call-steps input[type="password"] { width: 370px; }
body.fp-sidebar #call-steps .step,
body.fp-sidebar #call-steps textarea,
body.fp-sidebar #call-steps input[type="text"], 
body.fp-sidebar #call-steps input[type="password"] { width: 220px; }
body.sti #call-steps .step, 
body.sti #call-steps textarea, 
body.sti #call-steps input[type="text"], 
body.sti #call-steps input[type="password"] { width: 299px; }
body.fmp #call-steps .step, 
body.fmp #call-steps textarea, 
body.fmp #call-steps input[type="text"], 
body.fmp #call-steps input[type="password"] { width: 326px; }
body.npm #call-steps .step, 
body.npm #call-steps textarea, 
body.npm #call-steps input[type="text"], 
body.npm #call-steps input[type="password"] { width: 362px; }
body.stn #call-steps .step, 
body.stn #call-steps textarea, 
body.stn #call-steps input[type="text"], 
body.stn #call-steps input[type="password"] { width: 250px; }
body.sbm #call-steps .step, 
body.sbm #call-steps textarea, 
body.sbm #call-steps input[type="text"], 
body.sbm #call-steps input[type="password"] { width: 372px; }

body div#call-steps .form-item-city input[type="text"] {
  width: 80px;
}

body div#call-steps .form-item-zip input[type="text"] {
  width: 50px;
}

#what_to_say p {
  line-height: 14px;
  margin-bottom: 12px;
}

/* progress meter */

#progress {
  width: 300px;
  float: right;
}

.progress-meter-container {
  overflow: auto;
  margin-bottom: 20px;
  clear: both;
}

/* --- */

#progress-meter-container {
  background: #eee;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
  color: #222; 
  line-height: 22px;
  font-weight: bold;
}

.stn2011 #progress-meter-container {
  border: 1px solid #ccc;
}

#progress-meter-container #progress {
  width: auto;
  float: none;
}

#progress-meter-container #progress-text {
  float: right;
  margin-right: 10px;
  font-size: 12px;
  height: 20px;
  color: #262626;
}

#progress-meter-container #meter {
  width: 320px;
  float: right;
  position: relative;
  background: #fff;
  border: 1px solid #67adcf;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
}

#progress-meter-container #progress-amount {
  background: #67adcf;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

#progress-meter-container #progress-amount-text {
  position: absolute;
  height: 100%;
  top: 0;
  right: left;
  text-align: right;
  width: 316px;
  font-size: 15px;
}

/* pledge page */

.pledge-box {
  width: 350px;
  float: right;
  padding: 10px;
  background: #1C558B;
  color: #fff;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  -moz-box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  box-shadow: 0 0 10px #aaa;
  margin: 0 0 10px 10px;
}

.pledge-box textarea,
.pledge-box input[type="text"] {
  width: 349px;
  border: 0;
}

.pledge-box p {
  margin-bottom: 5px;
}

.pledge-form .intro-text {
  overflow: visible;
}

.pledge-box input[type="submit"] {
    background: #CB1B1B;
    border: 1px solid #651A1A;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    text-shadow: 1px 1px 0 #651A1A;
    -moz-box-shadow: 0 0 5px #05294a;
    -webkit-box-shadow: 0 0 5px #05294a;
    box-shadow: 0 0 5px #05294a;
}

.pledge-box input[type="submit"]:hover {
  background: #BA0F0F;
}

.pledge {
  padding: 10px;
  background: #226AAB;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  margin-bottom:10px;
  font-size: 16px;
  line-height: 20px;
}

.sti .pledge-box {
  background: #1e5d77;
}

.sti .pledge-box a{
	color:#FF9900;
}

.sti .pledge {
  background: #267593;
}

.sti .pledge-box input[type="submit"] {
  background: #ff9900;
  border: 1px solid #c77000;
  text-shadow: 1px 1px 0 #c77000;
  -moz-box-shadow: 0 0 5px #05294a;
  -webkit-box-shadow: 0 0 5px #05294a;
  box-shadow: 0 0 5px #05294a;
}

.sti .pledge-box input[type="submit"]:hover {
  background: #e17f00;
}

/* thank you page campaign logo bar */

#thank-you-campaigns {
  padding: 10px;
  background: #eee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 auto 20px;
  width: 480px;
  text-align: left;
  clear: both;
  color: #333;
}

#thank-you-campaigns a {
  margin-bottom: 10px;
}

#thank-you-campaigns a {
  display: block;
  width: 202px;
  height: 51px;
  float: left;
  display: inline;
  margin: 0 10px 5px;
}

#thank-you-campaigns a.sti {
  margin-left: 25px;
}

/* more thank you blocks */

.thank-you-block {
  padding: 10px;
  background: #eee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 auto 20px;
  width: 480px;
  text-align: left;
  clear: both;
  color: #333;
}

.thank-you-block a {
  margin-bottom: 10px;
}

.thank-you-block a {
  display: block;
  width: 202px;
  float: left;
  display: inline;
  margin: 0 10px 5px;
}

.connect-block a {
  text-decoration: none;
  font-weight: bold;
}

.connect-block a img {
  vertical-align: -10px;
  margin-right: 5px;
}

#intl_billing_fields{
	clear:left;
}

