/* -----------------------------------------
 - Campaign/ETP styles ---------------------
 ---------------------------------------- */

#campaign-info, #current-step {
  float: left;
  width: 47%;
  padding-bottom: 1em;
}

#campaign-info {
  padding-right: 1em;
  border-right: 0.1em solid #ededed;
}

#current-step {
  padding-left: 1.3em;
}

#campaign-info .nav-menu {
  background: url(/images/campaign-nav-menu-bg.jpg) left bottom repeat-x;
  height: 26px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  width: 100%;
  margin-bottom: 1.6em;
}

#campaign-info .nav-menu .box-link {
  font-family: Trebuchet, Verdana, Arial, sans-serif;
  color: #666666;
  text-align: center;
  font-weight: bold;
  letter-spacing: normal;
  text-decoration: none;
}

#campaign-info .nav-menu .selected {
  background-color: #fff;
  color: #4F7563;
  font-weight: bold;
}

#campaign-info .nav-menu td { border-right: 1px solid #ccc; }

#campaign-info .nav-menu .box-link a {
  color: #666666;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0.4em;
}
#campaign-info .nav-menu .box-link a:hover {
  color: #45774d;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}

#campaign-info .campaign-icon {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 100px; /*92px;*/
  border: 0.15em solid #ddd;
}

#campaign-info .intro-text img {
  border: 0.3em solid #ddd;
  border-radius: 0.1em;
  margin: 1em;
}

#campaign-info p {
  margin: 1em 0;
}

#campaign-info ul, #campaign-info ol {
  /*clear: left;*/
  margin-left: 2em;
  padding-right: 1em;
}

#campaign-info li {
  list-style-position: outside;
}

#campaign-info ul > li {
  list-style-type: disc;
}

.example-letter, .message-preview {
  font-family: Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
  line-height: 1.4em;
  background-color: #efefef;
  border: 0.1em solid #fafafa;
  margin: 1.5em 0 1.5em 0;
  padding: 0.7em 0.8em;
  color: #555;
  border: 0.1em solid #ddd;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

/* .example-letter .personal-comments {
  display: block;
  font-style: italic;
  color: #000;
  margin: 1em 0 0 0;
} */

.campaign-form {
  background-color: #FFFCB1;
  border: 0.1em solid #EFECA1;
  padding: 0.7em;
  max-width: 35em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 115%;
}

.campaign-form table {
  width: 100%;
}

.campaign-form td {
  padding: 0.2em 0;
}

.campaign-form form.new-form fieldset li label {
  width: 8em;
  margin-top: 0.3em;
}

.campaign-form label {
  font-weight: bold;
}

/*.campaign-form input[type='text'],
.campaign-form input[type='password'] {
  width: 25em;
}*/

.campaign-form input, .campaign-form select {
  margin: 0 0.2em;
  /*padding: 0.2em;*/
  font-size: 115%;
}
.campaign-form select {
  /*padding: 0.1em;*/
}

.campaign-form input[name='street-addr'] {
  width: 18.6em;
}
.campaign-form input[type='text'].city {
  width: 9em;
}
.campaign-form input[type='text'].state {
  width: 3em;
}
.campaign-form input[type='text'].zip-code {
  width: 4em;
}

.campaign-form input[name='name'] {
  width: 15em;
}
.campaign-form input[type='text'].phone {
  width: 10em;
}

.campaign-form .field-tip {
  color: #777;
  font-size: 80%;
  text-align: right;
  padding: 0 2em 0.8em;
}

.campaign-form input[type='submit'] {
  min-width: 8em;
  padding: 0.2em;
}

.campaign-form textarea {
  margin: 0.5em 0 1em;
  width: 97%;
  height: 18em;
}

.campaign-form .submit {
  text-align: right;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
  background-color: transparent;
  border: none;
}

.campaign-form .notice {
  background: transparent url(/images/warning.png) no-repeat 0.5em 1.2em;
  margin: 0.5em 0;
  border: none;
}


/* -----------------------------------------
 - Tell-a-Friend screen --------------------
 ---------------------------------------- */
 
/*.tell-a-friend-form ol {
  list-style: none;
  margin: 2em 0;
}*/

.tell-a-friend-form form.new-form fieldset {
  margin: 0;
  border: none;
  /*border-bottom: 0.1em solid #ddd;*/
}

.tell-a-friend-form form.new-form fieldset li label {
  clear: both;
  float: left;
  width: 20em;
  margin-right: 1em;
  text-align: left;
  font-weight: bold;
}

.tell-a-friend-form input[type='text'],
.tell-a-friend-form input[type='password'] {
  width: 25em;
  margin: 0.2em 0;
}

.tell-a-friend-form textarea {
  /*margin: 0.5em 0 1em;*/
  width: 100%;
  height: 10em;
  margin: 0.2em 0;
}

.tell-a-friend-form .submit {
  margin: 0.5em 0;
}