/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

Note: all red attributes are converted to ZERO blue as of 2024

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
    GLOBAL
\*------------------------------------*/

*, body {
  font-family: 'Open Sans', sans-serif;
        padding: 0;
        margin: 0;
        line-height: normal;
}
h1, form h3.ObjTitle {
  color: #000000;
  font-size: 34px;
  font-weight: 300;
  line-height: 46px;
  margin-bottom: 35px;
}
h2 {
  color: #0077C8;
  font-size: 30px;
  font-weight: 400;
  line-height: inherit;
        margin-bottom: 35px;
}
h3 {
  color: #000000;
  font-size: 28px;
  font-weight: 400;
  line-height: inherit;
}
h4 {
  color: #000000;
  font-size: 24px;
      font-weight: 300;
  line-height: inherit;
  margin: 20px 0px;
}
h5 {
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  line-height: inherit;
  margin: 20px 0px;
}
h6 {
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  line-height: inherit;
  margin: 20px 0px;
}
p, main {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin: 15px 0px;
}
a, A:link {
  color: #0077C8;
  text-decoration: none;
}
a:hover {
  color: #00a4e3;
}
.blue {
  color: #00a4e3 !important;
}
.red {
  color: #0077C8 !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
}
.inline {
  display: inline-block;
}
.hide {
  display: none;
}
.widthAuto {
  width: auto;
}
.row {
  clear: both;
  width: 100%;
  display: block;
}
.mobileOnly {
  display: none;
}
.desktopOnly {
  display: block;
}
img {
  max-width: 100%;
}

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

.blueBtn, .Button, div.luminate-donationContainer input.submit-blue {
  background: #00a4e3 !important;
  background-image: none !important;
  padding: 10px 23px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #00a4e3 !important;
  border-radius: 3px;
}
.blueBtn:hover, .Button:hover {
  color: #fff !important;
  background: #01739f !important;
  border: 1px solid #01739f !important;
  cursor: pointer;
}
.whiteBlue {
  background: #fff;
  background-image: none;
  padding: 10px 23px;
  text-align: center;
  color: #00a4e3;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #00a4e3;
  border-radius: 3px;
}
.whiteBlue:hover {
  background: #00a4e3;
  color: #fff; 
  cursor: pointer;
}
.step-button, .participant-find-donate-link {
  background: #0077C8 !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
}
#pstep_finish {
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 15px;
  max-width: 100%;
  float: none;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

#main-content {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.content-wrapper {
  width: 92%;
  max-width: 100%;
  padding: 23px 4%;
  margin:  0 auto;
  overflow: hidden;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

header .content-wrapper {
  text-align: center;
}
header #logo {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  text-align: left;
}
header #contact {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  text-align: right;
}
header #contact p, header #contact p img{
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
header #contact p, header #contact p a {
  color: #010101;
  font-size: 14px;
}
header #contact p img {
  margin-left: 15px;
}

/*------------------------------------*\
    BANNER
\*------------------------------------*/

#redBanner {
  display: block;
  width: 100%;
  background: #0077C8;
  padding: 20px 0px;
}
#redBanner div.content-wrapper {
  display: table;
  width:85%;
}
#redBanner h1 {
  color: #fff;
  font-weight: 400;
  font-size: 63px;
  text-align: left;
  /*width: 25%;*/
  width: 30%;
  max-width: 100%;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}
#redBanner div.banner-desc {
  width: 60%;
  max-width: 456px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#redBanner p {
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  margin: 1rem auto;
}
#redBanner span.lgTxt {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#upperFooter {
  display: block;
  width: 100%;
  background: #303030;
  text-align: center;
  padding: 30px 0px;
}
#upperFooter p, #upperFooter p a {
  color: #b6b6b6 !important;
  font-size: 14px;
  line-height: 28px;
  margin: 0px;
}
#upperFooter p a:hover {
  color: #00a4e3 !important;
}
#upperFooter p.blue {
  font-size: 20px;
  line-height: 32px;
}
#lowerFooter {
  display: block;
  width: 100%;
  background: #fff;
  text-align: center;
}
#lowerFooter p {
  color: #303030;
  font-size: 13px;
  line-height: inherit;
}


/*------------------------------------*\
    DONATION FORM STYLES
\*------------------------------------*/

section div.content-wrapper {
  display: table;
}
form#ProcessForm {
  background: none !important;
  border: none !important;
  width: 75%;
  padding: 0px 4% 30px 4%;
  margin: 0;
  display: table-cell;
}
form#ProcessForm div.donation-form-container.responsive {
  background: none !important;
  border: none !important;
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}
div.donation-form-content {
  display: block;
  width: 100%;
}
div.form-row div.form-content {width: 100%;}
form#ProcessForm h2.section-header-container {
  color: #aaaaaa !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-bottom: 20px;
}
form#ProcessForm div.responsive label {
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}
form#ProcessForm div.responsive input[type="text"], form#ProcessForm div.responsive input[type="number"], form#ProcessForm div.responsive input[type="password"], form#ProcessForm div.responsive select {
  background: #eeeeee !important;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  font-size: 20px;
  font-weight: 300;
  /*text-transform: uppercase;*/
  padding: 10px 12px;
  max-width: 100%;
  width: 90%;
}
form#ProcessForm div.responsive select {
  background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important;
  background-position: right 8px center !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: content-box;
}
div.form-row {
  width: 45%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}
#billing_title_row, #donor_email_opt_in_Row, #send_ecard_row, #ecard_send_date_row, #ecard_recpients_row, #tribute_ecard_subject_row, #tribute_ecard_message_row, #preview_button_row, #billing_info_same_as_donor_row  {
  display: block;
  width: 100%;
}
#responsive_payment_typecc_number_row {
  display: block;
}
#billing_title_row select, #responsive_payment_typecc_number_row input, #donor_email_opt_in_Row #responsive_payment_typecc_exp_date_row select, #ecard_send_date_row select, #tribute_ecard_subject_row input, #responsive_payment_typecc_cvvname {
  width: auto !important;
}
#responsive_payment_typecc_cvvname {
  max-width: 100px !important;
}
#responsive_payment_typecc_cvv_row {
  margin-left: 20px;
}
div.responsive div#ecard_send_date_row select {
  min-width: 110px;
}
#responsive_payment_typecc_exp_date_row select {
  width: 40% !important;
  display: inline-block;
  min-width: 110px;
  max-width: 110px !important;
}
.mobile div.responsive div.form-row {
  margin: 0;
}

/* Donation level styling begins */

div.donation-levels {
  position: relative;
}
form#ProcessForm div.don-standard-levels, form#ProcessForm div.don-standard-levels form-row, #level_standard_row, #donor_remember_me_row {
  width: 100% !important;
}
form#ProcessForm #level_standard_row div.form-content {
  display: block;
}
form#ProcessForm div.donation-level-label-input-container {
  display:block;
}
form#ProcessForm div.donation-level-container {
  display:inline-block;
  margin: 10px 5px;
  width: 112px;
  height: auto;
  max-width: 40%;
}
form#ProcessForm div.donation-level-container:first-child {
  margin-left: 0px;
}
div.donation-level-container input[type=radio] {
  position:absolute; 
  left:-99999px;
}
div.donation-level-user-entered {
  margin:0 !important;
  display: inline-block !important;
}
div.donation-level-user-entered input {
  padding: 0px;
}
div.donation-level-input-container {
  color: #000 !important;
  font-size: 25px !important;
  height: 50px;
  line-height: 53.5px;
  width: 100%;
  height: auto;
  text-align: center;
  cursor: pointer !important;
  background: #eeeeee;
  padding:0;
  border-radius: 0px;
  border: none;
  display: table;
}
div.donation-level-label-container {
  cursor:pointer;
  margin: 0 auto;
  display: block;
}
div.donation-level-input-container label {
    cursor: pointer;
    font-size: 25px !important;
    font-weight: 600 !important;
    font-style: normal;
    font-variant: normal;
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
    color: #000 !important;
    width: 100%;
    height: 75px;
    display: table;
}
div.donation-level-input-container label.active {
  color:#ffffff !important;
}
div.donation-level-input-container.active, div.donation-level-input-container:hover {
  border: none;
  background-color: #b32317;
  background-image:none;
  color: #ffffff !important;
}
div.donation-level-input-container.active {
  position: relative;
  border: 1px solid #b32317;
}
div.donation-level-input-container.active:before {
  bottom: -52.5px;
  left: 50%;
  height: 40px;
  width: 40px;
  border: 1px solid #0077C8;
  border-right: none;
  border-top: none;
  content: " ";
  background: white;
  position: absolute;
  pointer-events: none;
  transform: rotate(135deg);
  margin-left: -18px;
  z-index: 10;
}
div.donation-level-input-container.active label, div.donation-level-input-container:hover label {color: #fff !important;}
div.donation-level-container:last-child div.donation-level-input-container.active, div.donation-level-container:last-child div.donation-level-input-container:hover {
  border: none;
  background-color: #eeeeee;
  background-image: none;
  color: #000;
  border: none;
}
div.donation-level-input-container.active input[type="text"] {
   color: #000 !important;
   font-size: 25px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
}
div.donation-level-input-container.form-input div.donation-level-user-entered input {
  height:75px; 
  width: 130px; 
  margin-top: 0px;
  text-align: left; 
  background-color:#eeeeee; 
  border: none;   
  box-shadow: none; 
  text-align: center;
  padding:0px 12px !important;
}
form#ProcessForm input[type="text"]::placeholder {
   color: #000 !important;
   font-size: 25px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
   width: 100% !important;
   text-transform: uppercase;
}
form#ProcessForm ::-webkit-input-placeholder {
   color: #000 !important;
   font-size: 25px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
   width: 100% !important;
   text-transform: uppercase;
}

form#ProcessForm :-moz-placeholder { /* Firefox 18- */
   color: #000 !important;
   font-size: 25px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
   width: 100% !important;
   text-transform: uppercase;
}

form#ProcessForm ::-moz-placeholder {  /* Firefox 19+ */
   color: #000 !important;
   font-size: 25px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
   width: 100% !important;
   text-transform: uppercase;
}
form#ProcessForm :-ms-input-placeholder {  
   color: #000 !important;
   font-size: 25px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
   width: 100% !important;
   text-transform: uppercase;
}

form#ProcessForm div.donation-level-input-container.form-input.active input::placeholder {
   color: #fff !important;
}
form#ProcessForm div.donation-level-input-container.form-input.active ::-webkit-input-placeholder {
   color: #fff !important;
}
form#ProcessForm div.donation-level-input-container.form-input.active ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}
form#ProcessForm div.donation-level-input-container.form-input.active :-ms-input-placeholder {  
   color: #fff !important;
}
form#ProcessForm div.donation-level-input-container.form-input.active :-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}

div.donation-level-input-container.active input[type="text"] {
  text-align: center; 
  background-color:#ffffff;
  color: #b32317;
}
div.donation-level-amount-container, .donation-level-user-entered input[type="text"] {  
  color: #000;
  font-weight: 600;
  font-size: 25px;
}
.donation-level-user-entered input[type="text"] {
  text-align:center;
  outline:none;
}
div.donation-level-amount-container {display: none;}
div.donation-level-amount-container+div.donation-level-label-container {
  margin: 0 auto;
}
div.donation-level-container:last-child label {display:none;}
div.donation-level-container:last-child div.donation-level-input-container {
  width: auto;
}
div.donation-level-input-container.form-input div.donation-level-user-entered input {
  background: none;
  border: none;
  border-radius: 0px;
}
div.donation-level-input-container.form-input.active div.donation-level-user-entered input, div.donation-level-container:last-child div.donation-level-input-container.active, #ProcessForm div.responsive div.donation-level-container:last-child div.donation-level-input-container.active input[type="text"] {
  /*background: #fff !important;*/
  background: #b32317 !important;
  /*background-color: #fff! important;*/
  background-color: #b32317 !important;
  /*color: #b32317 !important;*/
  color: #fff !important;
  border: 1px solid #b32317;
  height: 75px;
  width: 100%;
  font-weight: bold !important;
  padding: 0 !important;
}
label + div.donation-level-expanded-label, div.donation-level-user-entered + div.donation-level-expanded-label {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  padding: 20px 5%;
  margin: 0 auto;
  border: 1px solid #0077C8;
  color: #0077C8 !important;
  font-size: 17px;
  line-height: 27px;
  font-weight: 600;
}
div.donation-level-expanded-label p {
  color: #0077C8 !important;
  font-size: 17px !important;
  line-height: 27px !important;
  font-weight: 600 !important;
}
#don-level-desc {
  position: relative;
  width: 90%;
  left: 0;
  padding: 20px 5%;
  background: #FFFFFF;
  border: 1px solid #0077C8;
  color: #0077C8 !important;
  font-size: 17px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 50px;
  max-width: 910px;
}
#don-level-desc:empty {
  display: none;
}
div.donation-level-amount-container + div.donation-level-label-container {
  display: table-cell;
  vertical-align: middle;
}
div.donation-level-container-generic-repeat, #tribute_show_honor_fields_row {
  width: 45%;
  display: inline-block;
}
#tribute_show_honor_fields_row, #tribute_show_honor_fields_row div.form-content {
  margin: 0;
}
div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label {
  display: inline-block;
  max-width: 100%;
}
div.generic-repeat-label-checkbox-container {
  padding: 0;
  width: 100%;
}

/* Donation level styling ends */

form#ProcessForm div.payment-type-element-container div.form-row {
  width: auto;
}
#payment_cc_container h3 {display: none;}
#responsive_payment_typecc_cvv_row a.HelpLink {display: none;}
form#ProcessForm button#pstep_cancel {display: none;}
div.button-container {
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
div.secure-info {
  display: block;
  width: 85%;
  max-width: 100%;
  margin: 0 auto;
}
div.secure-info div.html-caption-container {
  display: block;
  width: 100%;
  max-width: 100%;
}
#bit-secure {
  color: #bc231d;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: inherit;
  width: 50%;
  float: left;
}
#bit-secure img {
  vertical-align: middle;
  margin-right: 20px;
}
#truste {
  width: 50%;
  text-align: right;
  float: left;
}
.mobile div.button-container {
  text-align: left;
}

/* Learn more about email feature */

.more-info-popup {
  position: fixed; 
  top: 40%; 
  left: 20%; 
  max-width: 444px;
  height: auto; 
  background: #bc231d;  
  padding: 15px;
  z-index: 2;
}
.more-info-popup h2 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.more-info-popup p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal; 
  text-transform: normal;
}
.more-info-popup a {
  color: #fff !important;
}
.popup-wrapper {
  position: relative;
}
.close-popup {
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: -5px;
  right: 0;
  cursor: pointer;
}
#donor_email_address_row {
  position: relative;
}
#more-email {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 48%;
  right: 7%;
  cursor: pointer;
}

/*Hiding Billing Information Fields */

#billing-info {
  display: none;
}

/* Donation Form Sidebar */

#don-sidebar {
  width: 25%;
  display: table-cell;
  vertical-align: top;
  padding: 30px 2.5%;
  border-left: 1px solid #cccccc;
  text-align: center;
}
#don-sidebar h2 {
  color: #a0a0a0;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
#don-sidebar form#participant-search {
  margin-bottom: 120px;
  position: relative;
}
#don-sidebar input#qf {
  background: none;
  border: 2px solid #00a4e3;
  color: #00a4e3;
  font-size: 17px;
  font-weight: 400;
  padding: 12px 5%;
  width: 90%;
  border-radius: 8px;
}
#don-sidebar #side_contact {
  margin-bottom: 6rem;
  font-style: italic;
  line-height: 1.4;
}
form#ProcessForm #don-sidebar ::-webkit-input-placeholder {
   color: #00a4e3 !important;
   font-size: 17px;
   font-style: normal;
   font-variant: normal;
   font-weight: 600;
}

form#ProcessForm #don-sidebar :-moz-placeholder { /* Firefox 18- */
   color: #00a4e3 !important;
   font-size: 17px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400  
}

form#ProcessForm #don-sidebar ::-moz-placeholder {  /* Firefox 19+ */
   color: #00a4e3 !important;
   font-size: 17px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400  
}

form#ProcessForm #don-sidebar :-ms-input-placeholder {  
   color: #00a4e3 !important;
   font-size: 17px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400  
}
#don-sidebar h3 {
  color: #252725;
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
}
#don-sidebar img#quote-img {
  margin-top: 120px;
}
#don-sidebar p.quote {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
  text-align: center;
}
#don-sidebar p.quotee {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
}
#don-sidebar div.don-stat {
  margin-bottom: 20px;
}
#don-sidebar div.don-stat span.stat-num {
  color: #b32317;
  font-size: 33px;
  font-weight: 800;
  display: inline-block;
  width: 43%;
  text-align: right;
  margin-right: 5%;
  vertical-align: middle;
}
#don-sidebar div.don-stat span.stat-desc {
  color: #b32317;
  font-size: 17px;
  font-weight: 300;
  line-height: normal;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
#submit-searchp {
  background: url('../custom/GeneralWrapper/img/gendon-search-icon.png') no-repeat;
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 5%;
  width: 15px;
  height: 16px;
}

/* Donation Form Mobile Nav */

#gen-don-nav {
  display: none;
  width: auto;
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: center;
}
#gen-don-nav a {
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
  width: 45%;
  text-align: center;
  color: #000;
}
#gen-don-nav a:first-child {
  border-right: 1px solid #000;
  padding-right: 2%;
  margin-right: 2%;
}
#gen-don-nav a:hover, #gen-don-nav a:active {
  color: #979797;
}
div.responsive textarea {
  background: #eeeeee !important;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  font-size: 20px;
  font-weight: 300;
  max-width: 100%;
}

/* Donation Form Error Styling */

#ProcessForm div.responsive div.form-error {
  background: #bc231d;
  color: #ffffff;
}
#ProcessForm div.responsive div.form-error input, #ProcessForm div.responsive div.form-error select {
  border: 1px solid red !important;
}
#ProcessForm .form-error span.field-error-text  {
  color: #ffffff !important;
  font-weight: bold;
  font-size: 2em;
}
p.formHelper {
  font-style: italic;
  color: #797979;
  font-size: .8em;
  margin: 0;
  text-indent: 2em;
  background-color: rgba(255,255,255,.85);
  border-radius: 5px;
}

/*------------------------------------*\
    DONATION FORM THANK YOU PAGE
\*------------------------------------*/

div.donation-form-container.responsive {
  background: none;
  border: none;
}

/*------------------------------------*\
    ECOMMERCE STORE
\*------------------------------------*/

div.ShoppingDescription label.title {
  display: block;
}
.mobile div.ProductShortDescription div.ShoppingDescription, div.ProductShortDescription div.ShoppingDescription {
  line-height: normal;
}
#ConfigureProduct {
  margin-top: 30px;
}
form[name="Donate"] div.cons-full-name-label, form[name="Donate"] div.cons-full-address-label, form[name="InputForm"] div.cons-full-name-label, form[name="InputForm"] div.cons-email-label, form[name="ShoppingCart"] div.cons-full-name-label, form[name="ShoppingCart"] div.cons-full-address-label, form[name="ShoppingCart"] div.cons-full-title-label, form[name="ShoppingCart"] div.cons-suffix-label, form[name="ShoppingCart"] div.cons-prof-sfx-label, form[name="ShoppingCart"] div.cons-dob-label, form[name="ShoppingCart"] div.cons-gender-label, form[name="ShoppingCart"] div.cons-email-label, form[name="ShoppingCart"] div.cons-phone-label, form[name="ShoppingCart"] div.cons-employer-label, form[name="ShoppingCart"] div.cons-occupation-label, form[name="ShoppingCart"] div.cons-full-address-label, form[name="ShoppingCart"] div.cons-city-town-label, form[name="ShoppingCart"] div.cons-state-label, form[name="ShoppingCart"] div.cons-zip-label, form[name="ShoppingCart"] div.cons-country-label, form[name="EditAddress"] div.cons-full-name-label, form[name="EditAddress"] div.cons-full-title-label, form[name="EditAddress"] div.cons-suffix-label, form[name="EditAddress"] div.cons-prof-sfx-label, form[name="EditAddress"] div.cons-dob-label, form[name="EditAddress"] div.cons-gender-label, form[name="EditAddress"] div.cons-email-label, form[name="EditAddress"] div.cons-phone-label, form[name="EditAddress"] div.cons-employer-label, form[name="EditAddress"] div.cons-occupation-label, form[name="EditAddress"] div.cons-full-address-label, form[name="EditAddress"] div.cons-city-town-label, form[name="EditAddress"] div.cons-state-label, form[name="EditAddress"] div.cons-zip-label, form[name="EditAddress"] div.cons-country-label {
  margin-bottom: 10px;
}
#confirmation_page_container #tracking_container {display: none;}
div.purchase-confirmation {
  padding: 20px 0;
}
form[name="ShoppingCart"] input#UPDATE_ADDRESS {
  font-size: 12px;
  font-weight: bold;
  padding: 7px 15px;
  text-decoration: none;
}

/*------------------------------------*\
    ADVOCACY SURVEY STYLES
\*------------------------------------*/

form[action="https://support.zerocancer.org/site/Survey"] input#reset, form[action="https://support.zerocancer.org/site/Survey"] input#ACTION_CANCEL_RESPONSE_SUBMIT, form[action="https://support.zerocancer.org/site/Survey"] label[for="cons_title"], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_first_name'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_last_name'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_city'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_state'],  form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_zip_code']  {
  display: none;
}
form[action="https://support.zerocancer.org/site/Survey"] input, form[action="https://support.zerocancer.org/site/Survey"] textarea {
  background: #eeeeee !important;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 10px 10px;
  max-width: 100%;
}
form[action="https://support.zerocancer.org/site/Survey"] input.radio {
  margin-right: 5px;
}
form[action="https://support.zerocancer.org/site/Survey"] span.Hint {
  margin: 5px 0;
  display: block;
}
form[action="https://support.zerocancer.org/site/Survey"] textarea{
  text-transform: initial;
}
form[action="https://support.zerocancer.org/site/Survey"] input.Button {
  background: #00a4e3 none repeat scroll 0 0 !important;
    border: 1px solid #00a4e3 !important;
    border-radius: 3px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 23px !important;
    text-align: center !important;
    text-decoration: none;
    text-transform: uppercase;
}
form[action="https://support.zerocancer.org/site/Survey"] div.appArea {
  width: 95%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0;
}

form[action="https://support.zerocancer.org/site/Survey"] input::-webkit-input-placeholder {
   color: #bc231d;
  }
  form[action="https://support.zerocancer.org/site/Survey"] input:-moz-placeholder {
    color: #bc231d;
  } 
  form[action="https://support.zerocancer.org/site/Survey"] input::-moz-placeholder{
    color: #bc231d;
  } 
  form[action="https://support.zerocancer.org/site/Survey"] input:-ms-input-placeholder {
    color: #bc231d;
  }
form[action="https://support.zerocancer.org/site/Survey"] td.req[width="5%"], form[action="https://support.zerocancer.org/site/Survey"] td[width="1%"] {
   display: none; 
}

form[action="https://support.zerocancer.org/site/Survey"] span.Explicit, form[action="https://support.zerocancer.org/site/Survey"] .Explicit span {
  color: #000;
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
  line-height: normal;
  margin-bottom: 20px;
  display: block;
}
form[action="https://support.zerocancer.org/site/Survey"] fieldset span.Explicit {
  display: inline-block;
}
form[action="https://support.zerocancer.org/site/Survey"] label span.Explicit {
  color: #000;
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  display: inline-block;
  /*max-width: 90%;*/
}
div.interior-wrap {
  margin: 0 auto;
  max-width: 940px;
  padding: 50px 2.5%;
  width: 95%;
}

form[action="https://support.zerocancer.org/site/Survey"] td{
  margin-right: 10px;
}

form[action="https://support.zerocancer.org/site/Survey"] select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 25px 10px 10px;
  max-width: 100%;
  text-transform: uppercase;
  background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important;
  background-position: right 8px center !important;
  margin-right:10px;
  margin-bottom: 10px;
}

form[action="https://support.zerocancer.org/site/Survey"] #cons_title, form[action="https://support.zerocancer.org/site/Survey"] #cons_state{
  margin-right: 0;
  margin-bottom: 0;
}

/*form[action="https://support.zerocancer.org/site/Survey"] #cons_email, form[action="https://support.zerocancer.org/site/Survey"] #cons_street1, form[action="https://support.zerocancer.org/site/Survey"] #cons_street2, form[action="https://support.zerocancer.org/site/Survey"] #cons_country{
  width: 100%;
}
*/

input#4183_1881_10_1946_2 ~ .Explicit, input#4183_1881_10_1946_1 ~ .Explicit{
  display: inline-block !important;
  margin-left: 10px;
}
/*------------------------------------*\
    LUMINATE OVERRIDES
\*------------------------------------*/

#search_part_team ul li {
  padding: 10px;
}
div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive select {
  background: #eeeeee !important;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  max-width: 100%;
}
div.responsive select {
  background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important;
  background-position: right 8px center !important;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form#findFriendForm input[type="text"], form#teamFindFriendForm input[type="text"] {
  background: #fff !important;
  box-shadow: none !important;
}
.mobile div.responsive div.form-checkbox label, label.custom-element-checkbox-label {
  max-width: 90%;
}
div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-company-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-captain-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-tr-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-date {
  margin: 0 auto;
  padding: 5px 2.5% !important;
  text-align: center;
  width: 95%;
}
div#find_participant div.list-component-body div.list-component-cell-column-donate a {
  padding: 10px 7px;
}
::-webkit-inner-spin-button {-webkit-appearance: none;}
::-webkit-outer-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance: textfield;}

div.responsive select {
  min-width: 110px;
}

/*------------------------------------*\
    CALENDAR OF EVENTS STYLES
\*------------------------------------*/

div.luminate-eventAppArea {
  display: block;
  width: 95%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0;
}
/*div.appArea {
  width: 95%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0;
}*/
form[name="RSVPForm"] input[type="text"], form[name="TicketForm"] input[type="text"], form[name="RSVPForm"] textarea, form[name="TicketForm"] textarea {
  background: #eeeeee !important;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  font-size: 16px;
  font-weight: 300;
  text-transform: normal;
  padding: 10px 10px;
  max-width: 100%;
  text-transform: initial;
}
form[name="RSVPForm"] select, form[name="TicketForm"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  box-shadow: 0px;
  border-radius: 0px;
  color: #bc231d;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 25px 10px 10px;
  max-width: 100%;
  text-transform: normal;
  background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important;
  background-position: right 8px center !important;
  margin-right:10px;
  margin-bottom: 10px;
}
form[name="TicketForm"] div.lo-requiredLegend, form[name="RSVPForm"] div.lo-requiredLegend {
  display: none;
}
#rsvp_reset, #rsvp_cancel {
  display: none;
}
img.survey-captcha {
  display: block;
}
span.captcha-input-container input, span.captcha-input-container a {
  display: block;
}
div.lo-EventBorderContainer.responsive, div.lo-EventBorderContainer {
  width: 100%;
  border: none;
}
div.consRegFieldContainer .fieldContainer .field-row .value {
  display: block;
  float: none;
}
div.consRegFieldContainer label {
  margin-left: 0px;
  margin-bottom: 5px;
}
div.lo-EventSubHeaderBar {
  color: #aaaaaa !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 20px;
  text-transform: uppercase !important;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  width: 100%;
}
div.survey-question-container, div.consRegFieldContainer .fieldContainer .field-row {
  clear: both;
  display: block;
  margin: 15px 0;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
div.survey-question-container legend {
  display: block;
  clear: both;
  overflow: hidden;
}
div.survey-question-container input[type="text"], div.survey-question-container input[type="number"], div.survey-question-container textarea {
  display: block;
  margin-top: 10px;
}
div.survey-question-container span.ungrouped {
  display: block;
  margin-top: 10px;
}
div.survey-question-container input, div.survey-question-container option {
  vertical-align: middle;
}
span.survey-question-number-container, span.survey-number-required-container {
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 5px;
  float: left;
}
div.consRegFieldContainer .fieldContainer .field-row .label {
  margin-bottom: 10px;
}
span.survey-text-hint {
  margin-bottom: 10px;
}
form[name="RSVPForm"] span.survey-text-hint, form[name="TicketForm"] span.survey-text-hint {
  display: block;
  /*margin-top: 5px;*/
  float: left;
  width: 100%;
}
div.lo-CalendarDateInfoContainer {
  max-width: 100%;
}
span.survey_combo_other_input_container {
  display: block;
}
span.survey_combo_other_input_container input[type="text"] {
  display: inline-block;
}
span.survey-combo-field-container select {
  margin: 10px 10px 10px 0;
  vertical-align: middle;
}
div.lo-EventBorderContainer, div.lo-BorderContainer {
  padding: 0;
}
#lo-EventButtonContainer, #EventButtonContainerDiv {
  float: none;
  width: 100%;
}
#lo-EventButtonContainer #rsvp_save {
  float: right;
}
#EventButtonContainerDiv div.lo-float-right {
  float: none;
}
#event_preference_information div.survey-question-container span.input-container {
  display: block;
  width: auto;
}
form[name="RSVPForm"] span.survey-question-label, form[name="TicketForm"] span.survey-question-label {
  float: left;
}
span.survey-textarea-container span.survey-text-hint {
  margin-top: 10px;
}
#lo-EventPrefContainer div.surveyQuestionContainer {
  margin-bottom: 10px;
}
#lo-EventPrefContainer div.surveyQuestionContainer span.survey-question {
  font-weight: 600;
}
#EventLinkContainer #eventLink2 {
  display: none;
}
#rsvpConfirmation {
  margin-bottom: 40px;
}
div.luminate-eventAppArea form#Donate #billing-info-container {
  border:none;
}
div.luminate-eventAppArea form#Donate div.requiredLegend {
  display: none;
}
div.luminate-eventAppArea form#Donate #billing_info_header_id {
  border-top: 1px solid #ccc;
  color: #aaaaaa !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 20px;
  padding-top: 20px;
  text-transform: uppercase !important;
  width: 100%;
}
div.luminate-eventAppArea form#Donate input[type="text"], div.luminate-eventAppArea form#Donate input[type="text"], div.luminate-eventAppArea form#Donate textarea, div.luminate-eventAppArea form#Donate textarea {
  background: #eeeeee none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 0;
  color: #bc231d;
  font-size: 16px;
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
}
div.luminate-eventAppArea form#Donate select {
  -moz-appearance: none;
    background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat scroll right 8px center !important;
    border: medium none !important;
    border-radius: 0;
    color: #bc231d;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 100%;
    padding: 10px 25px 10px 10px;
}
div.luminate-eventAppArea form#Donate label {
  display: block;
  margin:10px 0px;
}
div.luminate-eventAppArea form#Donate table tr {
  margin-bottom: 10px;
}
div.luminate-eventAppArea form#Donate table tr td {
  display: block;
}
div.luminate-eventAppArea form#Donate table tr td.required-td, div.luminate-eventAppArea form#Donate table tr td.required-label {
  display: inline-block;
}
div.luminate-eventAppArea form#Donate table tr.cc-options td {
  display: inline-block;
}
div.luminate-eventAppArea form#Donate table tr.no-sec-title {
  display: none;
}
div.luminate-eventAppArea form#Donate table tr td.remove {
  display: none;
}
div.luminate-eventAppArea form#Donate #DON_EMAIL_OPT_IN, div.luminate-eventAppArea form#Donate#DON_EMAIL_OPT_IN {
  display: inline-block;
}
div.luminate-eventAppArea form#Donate label[for="s_rememberMe"], div.luminate-eventAppArea form#Donate label[for="DON_EMAIL_OPT_IN"] {
  display: inline-block;
  margin: 0 0 0 5px;
  max-width: 80%;
  vertical-align: top;
}
div.luminate-eventAppArea form#Donate #donation-botton-container input#home {
  display: none;
}
div.luminate-eventAppArea form#Donate #donation-botton-container {
  display: block;
  width: 100%;
}
div.luminate-eventAppArea form#Donate div#vs_seal {
  text-align: left;
}
div.luminate-eventAppArea #EventHistory {
  max-width: 100% !important;
}
div.luminate-eventAppArea #lo-ticket_class_list_user, div.luminate-eventAppArea table {
  max-width: 100% !important;
}
#lo-open_attendance_prompt_container #lo-register_link {
  display: block;
  background: #00a4e3 !important;
  background-image: none !important;
  padding: 10px 23px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #00a4e3 !important;
  border-radius: 3px;
  margin-top: 20px;
  max-width: 150px;
}
#lo-open_attendance_prompt_container #lo-register_link:hover {
  color: #fff !important;
  background: #01739f !important;
  border: 1px solid #01739f !important;
  cursor: pointer;
}


/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media (max-width: 1500px) {
  form#ProcessForm div.donation-level-container {
    width: 100px;
  }
  form#ProcessForm div.donation-level-container:last-child {
    width: 112px;
  }
  #don-sidebar {
    width: 30%;
    padding-right: 0;
  }
}
@media (max-width: 1380px) {
  form#ProcessForm {
    padding-left: 0px;
  }
  form#ProcessForm div.donation-level-container {
    width: 90px;
  }
  form#ProcessForm div.donation-level-container:last-child, form#ProcessForm div.donation-level-container:last-child input,div.donation-level-container:last-child div.donation-level-input-container {
    width: 100px;
    font-size: 25px !important;
  }
  form#ProcessForm div.donation-level-input-container div.donation-level-user-entered ::-webkit-input-placeholder {
    width: 100px;
    font-size: 25px !important;
  }
  form#ProcessForm div.donation-level-input-container div.donation-level-user-entered :-moz-placeholder {
    width: 100px;
    font-size: 25px !important;
  } 
  form#ProcessForm div.donation-level-input-container div.donation-level-user-entered ::-moz-placeholder{
    width: 100px;
    font-size: 25px !important;
  } 
  form#ProcessForm div.donation-level-input-container div.donation-level-user-entered :-ms-input-placeholder {
    width: 100px;
    font-size: 25px !important;
  }
  div.donation-level-input-container label {
    font-size: 25px !important;
  }
}
@media (max-width: 1320px) {
  #don-sidebar div.don-stat span.stat-num {
    font-size: 28px;
  }
  #don-sidebar div.don-stat span.stat-desc {
    font-size: 16px;
  }
}
@media (max-width: 1225px) {
  form#ProcessForm div.donation-level-container {
    width: 80px;
  }
}
@media (max-width: 1200px) {
  section .content-wrapper {
    width: 95%;
    padding: 23px 2.5%;
  }
  .content-wrapper {
    max-width: 100%; 
  }
  div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label {
    display: inline-block;
    max-width: 80%;
  }
}
@media (max-width: 1090px) {
  #don-sidebar div.don-stat span.stat-num, #don-sidebar div.don-stat span.stat-desc {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #don-sidebar div.don-stat span.stat-num {
    padding-bottom: 10px;
  }
  #don-sidebar form ::-webkit-input-placeholder {
    color: #fff;
  }
  #don-sidebar form :-moz-placeholder { /* Firefox 18- */
    color: #fff;  
  }
  #don-sidebar form ::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;  
  }
  #don-sidebar form :-ms-input-placeholder {  
    color: #fff;  
  }
  div.secure-info {
    width: 95%;
  }
}
@media (max-width: 1050px) {
  #gen-don-nav {
    display: block;
  }
  form#ProcessForm {
    padding: 0 2% 30px 0;
    width: 75%;
  }
}
@media (max-width: 980px) {
  label + div.donation-level-expanded-label, div.donation-level-user-entered + div.donation-level-expanded-label {
    display: none !important;
  }
  form#ProcessForm {
    width: 100%;
    display: block;
  }
  #don-sidebar {
    display: block;
    width: auto;
    padding: 3%;
    border-left: 0 none;
  }
  #don-sidebar > * {
    display: none;
  }
  #don-sidebar .always_show {
    display: block
  }
}
@media (max-width: 767px) {
  #redBanner div.content-wrapper {
    width: 92%;
  }
  form#ProcessForm div.donation-level-container:first-child {
    margin-left: 5px;
  }
  .mobile form#ProcessForm div.donation-level-container div.form-content {
    margin: 0px !important;
  }
  #don-level-desc {
    display: none !important;
  }
  div.donation-level-input-container.active:before {
    display: none !important;
  }
  #redBanner div.banner-desc {
    width: 50%;
  }
  .mobile div.catalog-product-quantity, .mobile div.catalog-product-container.grid-half div.catalog-product-quantity, .mobile div.catalog-product-button, .mobile div.catalog-product-container.grid-half div.catalog-product-button, .mobile div.catalog-product-price, .mobile div.catalog-product-container.grid-half div.catalog-product-price {
    display: block;
    text-align:center;
  }
  .mobile #confirmation_page_container div.ShoppingCart.table div.row div.table-cell {
    width: 45%;
  }
  .mobile #confirmation_page_container div.ShoppingCart.table .mobile-hide {
    display: none !important;
  }
  form[action="https://support.zerocancer.org/site/Survey"] label span.Explicit {
    max-width: 90%;
  }
}
@media (max-width: 640px) {
  #redBanner div.content-wrapper {
    display: block;
  } 
  #redBanner h1 {
    display: block;
    width: 100%;
    text-align: center;
  }
  #redBanner div.banner-desc {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  #redBanner div.banner-desc p {
    display: none;
  }
  #redBanner span.lgTxt {
    font-weight: 300;
  }
  .mobileHide {
    display: none;
  }
  header #contact p {
    margin: 0;
  }
  div.form-row, form#ProcessForm div.payment-type-element-container, #responsive_payment_typecc_numbername{
    display: block;
    width: 100% !important;
  }
  div.donation-level-container-generic-repeat, #tribute_show_honor_fields_row {
    display: block;
    width: 100% !important;
    margin: 20px 0px;
  }
  div.generic-repeat-label-checkbox-container {
    width: 100%;
  }
  div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label {
    max-width: 90%;
  }
  #bit-secure, #truste {
    display: block;
    width: 100%;
    text-align: center;
  }
  #truste {
    margin-bottom: 30px;
  }
  #bit-secure img, #truste img {
    max-width: 90%;
    display: block;
    margin: 0 auto;
  }
  div.button-container, .mobile div.button-sub-container {
    width: 100%;
  }
  .mobile div.responsive #pstep_finish {
    width: 95%;
    padding: 15px 2.5%;
  }
  #responsive_payment_typecc_cvv_row {
    margin-left: 0px;
  }
  #responsive_payment_typecc_cvvname {
    max-width: 110px !important;
  }
  .mobile div.button-container {
   text-align: center;
  }
  #bit-secure {
    margin-top: 0px;
  }
  #bit-secure img, #truste img {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 580px) {
  section div.content-wrapper {
    display: block;
  }

  form[action="https://support.zerocancer.org/site/Survey"] td {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  form[action="https://support.zerocancer.org/site/Survey"] table {
    width: 100%;
  }
  form[action="https://support.zerocancer.org/site/Survey"] input[type="text"], form[action="https://support.zerocancer.org/site/Survey"] select, form[action="https://support.zerocancer.org/site/Survey"] textarea {
    width: 90% !important;
    padding: 10px 2.5% !important;
    box-sizing: content-box;
    margin-right: 0 !important;
  }
}
@media (max-width: 530px) {
  div.donation-level-container-generic-repeat, #tribute_show_honor_fields_row {
    display: block;
    width: 100%;
  }
  div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label {
    max-width: 95%;
  }
  #tribute_show_honor_fields_row {
    margin: 20px 0px;
  }
  /*form[action="https://support.zerocancer.org/site/Survey"] input[type="text"] {
    width: 96%;
    padding: 10px 2%;
  }*/
}
@media (max-width: 480px) {
  div.searchWrap {
    width: 100%;
    padding: 23px 0;
  }
  #find_participant {
    border: medium none;
    margin: 0 auto;
    padding: 0;
    width: 96%;
  }
  #find_participant div.section-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  div#find_participant div.search-content {
    width: 100%;
    padding: 10px 0;
    border: none;
    margin: 0 auto;
  }
  #find_participant h2 {
    font-size: 20px;
    width: auto !important;
    padding: 20px 2.5%;
  }
  #find_participant div.section-sub-header {
    padding: 0;
    width: 95%;
  }
  #find_participant div {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100% !important;
    line-height: normal !important;
  }
  #find_participant form {
    width: 95%;
    padding: 10px 2.5%;
  }
  .mobile div#find_participant li {
    width: 40% !important;
    padding: 10px 2%;
  }
  .mobile div#find_participant div#search_part_team {
    width: 100%;
  }
  div.tr-page-container div.header-container {
    width: 95%;
  }
  #find_participant div.list-component-row {
    text-align: center;
    width: 100%;
    padding: 10px 0;
  }
  div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-company-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-captain-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-tr-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-date {
    width: 95%;
    margin: 0 auto;
  }
  #find_participant div.participant-find-search-results {
    background: none;
    border: none;
  }
  .mobile div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-name, .mobile div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-captain-name, .moblie div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-tr-name, .mobile div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-date {
    display: block;
    margin: 0 auto;
    padding: 5px 2.5% !important;
    width: 95%;
  }
  div.responsive div#ecard_send_date_row select {
    min-width: 70px;
  }
  div.lo-CalendarDateInfoContainer div.lo-CalendarDateLabel {
    display: block;
    float: none;
    margin: 5px 0;
  }
  div.lo-CalendarDateInfoContainer div.lo-CalendarAddressLabel {
    display: block;
    float: none;
    height: auto;
    margin: 5px 0;
  }
  div.consRegFieldContainer .fieldContainer .field-row .value {
    width: 100%;
  }
  form[name="RSVPForm"] input[type="text"], form[name="TicketForm"] input[type="text"], form[name="RSVPForm"] textarea, form[name="TicketForm"] textarea {
    display: block;
    width: 90%;
    padding: 10px 2.5%;
    font-size: 14px;
  }
  form[name="RSVPForm"] select, form[name="TicketForm"] select {
    display: block;
    width: 95%;
    padding: 10px 2.5%;
    font-size: 14px;
  }
  form[name="RSVPForm"] span.survey-text-hint, form[name="TicketForm"] span.survey-text-hint {
    margin-top: 10px;
  }
  form[name="RSVPForm"] span.survey_combo_other_input_container input[type="text"], form[name="TicketForm"] span.survey_combo_other_input_container input[type="text"] {
    display: inline-block !important;
  }
  form[name="RSVPForm"] span.survey-combo-field-container select, form[name="TicketForm"] span.survey-combo-field-container select {
    display: inline-block !important;
    width: 80% !important;
  }
  #RSVPGuestNumberContainer label {
    display:block;
    margin-bottom: 10px;
  }
  form[name="RSVPForm"] span.survey-question-label, form[name="TicketForm"] span.survey-question-label {
    max-width: 80%;
    margin-bottom: 10px;
  }
  form[action="https://support.zerocancer.org/site/Survey"] input, form[action="https://support.zerocancer.org/site/Survey"] textarea, form[action="https://support.zerocancer.org/site/Survey"] select {
    font-size: 14px;
  }
  form[action="https://support.zerocancer.org/site/Survey"] span.combo-field-wrap input, form[action="https://support.zerocancer.org/site/Survey"] span.combo-field-wrap select {
    max-width: 80%;
  }
  div.luminate-eventAppArea form#Donate #donation-botton-container input {
    display: block;
    margin: 5px 0px;
    width: 100%;
  }
}
@media (max-width: 420px) {
  h1, form h3.ObjTitle {
    font-size: 28px;
    line-height: normal;
  }
  #redBanner h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }
  #redBanner p {
    16px;
  }
  form[action="https://support.zerocancer.org/site/Survey"] h3.ObjTitle {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media (max-width: 405px) {
  #gen-don-nav a {
    width: 40%;
  }
  #responsive_payment_typecc_exp_date_row select {
    min-width: 40%
  }
}
@media (max-width: 320px) {
  div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label {
    max-width: 90%;
  }
  #redBanner span.lgTxt {
    font-size: 22px;
  }
  div.responsive div#ecard_send_date_row select {
    display: block;
    margin-bottom: 10px;
    min-width: 100px;
  }
}

strong.question-header {
  font-weight:bold;
  margin-left: -30px;
}

div.payment-field-container span.payment-type-option.selected {
    background-color: #fdf2e0;
    background: -moz-linear-gradient(top, #ffffff 0%, #abd4ec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abd4ec));
    background: -webkit-linear-gradient(top, #ffffff 0%, #abd4ec 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#abd4ec 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#abd4ec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#abd4ec',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#abd4ec 100%);
}

.payment-type-option label a { color: #767676 !important }
.payment-type-option.selected label a {
  color: #117dc0 !important;
  font-weight: bold;
}