/* -------- defaults */
div#etapContainer *
{
	box-sizing: border-box; background-clip: border-box; letter-spacing: 0;
	transition:
	position 0.2s ease-in-out 0s,
	z-index 0.2s ease-in-out 0s,
	top 0.2s ease-in-out 0s,
	right 0.2s ease-in-out 0s,
	bottom 0.2s ease-in-out 0s,
	left 0.2s ease-in-out 0s,
	display 0.2s ease-in-out 0s,
	float 0.2s ease-out 0s,
	width 0.2s ease-out 0s,
	max-width 0.2s ease-out 0s,
	min-width 0.2s ease-out 0s,
	height 0.2s ease-out 0s,
	max-height 0.2s ease-out 0s,
	min-height 0.2s ease-out 0s,
	margin 0.2s ease-in-out 0s,
	padding 0.2s ease-in-out 0s,
	color 0.2s ease-in-out 0s,
	background 0.2s ease-in-out 0s,
	background-color 0.2s ease-in-out 0s,
	background-image 0.2s ease-in-out 0s,
	background-position 0.2s ease-in-out 0s,
	border 0.2s ease-in-out 0s,
	border-color 0.2s ease-in-out 0s,
	border-width 0.2s ease-in-out 0s,
	text-align 0.2s ease-in-out 0s,
	visibility 0.2s ease-in-out 0s,
	opacity 0.2s ease-in-out 0s,
	transform 0.2s ease-in-out 0s,
	border-radius 0.2s ease-in-out 0s,
	box-shadow 0.2s ease-in-out 0s,
	text-shadow 0.2s ease-in-out 0s;
}
/* -------- font-awesome */
@font-face {
	font-family: "FontAwesome";
	src: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/fontAwesome/fontawesome-webfont_v-4.7.0.eot");
	src: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/fontAwesome/fontawesome-webfont.eot") format("embedded-opentype"), url("../../../../hosted/SantaMariaValleyHumaneSociety/images/fontAwesome/fontawesome-webfont.woff") format("woff2"), url("../../../../hosted/SantaMariaValleyHumaneSociety/images/fontAwesome/fontawesome-webfont_v-4.7.0.woff") format("woff"), url("../../../../hosted/SantaMariaValleyHumaneSociety/images/fontAwesome/fontawesome-webfont_v-4.7.0.ttf") format("truetype"), url("../../../../hosted/SantaMariaValleyHumaneSociety/images/fontAwesome/fontawesome-webfont_v-4.7.0-fontawesomeregular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* -------- main container */
div#etapContainer {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; box-sizing: border-box;}
/* -------- form container */
div#etapForm {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm form {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none;}
/* -------- links */
div#etapForm a {font-size: inherit; line-height: inherit;}
/* ---------------------------------------- default inputs, selects and textareas */
/* -------- general text, select and textarea */
div#etapForm input[type=text],
div#etapForm input[type=password],
div#etapForm input[type=number],
div#etapForm input[type=tel],
div#etapForm input[type=email],
div#etapForm input[type=url],
div#etapForm select,
div#etapForm textarea {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,1); border: 1px solid rgba(225,225,225,1); color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; outline: none; border-radius: 1px; box-shadow: none; text-shadow: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
div#etapForm input[type=text]:hover,
div#etapForm input[type=password]:hover,
div#etapForm input[type=number]:hover,
div#etapForm input[type=tel]:hover,
div#etapForm input[type=email]:hover,
div#etapForm input[type=url]:hover,
div#etapForm select:hover,
div#etapForm textarea:hover {border-color: rgba(180,180,180,1);}
div#etapForm input[type=text]:focus,
div#etapForm input[type=password]:focus,
div#etapForm input[type=number]:focus,
div#etapForm input[type=tel]:focus,
div#etapForm input[type=email]:focus,
div#etapForm input[type=url]:focus,
div#etapForm select:focus,
div#etapForm textarea:focus {background-color: rgba(255,255,255,1); border-color: rgba(40,169,222,1); outline: none; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);}
/* -------- specific text input */
div#etapForm input.text,
div#etapForm input.amount,
div#etapForm input.cvv2,
div#captchaContainer div#etapCaptchaInput input[type=text] {}
div#etapForm input.text {width: 45%;}
div#etapForm input.text_shorter {width: 25%;}
div#etapForm input.amount {width: 150px;}
div#etapForm input.two_digit {width: 50px!important; text-align: center!important;}
div#etapForm input.three_digit {width: 50px!important; text-align: center!important;}
div#etapForm input.four_digit {width: 60px!important; text-align: center!important;}
div#etapForm input.two_digit_right {}
div#etapForm input.cvv2 {width: 70px;}
div#etapForm input.inline_input {width: 100%!important;}
div#etapForm input.disabled_text {background-color: rgba(0,0,0,0.05);}
div#etapForm input.disabled_text:hover {cursor: not-allowed;}
div#etapForm input.confirm {background-color: rgba(119,153,25,0.05);}
div#etapForm input.confirm:focus {background-color: rgba(119,153,25,0.01);}
div#etapForm input.no_confirm {background-color: rgba(141,37,27,0.05);}
div#etapForm input.no_confirm:focus {background-color: rgba(141,37,27,0.01);}
div#etapForm div.confirm_email_wrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div.confirm_email_wrapper::before {position: absolute; top: 0; right: 0; display: block; float: right; width: auto; height: auto; margin: 0; padding: 7px 10px 8px 10px; font-size: 37px; line-height: 37px; font-family: "FontAwesome"; content: " "; color: rgba(255,255,255,0); border-radius: 1px; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.yes_confirm_email::before {background-color: rgba(139,184,79,1); color: rgba(255,255,255,1); content: "\f058";}
div#etapForm div.no_confirm_email::before {background-color: rgba(141,37,27,1); color: rgba(255,255,255,1); content: "\f06a";}
/* -------- confirm text fields */
div#etapForm input.confirm_yes,
div#etapForm input.confirm_yes:focus {border-color: rgba(67,175,34,1); background-color: rgba(67,175,34,0.2);}
div#etapForm input.confirm_no,
div#etapForm input.confirm_no:focus {border-color: rgba(175,34,34,1); background-color: rgba(175,34,34,0.2);}
/* -------- checkmark/caution */
div#etapForm div.confirm_number {position: relative; display: block; float: left; width: auto; height: auto; margin: 7px 0 0 7px; padding: 0; font-size: 32px; line-height: 32px;}
div#etapForm div.confirm_number::before {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome";}
div#etapForm div.show_check {color: rgba(67,175,34,1);}
div#etapForm div.show_check::before {content: "\f058";}
div#etapForm div.show_caution {color: rgba(175,34,34,1);}
div#etapForm div.show_caution::before {content: "\f071";}
div#etapForm div.show_none {color: rgba(255,255,255,0);}
/* -------- dollar sign input */
div#etapForm div.dollar_sign_input {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.dollar_sign_input input.dollar_sign {position: relative; z-index: 100; padding-left: 22px!important;}
div#etapForm div.dollar_sign_input::before {position: absolute; z-index: 101; top: 14px; left: 7px; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-weight: 400; font-size: 18px; line-height: 18px; content: "$"; box-sizing: border-box;}
div#etapForm div.other_amount_wrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
/* -------- readonly dollar sign input */
div#etapForm div.readonly_input {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.readonly_input input.readonly {position: relative; z-index: 100; width: 150px!important; padding-left: 16px!important; background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,0);}
div#etapForm div.readonly_input input.readonly:focus {background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,1); box-shadow: none;}
div#etapForm div.readonly_input input.readonly:hover {cursor: not-allowed;}
div#etapForm div.readonly_input::before {position: absolute; z-index: 101; top: 11px; left: 1px; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-size: 20px; line-height: 20px; font-weight: 400; content: "$"; box-sizing: border-box;}
/* -------- specific select */
div#etapForm select {}
div#etapForm select:hover {cursor: pointer;}
div#etapForm select option {margin: 0; padding: 1px 0 1px 7px; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm select optgroup {margin: 0; padding: 1px 7px 5px 7px; font-family: inherit; font-size: inherit; font-weight: 700; font-style: normal; background-color: rgba(0,0,0,0.1); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm select optgroup option {maring: 0; padding: 3px 0 3px 15px; font-weight: 400; background-color: rgba(255,255,255,1);}
div#etapForm div.select_wrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,1);}
div#etapForm div.select_wrapper select {z-index: 101; background-color: rgba(255,255,255,0);}
div#etapForm div.select_wrapper::before {font-family: "FontAwesome"!important; content: "\f078"; position: absolute; z-index: 100; top: 10px; right: 10px; display: block; float: right; width: auto; height: auto; margin: 0; padding: 0; color: rgba(0,0,0,0.3); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.select_wrapper:hover::before {color: rgba(0,0,0,1);}
div#etapForm div.exp_month {margin: 0 5px 0 0;}
div#etapForm div.inline_select_wrapper {width: 100%;}
div#etapForm select.inline_input {width: 100%;}
div#etapForm select::-ms-expand {display: none;}
/* -------- specific textarea */
div#etapForm textarea {min-height: 0!important;}
div#etapForm textarea.address {width: 45%; height: 60px;}
div#etapForm textarea.comments {width: 100%; height: 80px;}
/* -------- placeholder text color */
input[type=text]::-moz-placeholder {color: rgba(0,0,0,0.5);}
input[type=text]:focus::-moz-placeholder {color: rgba(0,0,0,0.2);}
input[type=text]::-webkit-input-placeholder {color: rgba(0,0,0,0.5);}
input[type=text]:focus::-webkit-input-placeholder {color: rgba(0,0,0,0.2);}
textarea::-moz-placeholder {color: rgba(0,0,0,0.5);}
textarea:focus::-moz-placeholder {color: rgba(0,0,0,0.2);}
textarea::-webkit-input-placeholder {color: rgba(0,0,0,0.5);}
textarea:focus::-webkit-input-placeholder {color: rgba(0,0,0,0.2);}
/* -------- links that look like buttons */
div#etapForm a.link_button {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; text-decoration: none; font-weight: 400; border-radius: 1px;}
div#etapForm a.link_button:hover {cursor: pointer;}
div#etapForm a.link_button::after {display: inline-block; padding: 0 0 0 15px; text-decoration: none; font-family: "FontAwesome"; content: "\f0a9";}
div#etapForm a.cancel {margin: 0 0 0 15px;}
div#etapForm a.cancel::after {content: "\f00d";}
div#etapForm a.field_button {margin: 0 0 0 5px;}
div#etapForm a.calc_button {margin: 0 10px 0 0;}
div#etapForm a.calc_button::after {content: "\f1ec";}
div#etapForm a.half_width {width: 49.5%; margin-bottom: 7px; font-size: 13px; line-height: 19px;}
div#etapForm a.half_width:nth-child(even) {float: right;}
div#etapForm a.half_width::after {display: block; float: right; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm a.cvv2_button {width: 100%; margin: 3px 0 0 0; text-align: center;}
/* ---------------------------------------- blocks, fieldsets and legends */
/* -------- fieldset and form field */
div#etapForm div.form_field {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0;}
div#etapForm fieldset {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 25px 0; padding: 0 0 15px 0; background-color: rgba(255,255,255,0); border: none;}
div#etapForm fieldset.left_labels {}
div#etapForm fieldset legend {position: relative; display: block; float: left; width: 100%; height: auto;}
div#etapForm fieldset legend.extra_legend {margin: 25px 0;}
div#etapForm fieldset div.form_field {margin: 0 0 5px 0;}
div#etapForm fieldset div.opt_info {margin: 0 0 20px 0; padding: 0;}
div#etapForm fieldset div.border_bottom {margin: 0; padding: 0 0 15px 0; border-bottom: 1px dashed rgba(0,0,0,0.1);}
/* -------- heading, list and paragraph */
/* headings */
div#etapForm h1,
div#etapForm h2,
div#etapForm h3,
div#etapForm h4,
div#etapForm h5,
div#etapForm h6 {position: relative; display: block; float: left; width: 100%; height: auto;}
div#etapForm h1 {}
div#etapForm h2 {}
div#etapForm h3 {}
div#etapForm h4 {}
div#etapForm h5 {}
div#etapForm h6 {}
div#etapForm .center_h {text-align: center;}
/* paragraphs */
div#etapForm div.form_field p {position: relative; display: block; float: left; width: 100%; height: auto; margin: 10px 0 0 0; padding: 0; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit;}
div#etapForm div.form_field p.label_p {margin: 10px 0 5px 0!important;}
div#etapForm div.form_field p.center_p {text-align: center;}
div#etapForm div.form_field p:first-child {margin: 0;}
div#etapForm div.form_field p.fund_description {margin: 0 0 15px 0;}
/* lists */
div#etapForm div.form_field ul {position: relative; display: block; float: left; width: 100%; height: auto; margin: 10px 0 0 0; padding: 0 0 0 10px; list-style-type: none;}
div#etapForm div.form_field ul li {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 0 0 0 25px;}
div#etapForm div.form_field ul.half li {width: 49%;}
div#etapForm div.form_field ul.half li:nth-child(odd) {clear: both;}
div#etapForm div.form_field ul.half li:nth-child(even) {float: right;}
div#etapForm div.form_field ul li:last-child {margin: 0;}
div#etapForm div.form_field ul li::before {position: absolute; z-index: 100; top: 6px; left: 5px; display: block; float: left; width: 8px; height: 8px; margin: 0; padding: 0; background-color: rgba(255,70,18,1); border-radius: 2px; content: " ";}
div#etapForm div.form_field ul ul li::before {top: 4px; width: 4px; height: 4px; border: 2px solid rgba(0,0,0,0.3); background-color: rgba(255,255,255,1);}
/* -------- non-bulleted list */
div#etapForm div.form_field ul.no_bullet li {padding: 0;}
div#etapForm div.form_field ul.no_bullet li::before {display: none; content: "";}
/* -------- arrow bulleted list */
div#etapForm div.form_field ul.arrow_bullet {padding: 0 0 0 15px;}
div#etapForm div.form_field ul.arrow_bullet li {padding: 0 0 0 35px;}
div#etapForm div.form_field ul.arrow_bullet li::before {top: 10px; left: 20px; font-family: "FontAwesome"; font-size: 14px; line-height: 14px; color: rgba(0,0,0,0.3); background-color: rgba(255,255,255,0); content: "\f112"; transform: rotate(180deg);}
/* -------- inline fields */
div#etapForm fieldset div.inline_field {margin: 0 0 15px 0;}
div#etapForm fieldset div.inline_half {width: 49%;}
div#etapForm fieldset div.inline_thirds {width: 32%;}
div#etapForm fieldset div.inline_left {clear: both;}
div#etapForm fieldset div.inline_center {margin: 0 0 15px 2%;}
div#etapForm fieldset div.inline_right {float: right;}
div#etapForm fieldset div.inline_full {width: 100%; margin: 0 0 15px 0;}
div#etapForm fieldset div.inline_field input[type=text],
div#etapForm fieldset div.inline_field div.select_wrapper,
div#etapForm fieldset div.inline_field select {width: 100%;}
/* payment fields */
div#etapForm fieldset div.inline_exp_mo,
div#etapForm fieldset div.inline_exp_yr {width: 20%!important; margin: 0 1% 15px 0;}
div#etapForm fieldset div.inline_exp_mo label,
div#etapForm fieldset div.inline_exp_yr label {width: 100%;}
div#etapForm fieldset div.inline_cvv2 {width: 57%!important; margin: 0 0 15px 0;}
div#etapForm fieldset div.inline_cvv2 label {width: 100%;}
div#etapForm fieldset div.inline_cvv2 input[type=text] {width: 49%!important;}
div#etapForm fieldset div.inline_cvv2 a.cvv2_button {float: right!important; width: 50%!important; margin: 0!important;}
/* ---------------------------------------- labels */
/* -------- regular field labels */
div#etapForm label {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit;}
div#etapForm fieldset label {padding: 0 0 3px 0;}
div#etapForm fieldset.left_labels label {width: 200px; padding: 11px 0 3px 0;}
div#etapForm fieldset.left_labels label.auto {width: auto; padding: 11px 15px 0 0;}
div#etapForm fieldset label.inline_label {display: none;}
/* -------- radio and checkbox button */
div#etapForm label.input_button {width: auto!important; padding: 0!important; font-size: 100%; line-height: 100%;}
div#etapForm label.input_button:hover {cursor: pointer;}
div#etapForm label.input_button input[type=radio],
div#etapForm label.input_button input[type=checkbox] {position: absolute; z-index: -1; top: 0; left: 0; display: block; float: left; width: 1px; height: 1px; margin: 0; padding: 0; border: none; visibility: visible; opacity: 0;}
div#etapForm label.input_button div {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0);}
/* -------- classic input button */
div#etapForm label.button {margin: 0 5px 5px 0; border: none; box-shadow: none;}
div#etapForm label.button div {font-weight: 500; border-radius: 1px;}
div#etapForm label.button:hover div {}
div#etapForm label.button div.arrow::after {position: relative; z-index: 100; display: inline-block; padding: 0 0 0 15px; font-family: "FontAwesome"; content: "\f0a9";}
div#etapForm label.button input[type=radio]:checked + div,
div#etapForm label.button input[type=checkbox]:checked + div {}
div#etapForm fieldset div.form_field div.half_other {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm fieldset div.form_field div.half_other label.input_button {width: 49%!important; margin: 0; text-align: center;}
/* -------- classic radio and checkbox */
div#etapForm label.classic {margin: 0 10px 5px 0;}
div#etapForm label.set_width {min-width: 100%;}
div#etapForm label.classic div {line-height: 150%; border-color: rgba(225,225,225,1); background-color: rgba(255,255,255,1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,1), inset 0 -20px 20px 0 rgba(0,0,0,0.02);}
div#etapForm label.classic:hover div {border-color: rgba(180,180,180,1);}
div#etapForm label.classic div::before,
div#etapForm label.classic div::after {position: absolute; display: block; float: left; margin: 0; padding: 0; content: " "; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm label.classic div::before {z-index: 100; width: 20px; height: 20px; background-color: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,0.2);}
div#etapForm label.classic div::after {z-index: 101; width: 14px; height: 14px; background-color: rgba(255,255,255,0);}
div#etapForm label.classic:hover div::before {background-color: rgba(0,0,0,0.05);}
div#etapForm label.classic input[type=radio]:checked + div::after,
div#etapForm label.classic input[type=checkbox]:checked + div::after {}
div#etapForm label.classic input[type=radio]:checked + div,
div#etapForm label.classic input[type=checkbox]:checked + div {border-color: rgba(40,169,222,1);}
div#etapForm label.classic input[type=radio]:focus + div,
div#etapForm label.classic input[type=checkbox]:focus + div {border-color: rgba(40,169,222,1);}
/* gold */
div#etapForm label.gold_dot input[type=radio]:checked + div,
div#etapForm label.gold_dot input[type=checkbox]:checked + div {border-color: rgba(249,175,77,1);}
/* blue */
div#etapForm label.blue_dot input[type=radio]:checked + div,
div#etapForm label.blue_dot input[type=checkbox]:checked + div {border-color: rgba(40,169,222,1);}
/* green */
div#etapForm label.green_dot input[type=radio]:checked + div,
div#etapForm label.green_dot input[type=checkbox]:checked + div {border-color: rgba(140,196,74,1);}
/* -------- radio button */
div#etapForm label.radio {}
div#etapForm label.radio div {border-radius: 2px;}
div#etapForm label.radio div::before,
div#etapForm label.radio div::after {border-radius: 15px;}
/* -------- checkbox button */
div#etapForm label.checkbox {}
div#etapForm label.checkbox div {border-radius: 2px;}
div#etapForm label.checkbox div::before,
div#etapForm label.checkbox div::after {}
div#etapForm label.checkbox div::after {width: 0!important; height: 30px!important; padding: 0; font-family: "FontAwesome"; content: "\f00c"; font-weight: 400; font-size: 30px; line-height: 30px; text-align: center; overflow: hidden;}
div#etapForm label.checkbox input[type=checkbox]:checked + div::after,
div#etapForm label.checkbox input[type=radio]:checked + div::after {width: 30px!important;}
div#etapForm label.left_margin {margin: 0 10px 5px 10px;}
/* -------- bold text button or label */
div#etapForm label.bold {font-weight: 700;}
div#etapForm label div span.highlight_label {font-weight: 700; font-size: 18px; line-height: 24px; color: rgba(182,11,11,1);}
/* -------- full-width button or label */
div#etapForm label.full {width: 100%!important;}
div#etapForm label.full_center {width: 100%!important; text-align: center;}
/* -------- half-width button or label */
div#etapForm label.half {clear: left; width: 226px!important; text-align: center;}
div#etapForm label.half:nth-child(odd) {clear: both;}
/* -------- centered buttons */
div#etapForm div.center_btns {text-align: center;}
div#etapForm div.center_btns label.button {display: inline-block; float: none; margin: 0;}
/* ---------------------------------------- credit cards */
div#etapForm div#ccWrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: 1px 0 0 10px; padding: 0; text-align: center;}
div#etapForm label.cc_button {position: relative; display: inline-block; float: none; width: auto!important; height: auto; margin: 0 5px 0 0!important; padding: 0!important; text-align: center;}
div#etapForm label.cc_button:hover {cursor: pointer;}
div#etapForm label.cc_button:last-child {margin: 0;}
div#etapForm label.cc_button input[type=radio] {position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px; margin: 0; padding: 0; border: none; visibility: visible; opacity: 0;}
div#etapForm label.cc_button div {position: relative; z-index: 100; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; font-size: 0; line-height: 0; text-align: center;}
div#etapForm label.cc_button div::before {position: relative; z-index: 100; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome"; text-align: center; font-size: 42px; line-height: 42px; text-align: center; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm label.cc_button:hover div::before {}
div#etapForm label.cc_button input[type=radio]:checked + div::before {}
div#etapForm label.visa div::before {content: "\f1f0";}
div#etapForm label.maca div::before {content: "\f1f1";}
div#etapForm label.amex div::before {content: "\f1f3";}
div#etapForm label.disc div::before {content: "\f1f2";}
div#etapForm label.dine div::before {content: "\f24c";}
/* ---------------------------------------- submit and reset */
/* -------- buttons */
div#etapForm div#submitAndReset {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0!important; padding: 0!important;}
div#etapForm div#submitAndReset fieldset {margin: 15px 0!important; padding: 0!important; text-align: center;}
div#etapForm div#submitAndReset input[type=submit],
div#etapForm div#submitAndReset input[type=reset],
div#etapForm div#submitAndReset input[type=button],
div#etapForm div#submitAndReset a.reset {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 20px 20px 19px 20px!important; border: none; text-decoration: none; text-transform: uppercase; font-weight: 700; font-family: inherit; font-size: 24px!important; line-height: 24px!important; background-image: none; border-radius: 3px; text-shadow: none; box-shadow: none; appearance: normal; -moz-appearance: none; -webkit-appearance: none;}
div#etapForm div#submitAndReset a.reset {margin-left: 10px;}
div#etapForm div#submitAndReset input[type=submit]:hover,
div#etapForm div#submitAndReset input[type=reset]:hover,
div#etapForm div#submitAndReset input[type=button]:hover,
div#etapForm div#submitAndReset a.reset:hover {cursor: pointer; text-decoration: none;}
/* ---------------------------------------- other form items */
div#etapForm span.required_field {color: rgba(233,160,11,1); font-weight: 700;}
div#etapForm span.reqBlue,
div#etapForm label.reqBlue {color: rgba(62,147,192,1); font-weight: 700;}
div#etapForm div.field_info {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 11px 5px 0 5px;}
div#etapForm div.dob_separator {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 11px 5px 0 5px;}
div#etapForm div.field_info_code {position: relative; display: block; float: left; width: auto; height: auto; margin: 0 0 0 5px; padding: 7px 10px; text-align: center; opacity: 0; font-weight: 700; color: rgba(255,255,255,1); border-radius: 3px;}
div#etapForm div.field_info_code::after {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0 0 0 10px; padding: 0; font-weight: 400; color: rgba(255,255,255,2); font-family: "FontAwesome"; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.valid_code {opacity: 1!important; background-color: rgba(119,153,25,1);}
div#etapForm div.valid_code::after {content: "\f058";}
div#etapForm div.invalid_code {opacity: 1!important; background-color: rgba(141,37,27,1);}
div#etapForm div.invalid_code::after {content: "\f06a";}
div#etapForm div.field_info_2 {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 11px 15px 0 15px;}
div#etapForm div.neg_left {padding: 7px 5px 0 0; margin-left: -10px;}
div#etapForm div.small {font-size: 12px; line-height: 18px; padding-top: 9px!important;}
div#etapForm img.img_shadow {width: auto; height: auto; margin: 0; padding: 0; border: 5px solid rgba(255,255,255,1); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);}
div#etapForm span.linethrough {text-decoration: line-through;}
div#etapForm div.child_wrapper {display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 15px; background-color: rgba(0,0,0,0.01); border: 1px solid rgba(0,0,0,0.1);}
div#etapForm div.child_wrapper h4 {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm label.payment_option {width: 275px!important;}
div#etapForm div.field_spacer {position: relative; display: block; float: left; width: 15px; height: 15px; margin: 0; padding: 0;}
/* -------- show/hide */
div#etapForm div.show_section,
div#etapForm div.hide_section {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden;}
div#etapForm div.outside {width: 110%; margin: 0 0 0 -5%; padding: 0 5%;}
div#etapForm div.show_section {transition: max-height 0.5s ease-in-out 0.1s, opacity 0.5s ease-in-out 0.2s; max-height: 1500px; opacity: 1;}
div#etapForm div.hide_section {transition: max-height 0.5s ease-in-out 0.1s, opacity 0.5s ease-in-out 0.1s; max-height: 0; opacity: 0;}
div#etapForm div.shorter {max-height: 500px!important;}
div#etapForm div.longer {max-height: 10000px!important;}
/* inline */
div#etapForm div.show_inline,
div#etapForm div.hide_inline {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.show_inline {max-width: 100px; opacity: 1;}
div#etapForm div.hide_inline {max-width: 0; opacity: 0;}
/* -------- text and image */
div#etapForm div#textContainer {position: relative; display: block; float: left; width: 60%; height: auto; margin: 0; padding: 0 35px 0 0;}
div#etapForm div#imageContainer {position: relative; display: block; float: right; width: 40%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#imageContainer img {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none; border: 10px solid rgba(255,255,255,1); border-radius: 15px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 8px 0 rgba(0,0,0,0.2);}
/* ---------------------------------------- share links */
div#etapForm fieldset.share_wrapper {margin: 0; padding: 0;}
div#eTapShareLinksWrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#eTapShareLinksWrapper p {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 12px 10px 0 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
div#eTapShareLinksWrapper div#shareLinks {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; vertical-align: top;}
div#eTapShareLinksWrapper div#shareLinks ul {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; list-style-type: none;}
div#eTapShareLinksWrapper div#shareLinks ul li {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0 5px 0 0; padding: 0; background-image: none;}
div#eTapShareLinksWrapper div#shareLinks ul li:last-child {margin: 0;}
div#eTapShareLinksWrapper div#shareLinks ul li a {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; text-decoration: none;}
div#eTapShareLinksWrapper div#shareLinks ul li a:hover {}
div#eTapShareLinksWrapper div#shareLinks ul li a::before {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome"; font-size: 42px; line-height: 42px;}
div#eTapShareLinksWrapper div#shareLinks ul li:nth-child(1) a::before {content: "\f081";}/*twitter*/
div#eTapShareLinksWrapper div#shareLinks ul li:nth-child(2) a::before {content: "\f082";}/*facebook*/
div#eTapShareLinksWrapper div#shareLinks ul li:nth-child(3) a::before {content: "\f08c";}/*linkedin*/
div#eTapShareLinksWrapper div#shareLinks ul li a img {position: absolute; z-index: -1; top: 0; left: 0; display: none; float: none; width: 1px; height: 1px; margin: 0; padding: 0; border: none; visibility: hidden; opacity: 0;}
/* ---------------------------------------- captcha */
div#captchaContainer {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#captchaContainer div#etapCaptchaImage {position: relative; display: block; float: left; width: 50%; max-width: 300px; height: auto; margin: 0; padding: 0;}
div#captchaContainer div#etapCaptchaImage img {position: relative; display: block; float: left; width: 100%; min-width: 200px; height: auto; margin: 0 0 5px 0; padding: 0; border: 5px solid rgba(196,196,196,1); border-radius: 2px;}
div#captchaContainer div#etapCaptchaImage a {position: relative; display: block; float: left; clear: left; width: 100%; min-width: 200px; height: auto; margin: 0; padding: 8px 0; text-align: center; text-decoration: none; border-radius: 2px;}
div#captchaContainer div#etapCaptchaImage a:hover {background-color: rgba(255,255,255,1);}
div#captchaContainer div#etapCaptchaImage a::after {display: inline-block; margin: 0; padding: 0 0 0 10px; font-family: "FontAwesome"; content: "\f01e";}
div#captchaContainer div#etapCaptchaInstructions {position: relative; display: block; float: left; width: 50%; height: auto; margin: 0; padding: 0 0 0 10px;}
div#captchaContainer div#etapCaptchaInstructions p {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#captchaContainer div#etapCaptchaInstructions p.top {display: none;}
div#captchaContainer div#etapCaptchaChallenge {display: none;}
div#captchaContainer div#etapCaptchaInput {position: relative; display: block; float: left; width: 50%; height: auto; margin: 0; padding: 10px 0 0 10px;}
div#captchaContainer div#etapCaptchaInput input[type=text] {width: 100%!important;}
/* ---------------------------------------- recaptcha */
div#captchaWrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 20px 0; padding: 0; text-align: center;}
div#captchaWrapper div.g-recaptcha {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0;}
div#captchaWrapper div.g-recaptcha div {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#captchaWrapper div.g-recaptcha div div {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#captchaWrapper div.g-recaptcha div div iframe {}
div#captchaWrapper div.g-recaptcha div textarea {display: none!important;}
/* ---------------------------------------- powered by etapestry.com */
div#etapForm div#poweredBy {position: relative; display: block; float: right; width: 100%; height: auto; margin: 15px 0 0 0; padding: 0;}
div#etapForm div#poweredBy p {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
/* ---------------------------------------- thawte */
div#etapForm div#thawte {position: relative; display: block; float: left; width: 100%; height: auto; margin: 10px 0 0 0; padding: 0; text-align: center;}
div#etapForm div#thawte table {position: relative; display: block; float: left; width: 100%!important; height: auto; margin: 0; padding: 0; border: none; text-align: center;}
div#etapForm div#thawte table tbody {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none; text-align: center;}
div#etapForm div#thawte table tbody tr {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#thawte table tbody tr td {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#thawte table tbody tr td img {position: relative; width: auto; height: auto; margin: 0; padding: 0; border: none;}
div#etapForm div#thawte table tbody tr td a {position: relative; width: auto; height: auto; margin: 0; padding: 0;}

/* ---------------------------------------- special styles for these pages */
/* -------- top banner */
div#etapForm div#topBanner {position: relative; display: block; float: left; width: 100%; height: auto; min-height: 220px; margin: 0 0 10px 0; padding: 0; background-image: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/image_04.jpg"); background-repeat: no-repeat; background-position: top -180px center; background-size: cover; border-bottom: 2px solid rgba(235,51,48,1);}
div#etapForm div#topBanner::after {position: absolute; bottom: 0; left: 0; display: block; float: left; width: 100%; height: auto; min-height: 100px; margin: 0; padding: 0; content: " "; background-image: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/banner_shadow.png"),url("../../../../hosted/SantaMariaValleyHumaneSociety/images/banner_shadow.png"); background-repeat: no-repeat,no-repeat; background-position: bottom center,bottom center; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div#topBanner_2 {position: relative; display: block; float: left; width: 100%; height: auto; min-height: 270px; margin: 0 0 30px 0; padding: 0; background-image: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/image_05.jpg"); background-repeat: no-repeat; background-position: top -120px center; background-size: cover; border-bottom: 2px solid rgba(235,51,48,1);}
div#etapForm div#topBanner_2::after {position: absolute; bottom: 0; left: 0; display: block; float: left; width: 100%; height: auto; min-height: 100px; margin: 0; padding: 0; content: " "; background-image: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/banner_shadow.png"); background-repeat: no-repeat; background-position: bottom center; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div#topBanner_3 {position: relative; display: block; float: left; width: 100%; height: auto; min-height: 270px; margin: 0 0 30px 0; padding: 0; background-image: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/image_05.jpg"); background-repeat: no-repeat; background-position: top -120px center; background-size: cover; border-bottom: 2px solid rgba(235,51,48,1);}
div#etapForm div#topBanner_3::after {position: absolute; bottom: 0; left: 0; display: block; float: left; width: 100%; height: auto; min-height: 100px; margin: 0; padding: 0; content: " "; background-image: url("../../../../hosted/SantaMariaValleyHumaneSociety/images/banner_shadow.png"); background-repeat: no-repeat; background-position: bottom center; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
/* -------- frequency buttons */
div#etapForm div.freq_btns {}
div#etapForm div.freq_btns label.button {width: 50%!important; margin: 0; text-transform: uppercase; text-align: center; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.7), 0 2px 6px 0 rgba(0,0,0,0.1);}
/* -------- paragraphs with images */
div#etapForm div.form_field div.img_cont {position: relative; display: block; width: 30%; height: auto; margin: 0; padding: 0; border: 5px solid rgba(255,255,255,1); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 5px 0 rgba(0,0,0,0.1); overflow: hidden;}
div#etapForm div.form_field div.img_cont img {position: absolute; left: 0; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none;}
div#etapForm div.form_field div.img_left {float: left; height: 160px;}
div#etapForm div.form_field div.img_left img {top: -40px;}
div#etapForm div.form_field div.img_right {float: right; height: 180px;}
div#etapForm div.form_field div.img_right img {top: -70px;}
div#etapForm div.form_field p.img_p {position: relative; display: block; width: 68%; height: auto; margin: 0 0 10px 0; padding: 0; font-family: 14px; line-height: 26px;}
div#etapForm div.form_field p.left_p {float: left; padding: 15px 0 0 0;}
div#etapForm div.form_field p.right_p {float: right; padding: 30px 0 0 0;}
/* -------- monthly tiles */
div#etapForm div.monthly_tile {width: 32%; height: auto; min-height: 320px; margin: 0 2% 0 0!important; padding: 10px!important; border: 3px solid rgba(0,0,0,0.1);}
div#etapForm div.monthly_tile div.monthly_content {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm div.monthly_tile div.monthly_content p {font-size: 14px; line-height: 22px;}
div#etapForm div.tile_left {}
div#etapForm div.tile_center {}
div#etapForm div.tile_right {float: right; margin: 0!important;}
div#etapForm div.gold_level {background-color: rgba(249,175,77,0.05); border-color: rgba(249,175,77,1);}
div#etapForm div.blue_level {background-color: rgba(40,169,222,0.05); border-color: rgba(40,169,222,1);}
div#etapForm div.green_level {background-color: rgba(140,196,74,0.05); border-color: rgba(140,196,74,1);}
div#etapForm div.level_img {position: relative; display: block; float: left; width: 100%; height: 100px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}
div#etapForm div.level_img img {position: absolute; left: 0; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none;}
div#etapForm div.level_img img.gold {top: -40px;}
div#etapForm div.level_img img.blue {top: -55px;}
div#etapForm div.level_img img.green {top: -60px;}
div#etapForm div.other_tile {margin: 20px 0 0 0!important; padding: 10px 10px 5px 10px; background-color: rgba(0,0,0,0.01); border: 3px solid rgba(0,0,0,0.1);}

/* -------- quarter buttons */
div#etapForm div.quarter_btns {}
div#etapForm div.quarter_btns label.input_button {width: 24.25%!important; margin: 0 1% 5px 0!important;}
div#etapForm div.quarter_btns label.qtr_btn_right {float: right!important; margin: 0 0 5px 0!important;}

/* -------- registration options */
div#etapForm div.form_field ul.reg_options {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 15px 0; padding: 0; text-align: center; list-style-type: none;}
div#etapForm div.form_field ul.reg_options li {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.form_field ul.reg_options li:last-child {margin: 0; padding: 0;}
div#etapForm div.form_field ul.reg_options li::before {display: none;}
div#etapForm div.form_field ul.reg_options li a {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 10px 15px 8px 15px; text-decoration: none; color: rgba(255,255,255,1); background-color: rgba(40,169,222,1);}
div#etapForm div.form_field ul.reg_options li a:hover {text-decoration: none; color: rgba(255,255,255,1); background-color: rgba(140,196,74,1);}

/* -------- heroes luncheon tiles */
div#etapForm div.heroes_tile {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 10px 10px 0 10px; background-color: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.1);}

/* -------- four legged affair tiles */
div#etapForm div.affair_tile {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 10px 10px 0 10px; background-color: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.1);}
div#etapForm div.affair_tile_first {}
div#etapForm div.affair_tile_second {}
div#etapForm div.affair_tile_third {float: right; margin: 0;}

/* -------- guest wrapper */
div#etapForm div.guest_half {width: 49%!important;}
div#etapForm div.guest_half:nth-child(odd) {float: right!important;}
div#etapForm div.guest_wrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 15px 0; padding: 10px; background-color: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.1);}
div#etapForm div.guest_wrapper h5 {}

/* -------- bark univeristy classes */
div#etapForm div.class_wrapper {position: relative; display: block; float: left; width: 49%; height: auto; margin: 0 0 15px 0; padding: 10px 10px 5px 10px; background-color: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.1);}
div#etapForm div.class_wrapper:nth-child(even) {float: right;}
div#etapForm div.class_clear_01 {float: left!important; clear: both;}
div#etapForm div.class_clear_02 {float: right!important;}

/* ---------------------------------------- adjust these padding and color settings ---------------------------------------- */
/* -------- padding */
/* text input */
div#etapForm input.text,
div#etapForm input.amount,
div#etapForm input.cvv2,
div#captchaContainer div#etapCaptchaInput input[type=text] {padding: 10px 0 8px 10px;}
div#etapForm input.two_digit,
div#etapForm input.three_digit,
div#etapForm input.four_digit {padding: 10px 1px 8px 0;}
div#etapForm div.other_amount_wrapper input[type=text] {padding: 10px 0 8px 26px!important;}
/* select */
div#etapForm select {padding: 10px 40px 8px 10px;}
/* textarea */
div#etapForm textarea {padding: 10px 0 0 7px;}
/* classic input button */
div#etapForm label.button div {padding: 13px 15px 11px 15px;}
/* classic radio and checkbox */
div#etapForm label.classic div {padding: 9px 20px 7px 40px;}
/* classic radio and checkbox dot positioning */
div#etapForm label.classic div::before {top: 10px; left: 10px;}
div#etapForm label.checkbox div::after {top: 2px!important; left: 6px!important;}
div#etapForm label.radio div::after {top: 13px!important; left: 13px!important;}
/* link buttons */
div#etapForm a.link_button {padding: 10px 15px 9px 15px;}

/* -------- colors */
/* --- rgba(235,51,48,1) - #ea3330 - red */
/* -- rgba(249,175,77,1) - #f9af4d - yellow */
/* -- rgba(140,196,74,1) - #8cc44a - green */
/* -- rgba(40,169,222,1) - #28a9de - blue */
/* ---- rgba(51,51,51,1) - #333333 - dark gray text */

/* -------- legend */
div#etapForm fieldset legend {margin: 0 0 15px 0; padding: 0 0 5px 0; font-weight: 400; font-size: 24px; line-height: 30px; color: rgba(40,169,222,1); border: 1px solid rgba(0,0,0,0.1); border-width: 0 0 1px 0;}
/* -------- headings */
div#etapForm h1 {margin: 0 0 20px 0; padding: 0; font-weight: 400; font-size: 38px; line-height: 44px; color: rgba(0,0,0,1);}
div#etapForm h2 {margin: 15px 0; padding: 0; font-weight: 500; font-size: 32px; line-height: 38px; color: rgba(235,51,48,1);}
div#etapForm h3 {margin: 0; padding: 0; font-weight: 400; font-size: 24px; line-height: 30px; color: rgba(235,51,48,1);}
div#etapForm h4 {margin: 15px 0 0 0; padding: 0; font-weight: 400; font-size: 18px; line-height: 24px; color: rgba(40,169,222,1);}
div#etapForm h4 strong {font-weight: 800;}
div#etapForm h5 {margin: 0; padding: 0; font-weight: 600; font-size: 18px; line-height: 24px; color: rgba(140,196,74,1);}
div#etapForm h6 {margin: 0; padding: 0; font-weight: 600; font-size: 18px; line-height: 24px; color: rgba(140,196,74,1);}

/* -------- resting state colors */
/* link button, captcha button */
div#etapForm a.link_button,
div#captchaContainer div#etapCaptchaImage a {color: rgba(0,0,0,1)!important; background-color: rgba(200,200,200,1)!important;}
/* submit/reset buttons */
div#etapForm div#submitAndReset input[type=submit],
div#etapForm div#submitAndReset input[type=reset],
div#etapForm div#submitAndReset input[type=button],
div#etapForm div#submitAndReset a.reset {color: rgba(255,255,255,1)!important; background-color: rgba(140,196,74,1)!important;}
/* classic input button */
div#etapForm label.button div {color: rgba(0,0,0,1); background-color: rgba(200,200,200,1); border-radius: 1px; box-shadow: inset 0 25px 25px 0 rgba(255,255,255,0.15);}
/* classic input button alt */
div#etapForm label.alt_color div {color: rgba(255,255,255,1); background-color: rgba(200,200,200,1); border-radius: 0;}
/* credit cards */
div#etapForm label.cc_button div::before {color: rgba(0,0,0,0.2);}
/* share icons */
div#eTapShareLinksWrapper div#shareLinks ul li a {color: rgba(0,0,0,0.3);}
/* -------- hover state colors */
/* link button, captcha button */
div#etapForm a.link_button:hover,
div#captchaContainer div#etapCaptchaImage a:hover {color: rgba(255,255,255,1)!important; background-color: rgba(140,196,74,1)!important;}
/* subimt/reset buttons */
div#etapForm div#submitAndReset input[type=submit]:hover,
div#etapForm div#submitAndReset input[type=reset]:hover,
div#etapForm div#submitAndReset input[type=button]:hover,
div#etapForm div#submitAndReset a.reset:hover {color: rgba(255,255,255,1)!important; background-color: rgba(40,169,222,1)!important;}
/* classic input button */
div#etapForm label.button:hover div {color: rgba(255,255,255,1)!important; background-color: rgba(249,175,77,1)!important;}
/* classic input button alt */
div#etapForm label.alt_color:hover div {color: rgba(255,255,255,1); background-color: rgba(140,196,74,1)!important;}
/* credit cards */
div#etapForm label.cc_button:hover div::before {color: rgba(0,0,0,0.5);}
/* share icons */
div#eTapShareLinksWrapper div#shareLinks ul li a:hover {color: rgba(235,51,48,1)!important;}
/* -------- checked state colors */
/* classic input button */
div#etapForm label.button input[type=radio]:checked + div,
div#etapForm label.button input[type=checkbox]:checked + div {color: rgba(255,255,255,1)!important; background-color: rgba(249,175,77,1)!important;}
/* classic input button alt */
div#etapForm label.alt_color input[type=radio]:checked + div,
div#etapForm label.alt_color input[type=checkbox]:checked + div {color: rgba(255,255,255,1)!important; background-color: rgba(140,196,74,1)!important;}
/* radio button dot */
div#etapForm label.radio input[type=radio]:checked + div::after,
div#etapForm label.radio input[type=checkbox]:checked + div::after {background-color: rgba(140,196,74,1)!important; box-shadow: inset 0 5px 5px 0 rgba(255,255,255,0.3);}
/* gold dot */
div#etapForm label.gold_dot input[type=radio]:checked + div::after,
div#etapForm label.gold_dot input[type=checkbox]:checked + div::after {background-color: rgba(249,175,77,1)!important;}
/* blue dot */
div#etapForm label.blue_dot input[type=radio]:checked + div::after,
div#etapForm label.blue_dot input[type=checkbox]:checked + div::after {background-color: rgba(40,169,222,1)!important;}
/* green dot */
div#etapForm label.green_dot input[type=radio]:checked + div::after,
div#etapForm label.green_dot input[type=checkbox]:checked + div::after {background-color: rgba(140,196,74,1)!important;}
/* checkbox checkmark */
div#etapForm label.checkbox div::after {color: rgba(140,196,74,1)!important;}
/* credit card icons */
div#etapForm label.cc_button input[type=radio]:checked + div::before {color: rgba(140,196,74,1)!important;}

div#etapForm div#imgLeft {float: left; width: 25%; }
div#etapForm div#imgLeft img, div#etapForm div#imgRight img {padding: 0; margin: 0; width: 200px;}
div#etapForm div#imgRight {float: right; width: 25%; }
div#etapForm div#center_content {float: left; width: 50%; }

/* ---------------------------------------- mobile-responsive medis queries */
@media only screen and (max-width: 1024px)
{
	/* text input fields */
	div#etapForm input.amount {width: 100px;}
	/* cvv2 field and button */
	div#etapForm fieldset div.inline_cvv2 input[type=text] {width: 35%!important;}
	div#etapForm fieldset div.inline_cvv2 a.cvv2_button {width: 64%!important;}
}
@media only screen and (max-width: 880px)
{
	div#etapForm div#topBanner {background-position: top -100px center;}
	div#etapForm div#topBanner_2 {background-position: top -100px center;}
	div#etapForm div#topBanner_3 {background-position: top -100px center;}
}
@media only screen and (max-width: 768px)
{
	/* base options */
	div#etapForm ul.base_buttons li {width: 100%!important; margin: 0 0 10px 0!important;}
	div#etapForm ul.base_buttons li:last-child {float: left!important;}
	/* link buttons */
	div#etapForm a.cancel {width: 100%; margin: 0; text-align: center;}
	/* inline fields */
	div#etapForm fieldset div.inline_field {margin: 0 0 5px 0;}
	div#etapForm fieldset div.inline_half {width: 100%;}
	div#etapForm fieldset div.inline_thirds {width: 100%;}
	div#etapForm fieldset div.inline_center {margin: 0 0 5px 0;}
	div#etapForm fieldset div.inline_right {float: left;}
	div#etapForm fieldset div.inline_full {margin: 0 0 5px 0;}
	/* half lists */
	div#etapForm div.form_field ul.half li {width: 100%;}
	/* qty boxes */
	div#etapForm div.half_left {width: 100%;}
	div#etapForm div.half_right {float: left; width: 100%;}
	div#etapForm div.qty_box {margin: 0 0 10px 0!important;}
	div#etapForm div.qty_box {margin: 0 0 10px 0!important;}
	div#etapForm div.half_spon_left {width: 100%; margin: 0!important;}
	div#etapForm div.half_spon_right {float: left; width: 100%; margin: 0 0 15px 0!important;}
	/* text inputs */
	div#etapForm input.text,
	div#etapForm input.amount,
	div#etapForm input.cvv2,
	div#captchaContainer div#etapCaptchaInput input[type=text] {width: 100%!important;}
	div#etapForm input.two_digit {width: 25%!important;}
	div#etapForm input.four_digit {width: 34%!important;}
	div#etapForm input.two_digit_right {float: right;}
	div#etapForm div.dob_separator {width: 8%; padding: 11px 0 0 0; text-align: center;}
	div#etapForm input.three_digit {width: 70px!important;}
	/* dollar sign inputs */
	div#etapForm div.dollar_sign_input {width: 100%;}
	div#etapForm div.dollar_sign_input input.dollar_sign {width: 100%;}
	/* readonly dollar sign input */
	div#etapForm div.readonly_input,
	div#etapForm div.readonly_input input.readonly {width: 100%;}
	div#etapForm div.total_amt_input {width: auto!important;}
	/* selects */
	div#etapForm div.select_wrapper,
	div#etapForm div.select_wrapper select {width: 100%!important;}
	div#etapForm select#cardExpMonth {margin: 0 0 5px 0;}
	/* textareas */
	div#etapForm textarea.address {width: 100%!important;}
	/* regular field labels */
	div#etapForm fieldset.left_labels label,
	div#etapForm fieldset.left_labels label.auto {width: 100%; padding: 7px 0 3px 0;}
	div#etapForm fieldset.left_labels label.total_amt {width: auto!important; padding: 11px 15px 0 0!important;}
	/* classic input button */
	div#etapForm label.button {width: 49%!important; margin: 0 0 5px 0;}
	div#etapForm label.button:nth-child(odd) {float: left; clear: both;}
	div#etapForm label.button:nth-child(even) {float: right;}
	div#etapForm label.button div {width: 100%; padding-right: 0; padding-left: 0; text-align: center;}
	div#etapForm label.other_amt_button {float: left!important;}
	div#etapForm div.other_amount_wrapper {width: 100%!important;}
	div#etapForm div.alt_other_amt {float: right!important; width: 49%!important;}
	div#etapForm div.other_amount_wrapper div.dollar_sign_input {float: right!important; width: 49%!important;}
	div#etapForm div.other_amount_wrapper input[type=text] {width: 100%!important;}
	/* classic radio and checkbox */
	div#etapForm label.classic {width: 100%!important; margin: 0 0 5px 0;}
	div#etapForm label.classic div {width: 100%!important;}
	div#etapForm label.left_margin {margin: 0 0 5px 0;}
	/* link buttons */
	div#etapForm a.field_button {width: 100%; margin: 5px 0 0 0; text-align: center;}
	/* half list */
	div#etapForm div.form_field ul.half li {width: 100%;}
	/* field info */
	div#etapForm div.field_info {width: 100%; padding: 5px 0 0 0;}
	div#etapForm div.field_info_2 {padding: 5px 0 0 0;}
	div#etapForm div.neg_left {margin: 0;}
	div#etapForm div.field_info_code {width: 100%; margin: 5px 0 0 0;}
	div#etapForm div.field_spacer {width: 100%; height: 5px;}
	/* credit cards */
	div#etapForm div#ccWrapper {width: 100%; margin: 2px 0 0 0;}
	/* payment fields */
	div#etapForm fieldset div.inline_exp_mo,
	div#etapForm fieldset div.inline_exp_yr {width: 100%!important; margin: 0 0 15px 0;}
	div#etapForm fieldset div.inline_cvv2 {width: 100%!important;}
	/* captcha */
	div#captchaContainer div#etapCaptchaImage {width: 100%; max-width: 1000px;}
	div#captchaContainer div#etapCaptchaImage img,
	div#captchaContainer div#etapCaptchaImage a {width: 100%; max-width: 300px!important;}
	div#captchaContainer div#etapCaptchaInstructions {width: 100%; padding: 10px 0 0 0; text-align: center;}
	div#captchaContainer div#etapCaptchaInstructions p.left {display: none;}
	div#captchaContainer div#etapCaptchaInstructions p.top {display: block;}
	div#captchaContainer div#etapCaptchaInput {width: 100%; padding: 10px 0 0 0;}
	/* share links */
	div#eTapShareLinksWrapper {position: relative; top: 0; width: 100%; margin: 0 0 13px 0;}
	/* submit and reset */
	div#etapForm div#submitAndReset input[type=submit],
	div#etapForm div#submitAndReset input[type=reset],
	div#etapForm div#submitAndReset input[type=button],
	div#etapForm div#submitAndReset a.reset {width: 49%; margin: 0; padding-right: 0; padding-left: 0; text-align: center;}
	div#etapForm div#submitAndReset a.reset {float: right;}
	/* powered by */
	div#etapForm div#submitAndReset div#poweredBy {width: 100%;}
	div#etapForm div#submitAndReset div#poweredBy p {width: 100%; text-align: center;}
	/* show/hide */
	div#etapForm div.show_section {max-height: 2000px!important;}
	div#etapForm div.shorter {max-height: 2000px!important;}
	div#etapForm div.longer {max-height: 20000px!important;}
	/* special styles */
	div#etapForm div#topBanner {min-height: 140px; background-position: top -140px center;}
	div#etapForm div#topBanner_2 {min-height: 180px; background-position: top -70px center;}
	div#etapForm div#topBanner_3 {min-height: 180px; background-position: top -70px center;}
	div#etapForm div.freq_btns label.button {float: left!important; clear: none!important;}
	div#etapForm h2 {font-size: 24px; line-height: 30px;}
	div#etapForm div.form_field div.img_cont {display: none;}
	div#etapForm div.form_field p.img_p {width: 100%;}
	div#etapForm div.quarter_btns label.qtr_btn_right {float: left!important; margin: 0 0 5px 0!important;}
	div#etapForm div.quarter_btns label.input_button {width: 49%!important; margin: 0 2% 5px 0!important;}
	div#etapForm div.quarter_btns label.input_button:nth-child(odd) {float: right!important; margin: 0 0 5px 0!important;}
	/* monthly tiles */
	div#etapForm div.monthly_tile {width: 100%; height: auto!important; min-height: 0!important; margin: 0 0 20px 0!important;}
	div#etapForm div.tile_right {float: left!important; margin: 0 0 10px 0!important;}
	div#etapForm div.monthly_tile div.monthly_content {float: right; width: 65%!important;}
	div#etapForm div.level_img {width: 33%!important; height: 150px!important;}
	div#etapForm div.level_img img.gold {top: 0;}
	div#etapForm div.level_img img.blue {top: 0;}
	div#etapForm div.level_img img.green {top: 0;}
	div#etapForm div.other_tile {margin: 10px 0 0 0!important;}
	/* registration options */
	div#etapForm div.form_field ul.reg_options li {display: block; float: left; width: 100%; margin: 0 0 10px 0;}
	div#etapForm div.form_field ul.reg_options li:last-child {margin: 0;}
	div#etapForm div.form_field ul.reg_options li a {width: 100%;}
	/* guest wrapper */
	div#etapForm div.guest_half {width: 100%!important;}
	div#etapForm div.guest_half:nth-child(odd) {float: left!important;}
	/* class wrapper */
	div#etapForm div.class_wrapper {width: 100%;}
	div#etapForm div.class_wrapper:nth-child(even) {float: left;}
	div#etapForm div.class_clear_02 {float: left!important;}
	div#etapForm div#imgLeft {display: none; }

div#etapForm div#imgRight {display: none; }
div#etapForm div#center_content {width: 100%; }
}
@media only screen and (max-width: 520px)
{
	div#etapForm div.full_btns label.input_button {width: 100%!important; margin: 0 0 5px 0!important;}
}
@media only screen and (max-width: 480px)
{
	/* text inputs */
	div#etapForm input.three_digit {width: 55px!important;}
	/* cvv2 field */
	div#etapForm fieldset div.inline_cvv2 input[type=text] {width: 100%!important;}
	div#etapForm fieldset div.inline_cvv2 a.cvv2_button {float: left!important; width: 100%!important; margin: 3px 0 0 0!important;}
	/* captcha */
	div#captchaContainer div#etapCaptchaImage img,
	div#captchaContainer div#etapCaptchaImage a {max-width: 100%!important;}
	/* submit and reset */
	div#etapForm div#submitAndReset input[type=submit],
	div#etapForm div#submitAndReset input[type=reset],
	div#etapForm div#submitAndReset input[type=button],
	div#etapForm div#submitAndReset a.reset {width: 100%; margin-bottom: 5px;}
	div#etapForm div#submitAndReset a.reset {float: left; margin: 0;}
	/* special styles */
	div#etapForm div#topBanner {min-height: 120px; background-position: top -70px center;}
	div#etapForm div#topBanner_2 {min-height: 120px; background-position: top -40px center;}
	div#etapForm div#topBanner_3 {min-height: 120px; background-position: top -40px center;}
	/* monthly tiles */
	div#etapForm div.monthly_tile div.monthly_content {float: left; width: 100%!important;}
	div#etapForm div.level_img {width: 100%!important; height: 75px!important;}
	div#etapForm div.level_img img.gold {top: -60px;}
	div#etapForm div.level_img img.blue {top: -90px;}
	div#etapForm div.level_img img.green {top: -120px;}
}
@media only screen and (max-width: 375px)
{
	/* special styles */
	div#etapForm div#topBanner {background-position: top -50px center;}
	div#etapForm div#topBanner_2 {background-position: top -30px center;}
	div#etapForm div#topBanner_3 {background-position: top -30px center;}
	/* monthly tiles */
	div#etapForm div.level_img img.gold {top: -40px;}
	div#etapForm div.level_img img.blue {top: -60px;}
	div#etapForm div.level_img img.green {top: -90px;}
}