body {
	margin:0px auto;
	background-color:#d1dfad;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size:14px;
}
.bold {
	font-weight:700;
}
.container {
	max-width: 970px;
	width: 100%;
	background-color: #ffffff;
	padding: 20px 10px 10px 10px;
}
div.error:first-of-type {
	display:none;
}
div.error ul {
	display:none;
	width:100%;
	max-width:
}
div.error li:last-of-type {
	display: none;
}
.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.salsa legend {
	font-size:2em;
	color:#e61;
	font-weight:700;
}
/*   =====   HEADER   =====   */

header div.container {
	padding:0px;
	border-radius:8px 8px 0 0;
}
header .col-sm-2, a.navbar-brand {
	padding-right:0px;
}
header .col-sm-9 {
	padding-left:0px;
	max-width:400px;
}
.logo {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:700;
	font-size:25px;
	color:#036274;
	line-height:20px;
	padding-top:10px;
	padding-right:0px;
	margin-bottom: 30px;
}
.sub-logo {
	font-size:16px;
	line-height:12px;
	font-weight:normal;
	padding-left:0px;
}
.navbar-brand img {
	position:relative;
	bottom:70px;
	margin-left:15px;
}
.collapse.navbar-collapse {
	background-color:transparent;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	font-size:1.3em;
}
.navbar {
	margin-bottom:0px;
}
.nav-tabs {
	margin-right:2%;
}
.nav-tabs>li {
	padding-left:5px;
	padding-right:5px;
}
.nav-tabs>li:first-of-type {
	padding-left:0px;
}
.nav-tabs>li:last-of-type {
	padding-right:0px;
}
.nav-tabs>li>a,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover  {
	background-color:#3c5196;  		/* =======   PTC DARK BLUE   =======  */
	color:#ffffff;
	border-radius:12px 12px 0px 0px;
	padding: 3px 5px 3px 5px;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus {
	background-color:#ee6611;		/* =======   PTC ORANGE   =======  */
	color:#ffffff;
}
.nav-tabs>li.active>a:hover {
	background-color:#ff7620;
	color:#ffffff;
}

/*   =====   SECTION   =====   */

section.container {
	padding:0 20px 20px 20px;
	margin:-1px auto;
	border-radius:0 0 8px 8px;
	color:#036274;
}
section div.container {
	padding: 25px 70px 25px 70px;
	background-color: #eee;
	border: solid 5px #ddd;
	border-style: double;
	border-radius: 7px;
	margin: 0px auto 10px;
}


/*   =====   SALSA DONATION FORM   =====   */


#ptc-amounts2 {
	display:none;
}
div#emailValidationErrorId,#pre_donation_text,#salsaDonationFooter,div.clearall, div.helpText {
	display:none;
}
form.orderform div#left_container div.formRow {
	width:100%;
}
div.salsa.donation#salsa form.orderform select {
	height:26px;
	width:40%
}
div.salsa.donation#salsa form.orderform div.otherRow input,div#right_container input {
	margin-right:3%;
}
form.orderform #donation_amount label.btn-default,input[type="submit"] {
	width: 12%;
	text-align: center;
	margin: 1.5em 2% 2em;
	height: 50px;
	padding: 10px 16px;
}
#donation_amount div.otherRow {
	margin-bottom:40px;
}
label.btn-lg.btn-default span {
	vertical-align: middle;
	color:#ffffff;
}
label.btn-lg.btn-default {
	background-color:#008d9e;
	border:#006E7B solid thin;
}
input.hide[type="radio"]:checked + label.btn-lg,label.btn-lg:hover {
	background-color:#004249;
	border:#00505A solid thin;
	cursor:pointer;
}
div#recurrence label[for="recurring"] a::before {
	content:"";
}
div#recurrence input[name="recurring"] {
	float:left;
}
form.orderform a.link-help,label[for="CVV2"] a, div#submit p {
	font-size:.7em;
}
form.orderform fieldset#credit_card_information input.input3 {
	width:25%;
	margin-right:0px;
}
div.gift-amt {
	display:inline;
}
div.salsa.donation#salsa form.orderform div#left_container,div.salsa.donation#salsa form.orderform div#right_container {
	position:relative;
}
fieldset#credit_card_information div.formRow:first-of-type {
	margin-top:15px;
}
div.salsa.donation#salsa form.orderform div#left_container {
	display: inline-block;
	top: 275px;
	width: 50%;
	float: left;
	z-index: 999;
}
div.salsa.donation#salsa form.orderform div#right_container {
	display:inline-block;
	bottom:330px;
}
form.orderform #donation_amount div#recurrence {
	margin-bottom:0px;
}
form.orderform #donation_amount div#recurrence div.col-sm-3 {
	width:25%;
}
div#useCC {
	float:right !important;
	width:50%;
	top: -40px;
	position: relative;
}
div#useCC label {
	width:45%;
}
div#useCC div.blockInput {
	display:inline-block;
}
div#useCC div.blockInput select#ccExpYear {
	width:56%;
}
div.salsa.donation#salsa form.orderform div#useCC select#ccExpMonth, div#useCC input {
	width: 40%;
}
div#left_container fieldset#personal_information label {
	width:40%;
}
div#left_container fieldset#personal_information select.state_dropdown.salsa_state {
	width:43%;
}
div#submit {
	float:right;
	margin-top:-320px;
}
div#submit input {
	margin: 1.5em 2% .5em;
}
input[type="submit"] {
	width:100%;
	color:#ffffff;
	font-size:1.3em;
	padding:10px auto;
	background-color:#e61;
	border-radius:6px;
}


/*   ====   FOOTER   ====   */
footer.container {
	background-color:transparent;
	max-width:1024px;
	margin:10px auto;
	padding:0px 2% 0px 2%;
}
#presubmit_footer {
	position: relative;
	bottom: 310px;
	left: 390px;
	font-size: 12px;
	width: 50%;
}

@media (max-width:985px) {
	.break {
		display:block;
	}
	div#useCC {
		top:23px;
	}
}
@media (max-width:962px) {
	div#left_container {
		top:285px;
	}
	div#useCC {
		top:-13px;
	}
	div#presubmit_footer {
		bottom:320px;
		left:375px;
	}
	div#submit {
		margin-top: -340px;
	}
}
@media (max-width:962px) {
	span.break label[for="one_time"] {
		display:block;
	}
	div#useCC {
		top:-23px;
	}
	section div.container {
		padding: 25px 25px 15px 25px;
	}
	div#presubmit_footer {
		bottom:340px;
	}
}
@media (max-width:872px) {
	label[for="CVV2"] a {
		display:block;
	}
	header .col-sm-9 {
		padding-left: 5%;
	}
}
@media (max-width:872px) {
	section div.container {
		padding: 25px 20px 10px 20px;
	}
	div.salsa.donation#salsa form.orderform div.otherRow input {
		margin-right:1%;
	}
}
@media (max-width:784px) {
	section div.container {
		max-height:2000px;
	}
	header div.container {
		margin-top: 50px;
		padding: 20px 10px 10px 10px;
	}
	p.logo {
		display:none;
	}
	div#presubmit_footer {
		left: 0px;
		top: 0px;
		width:100%;
	}
	div#right_container div#useCC {
		top: 475px;
		float: left !important;
		width:100%;
	}
	div#presubmit_footer {
		left:0px;
	}
	div#left_container input[type="text"] {
		width:100%;
	}
	div#right_container {
		top:-490px;
	}
	div#ptc-amounts {
		margin:20px auto;
	}
	div#ptc-amounts div.gift-amt {
		display:block;
		margin:10px auto;
		width:100%;
	}
	form.orderform #donation_amount label.btn-default {
		width:28%;
		height:auto;
		margin:10px 2%
	}
	form.orderform #donation_amount label.btn-default span {
		font-size:2em;
	}
	div.salsa.donation#salsa form.orderform div#left_container {
		top:500px;
		width:100%;
	}
	form.orderform #donation_amount div#recurrence div.col-sm-3,div#recurrence div.col-sm-4 {
		width:100%;
	}
	div#recurrence span#recurring_options {
		width:50%;
	}
	label[for="one_time"] span.break,label[for="recurring"] span.break {
		display:inline;
	}
	div#left_container div.supporterInfo {
		top: -10px;
		position: relative;
	}
	label[for="CVV2"] a {
		display:inline;
	}
	div.salsa.donation#salsa form.orderform div.otherRow input#otheramt {
		width: 30%;
	}
	div#submit {
		margin-top:0px;
		margin-left:0px;
		float:left;
	}
	label[for="f7"] {
		margin: 10px 0px;
	}
	fieldset#credit_card_information div.formRow {
		margin-top:5px;
		margin-bottom:5px;
	}
	label.btn-lg.btn-default span {
		font-size:7em;
	}
}