/**
 * @file
 * Form Styling
 */
.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}
.form-item label {
  /* The label for a form element */
  display: block;
  font-weight: bold;
}
.form-item label.option {
  /* The label for a radio button or checkbox */
  display: inline;
  font-weight: normal;
}
.form-item .form-required {
  /* The part of the label that indicates a required field */
  color: #c00;
}
.form-item .description {
  /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}
.form-checkboxes .form-item, .form-radios .form-item {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}

.form-submit {
  /* The submit button */
}

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline;
}

.tips {
  /* Tips for Drupal's input formats */
}

a.button {
  /* Buttons used by contrib modules like Media */
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */
}

/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left;
  /* LTR */
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
}
#user-login-form ul {
  /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0;
  /* Position OpenID's ul next to the rest of the links. */
}
html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px;
  /* LTR */
  /* Un-do some of the padding on the ul list. */
}
#user-login-form li.user-link {
  /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}
form tbody {
  border-top: 1px solid #ccc;
}
form tr.even {
  background-color: #fff;
}
form table .item-list ul {
  margin: 0;
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc;
}

/*
 * Webform Styling
 */
.webform-client-form {
  /* hack for additional "interested" values */
}
.webform-client-form .form-item {
  width: 283px;
  margin-right: 1em;
  float: left;
  margin-top: .5em;
  margin-bottom: .5em;
}
.webform-client-form .form-item .form-text {
  width: 261px;
  /* -10 in X and Y */
  height: 16px;
  border: 1px solid #c2c2c2;
  font-weight: 100;
  color: #636363;
  padding: 8px;
  font-size: .8em;
}
.webform-client-form .form-item .form-text:focus {
  outline: none;
}
.webform-client-form .form-item label {
  font-size: .8em;
  color: #1c1d1d;
  text-transform: uppercase;
  margin-bottom: .5em;
}
.webform-client-form .form-item .description {
  color: #636363;
  font-weight: 100;
  margin: 15px;
}
.webform-client-form .form-select {
  width: 283px;
  height: 34px;
  background: transparent;
  padding: 8px;
  font-weight: 100;
  border: 1px solid #c2c2c2;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0);
  font-size: .7em;
}
.webform-client-form .form-select option {
  color: #636363;
  font-weight: 100;
}
.webform-client-form .form-type-checkbox {
  float: left;
  width: 230px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.webform-client-form .form-type-checkbox label {
  text-transform: inherit;
  color: #636363;
  font-weight: 100;
}
.webform-client-form .form-textarea {
  color: #636363;
  font-weight: 100;
  padding: 10px;
  min-height: 250px;
}
.webform-client-form .form-submit {
  color: #636363;
  font-weight: 100;
  font-size: 1.1em;
  letter-spacing: .1em;
  padding-bottom: .1em;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #c2c2c2;
  background-image: none;
  background-color: transparent;
}
.webform-client-form .webform-component--mailing-street--c,
.webform-client-form .webform-component--country-state-switch,
.webform-client-form .form-actions {
  clear: both;
}
.webform-client-form .webform-component--country-state-switch {
  margin-top: 0;
}
.webform-client-form .webform-component--monthly-online-advertising-spend--c,
.webform-client-form .webform-component--description,
.webform-client-form .webform-component--product-interest--c,
.webform-client-form .webform-component--country-state-switch {
  width: 100%;
}
.webform-client-form .grippie {
  /* no grippies */
  display: none;
}
.webform-client-form p {
  /* no margin P tags */
  margin: 0;
}
.webform-client-form .form-item-submitted-im-interested-in-programmatic-tv::before {
  display: block !important;
  content: "Programmatic";
  margin-left: -15px;
}
.webform-client-form .form-item-submitted-im-interested-in-programmatic-tv, .webform-client-form .form-item-submitted-im-interested-in-programmatic-video, .webform-client-form .form-item-submitted-im-interested-in-programmatic-display, .webform-client-form .form-item-submitted-im-interested-in-programmatic-creative {
  padding-left: 15px;
}

fieldset.webform-component--newsletter-signup {
  width: 283px;
  padding: 0;
  margin: 0;
  border: 0;
}
fieldset.webform-component--newsletter-signup .webform-component-checkboxes {
  margin-top: 0;
  margin-bottom: 0;
}
fieldset.webform-component--newsletter-signup span.fieldset-legend {
  font-size: .8em;
  color: #1c1d1d;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-weight: bold;
}

.page-node-20 article, .page-node-16898 article, .new-white-paper article {
  width: 705px;
  margin-left: auto;
  margin-right: auto;
}

.new-white-paper {
  width: 705px;
  margin-left: auto;
  margin-right: auto;
}
.new-white-paper .white-paper-img {
  float: left;
}

.page-node-20 #main,
.page-node-30 #main,
.page-node-16898 #main {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

/* these fields have a right margin */
#webform-client-form-20 .form-item {
  margin-right: 0;
}
#webform-client-form-20 .webform-component--firstname,
#webform-client-form-20 .webform-component--title,
#webform-client-form-20 .webform-component--website,
#webform-client-form-20 .webform-component--phone,
#webform-client-form-20 .webform-component--mailing-street--c,
#webform-client-form-20 #edit-submitted-state-wrapper,
#webform-client-form-20 .webform-component--advertising-reason--c {
  margin-right: 132px;
}

#webform-client-form-24 .webform-component--first-name,
#webform-client-form-24 .webform-component--email-address {
  margin-right: 132px;
}
#webform-client-form-24 .webform-component--last-name {
  margin-right: 0;
}
#webform-client-form-24 .webform-component--message,
#webform-client-form-24 .webform-component--test,
#webform-client-form-24 .webform-component--purpose-of-correpondence {
  clear: both;
  width: 100%;
}

#webform-client-form-30 .webform-component--first-name {
  margin-right: 132px;
}
#webform-client-form-30 .webform-component--last-name {
  margin-right: 0;
}
#webform-client-form-30 .webform-component--email-address,
#webform-client-form-30 .webform-component--message,
#webform-client-form-30 .webform-component--what-do-you-want-to-opt-out-of {
  clear: both;
  width: 100%;
}

/* Special Select Boxes with custom drop down arrows. */
.webform-component--state label,
.webform-component--country label,
.webform-component--monthly-online-advertising-spend--c label,
.webform-component--advertising-reason--c label,
.webform-component--leadsource label {
  position: relative;
}
.webform-component--state label:after,
.webform-component--country label:after,
.webform-component--monthly-online-advertising-spend--c label:after,
.webform-component--advertising-reason--c label:after,
.webform-component--leadsource label:after {
  position: absolute;
  content: ' ';
  display: block;
  width: 33px;
  height: 46px;
  top: 28px;
  left: 248px;
  background-image: url(../images/select-box-arrow.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.ie8 .webform-component--state label:after, .ie8
.webform-component--country label:after, .ie8
.webform-component--monthly-online-advertising-spend--c label:after, .ie8
.webform-component--advertising-reason--c label:after, .ie8
.webform-component--leadsource label:after {
  -ms-behavior: url(/sites/all/themes/adv/js/backgroundsize.min.htc);
}

.section-build-donation-station #page-title {
  background: rgba(0, 0, 0, 0) url("../images/build_charity/buildgreen-BUILD.png") no-repeat scroll center 0;
  height: 310px;
  text-indent: -9999px;
}

.build-charity {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
.build-charity .webform-client-form .form-item {
  margin-right: 0;
  width: 100%;
}
.build-charity .webform-client-form .form-item input {
  display: none;
}
.build-charity .webform-client-form .form-item .form-radios .form-item {
  padding: 0 50px 0 0;
  width: 270px;
}
.build-charity .webform-client-form .form-item label {
  text-transform: none;
}
.build-charity .webform-client-form .form-item .description {
  height: 200px;
  border: 2px solid black;
  cursor: pointer;
}
.build-charity .webform-client-form .form-item .description img {
  width: 270px;
}
.build-charity .webform-client-form .form-item .description:hover {
  border: 2px solid blue;
}
.build-charity .webform-client-form .form-item:nth-child(2) .description img {
  margin-top: 30px;
}
.build-charity .webform-client-form .form-item:last-child .description img {
  margin-top: 65px;
}
.build-charity .webform-client-form .form-actions {
  text-align: center;
}
.build-charity .webform-client-form .form-actions .webform-submit, .build-charity .webform-client-form .form-actions .webform-previous {
  display: none;
}
.build-charity .webform-client-form .form-actions .webform-next {
  background-color: #c2c2c2;
  text-transform: uppercase;
  margin-top: 30px;
  padding: 0.4em;
  font-weight: 600;
}