@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	min-width: 375px;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header {
	clear: both;
	float: left;
	width: 100%;
	display: block;
/*
	margin-top: 15px;
	margin-bottom: 10px;
*/
}

#menu {
	display: none;
}

#pcMenu {
	display: none;
}

#return {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 10px;
}

#title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #c1c1c1;
	text-align: center;
	padding: 20px 10px;
}

#mobileDonate {
     clear: both;
     float: left;
     margin-left: 0;
     width: 100%;
     background-color: #0d8644;
     text-align: center;
     padding: 20px 11.5% 10px 11.5%;
     height: 80px;
}

#amountContainer{
	margin-bottom: 0px !important;
}

#carousel {
	clear: both;
    float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#donate {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#secure_title{
	width: 100%;
	display: block;
	margin: auto;
}

#browserError{
   /* width: 50%; */
   display: block;
   margin: auto;
   min-height: 500px;
   background-color: #0d8644;
   border-top : 3px solid #004068;
}

#error_title{
   width: 50%;
   display: block;
   margin: auto;
}

#errorText{
  padding :25px;
  margin: 10px;
}

#errorText p{
  color : white;
  font-weight: bold;
  font-size: 18px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #008500;
	padding: 20px 10px 20px 10px;
	color: #FFF;
	position: fixed;
	bottom: 0px;
}

#innerTab {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 5% 2% 5% 2%;
}

#wrapper .progress-bar {
  width: 21.89%;
  height:5px;
  background-color:#3C3C3C;
  display:inline-block;
  margin-left: -3.5px;
  margin-right: -5px;
}

#amountContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 20px 11.5% 20px 11.5%;
}

#topRow, #bottomRow {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#bottomRow {
     margin-bottom: 2px;
}

.amount-entry {
     margin:0 0 0 0;
}

.preset-amount {
     float:none;
     width: auto;
	 min-width: 32%;
     height:40px;
     position:relative;
	 color: #333333;
	 display: inline-block;
	 background-color: #c1c1c1;
	 margin: 0;
	 margin-bottom: -2px;
}

.amount-entry label, .amount-entry input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.donate-frequency-li {
     float:none;
     margin:0 5px 0 0;
	 width:auto;
     min-width: 40%;
	 height:auto;
     min-height: 130px;
     position:relative;
	 display: inline-block;
	 background-color: #c1c1c1;
}

#frequencyContainer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #c1c1c1;
	text-align: center;
	padding: 5% 12% 5% 12%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    color: #454545 !important;
}

#page1Buttons {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 11.5% 20px 11.5%;
}

#page1FinePrint {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#contactInfo {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 20px 11.5% 20px 11.5%;

}

#page2Buttons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 11.5% 20px 11.5%;
}

#paymentMeansSelect {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 0px 11.5% 20px 11.5%;
}

#ratesCCBT, #ratesPaypal, #noteOnFees {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#page3Buttons {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 0px 11.5% 20px 11.5%;
}

#submitContainerCCBT {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 11.5% 20px 11.5%;
}

#submitContainerPaypal {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 11.5% 20px 11.5%;
}

#faq {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: transparent;
	padding: 20px 11.5% 20px 10px;
}

#rdForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #62ab45;
	padding: 20px 11.5% 20px 11.5%;
}

#bankTransferForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #dddddd;
	padding: 20px 11.5% 2px 11.5%;
}

#paypalForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #002040;
}

#updatesContainer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 20px 11.5% 8px 15px;
}

#commentsCCBT {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#commentsPaypal {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#otherWaysToGive {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #62ab45;
	padding: 20px 11.5% 20px 11.5%;
}

.donate-owtg-li {
     float:none;
     margin:0 3% 5% 3%;
	 width:auto;
     min-width: 122px;
	 height: 120px;
     position:relative;
	 display: inline-block;
	 background-color: #62ab45;
}

.donate-owtg label, .donate-owtg input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#byMailForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#overThePhoneForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#donateStockForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#matchingGiftsForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

.p-owtg {
	float:right;
	margin-right: 2%;
	margin-top: 4%;
}

#logo {
	width: 100% !important;
	height: auto !important;
	margin: 0px;
}

#logo img {
	height: auto !important;
	width: 100% !important;
}

#bannerBar {
     width:100%;
     background-color:#004068;
     height: 40px;
}

#mobileMenu {
     clear: both;
     width: 100%;
     display: block;
     background-color: #004068;
}

#mobileDonate {
     display: block;
     text-decoration: none !important;
}

#logo {
	float: none;
}

#dateContainer {
	clear: none;
	float: right;
	margin-right: -3px;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 20px;
	text-align: right;
}

#recurringContainer {
	clear: none;
	float: right;
	margin-right: -3px;
	margin-left: 0;
	margin-top:20px;
	width: 100%;
	display: block;
	text-align: right;
}

#photos-div {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 20px;
}

#topRowPhotos, #bottomRowPhotos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.recurring-table tr td select {
	padding: 0px 14px;
}

div#owtgTopRow div div.selected:after, div#owtgBottomRow div div.selected:after {
	width: 0;
    height: 0;
    position: absolute;
    content:"";

    display:block;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 20px solid #0d8644;
    left: 50%;
	top: 119.5px;
    margin-left: -11.5px;
}

#aboutContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 11.5% 20px 11.5%;
}

#contactContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 20px 11.5% 20px 11.5%;
	background-color: #dddddd;
}

#clientInfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#companyInfo {
	clear: none;
	float: left;
	margin-left: 2.6785%;
	width: 100%;
	display: block;
}

.hidden-owtg{
	display: none;
}

#innerTab a{
	text-decoration: none;
	cursor: auto;
}

input[name="REB_CYCLES"]::-webkit-input-placeholder { /* Chrome */
  color: black;
}
input[name="REB_CYCLES"]:-ms-input-placeholder { /* IE 10+ */
	color: black;
}
input[name="REB_CYCLES"]::-moz-placeholder { /* Firefox 19+ */
	color: black;
  opacity: 1;
}
input[name="REB_CYCLES"]:-moz-placeholder { /* Firefox 4 - 18 */
	color: black;
  opacity: 1;
}

#adc_tooltip{
	position:absolute;
	top:-10px;
	left:-10px;
}

.tooltip-inner {
    width: 200px !important;
}

#owtgTab1,#owtgTab2,#donateOnlineTab1,#donateOnlineTab2{
	width:40px;
	height:40px;
}

#dateField{
	text-align: left;
	padding:0px 18px;
	border-radius: 4px;
	height: 40px;
}

#privacyPolicy{
	background-color: transparent ;
	color: black;
	padding-left:50px !important;
}


#ratesCCBT{
	padding-bottom: 13px !important;
}

#user_account{
	padding-top:3px;
	padding-left:35px;
}

#cycle_field,#frequencyCycle{
	border-radius: 4px;
	height: 40px;
}


a{
	color:#cde3a9 !important;
}

#aboutContainer a{
	color:#337ab7 !important;
}

#privacyPolicy,#termsOfAgreement1{
	outline:none !important;
}

#submitContainerCCBT a:hover{
	cursor: pointer !important;
}

#otherWaysToGive a{
	/* color:#0d8644 !important; */
	color:#004068 !important;

}

#companyInfo #faq .CollapsiblePanelContent{
		padding-left:25px;
		padding-right:25px;
		text-align: left;
}

.loader h4{
	text-align: center;
	font-weight: bold;
	color: #333333;
	position: relative;
	margin: 5% 10%;
}
.payment_loader{
	 margin: 40% auto 0% auto;
	 border: 16px solid #62ab45; /* Light grey */
	 border-top: 16px solid #92c840; /* Blue */
	 border-radius: 50%;
	 width: 100px;
	 height: 100px;
	 animation: payment_load 2s linear infinite;
}

@keyframes payment_load {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Safari */
@-webkit-keyframes payment_load {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

/*---------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 388px) {
	.gridContainer {
		min-width:0px !important;
	}

	.payment_loader{
		margin-top:15%;
	}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*
	margin-top: 15px;
	margin-bottom: 10px;
*/
}

	#secure_title{
		width:95%;
	}
	#owtgTab1,#owtgTab2,#donateOnlineTab1,#donateOnlineTab2{
		width:30px;
		height:30px;
	}

	.p-owtg,.p-donate-online{
		font-size:12px !important;
		float: left;
		padding-left:5px;
	}

	#otherWaysToGive{
		padding:10px 5%!important;
	}

	#donateOnlineTab1,#owtgTab1,#donateOnlineTab2,#owtgTab2{
		float: left;
	}

	#amount_span{
	    padding-left: 45% !important;
	}

	.hidden-owtg{
		display: block;
		margin-top: 0px;
	}

	.show-owtg{
		display: none;
	}

	#amount_span{
		padding-left: 5%;
	}
	#info_span{
		margin-left: 5%;
	}
	#payment_span{
		margin-left: -15%;
	}

	#clientInfo h2{
		text-align:center;
	}

	#companyInfo h2{
		text-align:center;
	}

	.header_details{
		font-size:1.3em !important;
	}

	.don_dec input[value="Home"],.don_err input[value="Home"]{
		display: block;
		margin: 0px auto 20px auto !important;
	}

	.donate-payment1 li{
		height: 65px !important;
	}
	.donate-payment1 label img{
		height: 40px !important;
	}

		#creditCardForm input,#creditCardForm select{
			width: 80% !important;
			display: block !important;
			margin:auto !important;
		}
		#CC_NUM{
			padding-top:10px;
		}
	#creditCardForm{
		background-color:#dddddd;
		padding-bottom: 2px;
	}


	#page2 #faq{
		background-color: #0d8644;
	}

	#privacyPolicy{
		padding-left:11% !important;
	}

	#CollapsiblePanel9 .CollapsiblePanelContent{
		padding-left:11% !important;
	}

	#page3Buttons {
		padding-top:15px;
	}
	#siteseal{
		float :none !important;
		text-align: center;
	  margin-bottom: 15px !important;
		margin-top :15px !important;
	}
	#seal_processor img{
		float:none !important;
	}

	.de_title{
		padding-left: 10px;
	}

	#sb_err_txt{
	float: left;
	clear: both;
	padding: 0px 5% 0px 5%;
	margin: 15px;
}

}
/* Tablet Layout: 481px to 593px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 389px) and (max-width: 480px){

	.payment_loader{
		margin-top:15%;
	}

	#clientInfo h2{
		text-align:center;
	}

	#companyInfo h2{
		text-align:center;
	}

	#secure_title{
		width:95%;
	}

		.header_details{
			font-size:1.3em !important;
		}

			#creditCardForm input,#creditCardForm select{
				width: 80% !important;
				display: block !important;
				margin:auto !important;
			}
			#CC_NUM{
				padding-top:10px;
			}
		#creditCardForm{
			background-color:#dddddd;
			padding-bottom: 2px;
		}


#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*
	margin-top: 15px;
	margin-bottom: 10px;
*/
}

		#amount_span{
			padding-left: 65%;
		}
		#info_span{
			margin-left: 20%;
		}
		#payment_span{
			margin-left: -15%;
		}

		.p-owtg{
			padding-right:5px;
		}

		.p-donate-online{
			padding-right:40px !important;
		}

		#seal_processor img{
			float:none !important;
		}

		#page3Buttons {
			padding-top:15px;
		}

		#page2 #faq{
			background-color: #0d8644;
		}
		#siteseal{
			float :none !important;
			text-align: center;
		  margin-bottom: 15px !important;
			margin-top :15px !important;
		}

		#sb_err_txt{
			float: left;
			clear: both;
			padding: 0px 5% 0px 5%;
			margin: 15px;
		}

}
@media only screen and (min-width: 481px) {

#logo {
	width: 300px;
	height: 100px;
	margin: auto;
     text-align: center;
}

#logo img {
	max-height: 100px;
	max-width: 300px;

}

	.gridContainer {
		width: 100%;
		max-width: 966px;
		padding-left: 0%;
		padding-right: 0%;
	}

	#seal_processor img{
		float:none !important;
	}

	#privacyPolicy{
		padding-left:18% !important;
	}

	#CollapsiblePanel9 .CollapsiblePanelContent{
		padding-left:18% !important;
	}



	#page2 #faq{
		background-color: #0d8644;
	}

#secure_title{
	width:90%;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}

#menu {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: 40px;
	background-color: #004068;
}

#pcMenu {
	clear: both;
	float: left;
	margin-left: -2px;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -40px;
}

#return {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 1% 1%;
}

#title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #c1c1c1;
	padding: 1% 1%;
}

#carousel {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
}

#donate {
	clear: none;
	float: left;
	margin-left: 0;
	display: block;
    width: 90%;
}

#browserError{
	width: 90%;
}


#faq {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 20px 16.5% 20px 10px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #008500;
	padding: 20px 16.5% 20px 16.5%;
	color: #FFF;
	position:relative;
	bottom: 0px;
	height: 60px;
}

#innerTab {
	clear: none;
	margin-left: 0%;
	width: 100%;
	display: block;
	padding: 5% 2% 5% 2%; /*Nicole changed 20px 16.5% 20px 16.5%;*/
	font-size: 15px;
	font-weight: bold;
}

#amountContainer {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 20px 16.5% 20px 16.5%;
}

#topRow, #bottomRow {										/* 532 to 768 -> 1 line */
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#frequencyContainer {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #c1c1c1;
	text-align: center;
	padding: 5% 12% 5% 12%; /*Nicole changed 20px 16.5% 20px 16.5%;*/
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    color: #454545 !important;
}

#page1Buttons {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 16.5% 20px 16.5%;
}

#contactInfo {
	clear: none;
	float: left;
	margin-left: 0;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 20px 16.5% 20px 16.5%;
	width: 100%;
}

#page2Buttons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 16.5% 20px 16.5%;
}

#paymentMeansSelect {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 0px 16.5% 20px 16.5%;
}

#ratesCCBT, #ratesPaypal, #noteOnFees {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 16.5% 20px 16.5%;
}

#page3Buttons {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 15px 16.5% 20px 16.5%;
}

#submitContainerCCBT {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 20px 16.5% 20px 16.5%;
}

#submitContainerPaypal {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 20px 16.5% 20px 16.5%;
}

#page1FinePrint {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 16.5% 20px 16.5%;
}

.form-group{
	vertical-align:middle;
}

#creditCardForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 16.5% 0px 16.5%;
}

#siteseal{
	float :none !important;
	text-align: center;
	margin-bottom: 15px !important;
	margin-top :15px !important;
}


#bankTransferForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #dddddd;
	padding: 20px 16.5% 0px 16.5%;
}

#paypalForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#updatesContainer {
	clear: none;
	float: left;
	margin-left: 0;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #0d8644;
	padding: 20px 16.5% 8px 15px;
	/* [disabled]width: 100%; */
}

#commentsCCBT {
	clear: none;
	float: left;
	margin-left: 0;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #dddddd;
	padding: 20px 16.5% 20px 16.5%;
}

#commentsPaypal {
	clear: none;
	float: left;
	margin-left: 0;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #dddddd;
	padding: 20px 16.5% 20px 16.5%;
}

.amount-entry {
     margin:0 0 0 0;
}

.preset-amount {
     float:none;
	 width:auto;
     min-width: 32.5%;
     height:40px;
     position:relative;
	 color: #333333;
	 display: inline-block;
	 background-color: #c1c1c1;
	 margin: 0;
	 margin-bottom: -2px;
}

.amount-entry label, .amount-entry input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#wrapper .progress-bar
{
	margin-bottom: 0.5%;
	width: 23.2%;
	height:5px;
	background-color:#3C3C3C;
	display:inline-block;
	margin-left: -3.5px;
	margin-right: -5px;
}

.donate-frequency-li {
     float:none;
     margin:0 5px 0 0;
	 width:auto;
     min-width: 130px;
	 height:auto;
     min-height: 120px;
     position:relative;
	 display: inline-block;
	 background-color: #c1c1c1;
}

#otherWaysToGive {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #62ab45;
	padding: 20px 11.5% 20px 11.5%;
}

.donate-owtg-li {
     float:none;
     margin:0 14% 5% 3%;
	 width:auto;
     min-width: 32%;
	 height: 150px;
     position:relative;
	 display: inline-block;
	 background-color: #62ab45;
}

.donate-owtg label, .donate-owtg input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#byMailInfo {
     clear: none;
     float: left;
     margin-left: 0;
     width: 100%;
     display: block;
	 background-color: #002040;
	 padding: 20px 16.5% 20px 16.5%;
}

#overThePhoneForm {
     clear: none;
     float: left;
     margin-left: 0;
     width: 100%;
     display: block;
	 background-color: #dddddd;
	 padding: 20px 16.5% 20px 16.5%;
}

#donateStockForm {
     clear: none;
     float: left;
     margin-left: 0;
     width: 100%;
     display: block;
	 background-color: #dddddd;
	 padding: 20px 16.5% 20px 16.5%;
}

#matchingGiftsForm {
     clear: none;
     float: left;
     margin-left: 0;
     width: 100%;
     display: block;
	 background-color: #dddddd;
	 padding: 20px 16.5% 20px 16.5%;
}

.p-donate-online {
	float:right;
	margin-top: 3%;
	margin-right: 28%;
	padding-right:35px !important;
}

.p-owtg {
	float:right;
	margin-right: 23%;
	margin-top: 3%;
}

#mobileMenu {
	display: none;
}

#mobileDonate {
	display: none;
}

#logo {
	float: none;
}

#dateContainer {
	clear: none;
	float: right;
	margin-right: -3px;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 20px;
	text-align: right;
}

#recurringContainer {
	clear: none;
	float: right;
	margin-right: -3px;
	margin-left: 0;
	margin-top:20px;
	width: 100%;
	display: block;
	text-align: right;
}

#photos-div {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 20px;
	margin-bottom: 100px;
}

.image-with-hover-overlay img {					/*Photos img dimension */
  width: 100%;
  height: auto;
  min-height: 120px;
}

.td50 tr td select {
	padding: 0px 14px;
}

.recurring-table tr td select {
	padding: 0px 20px;
}

div#owtgTopRow div div.selected:after, div#owtgBottomRow div div.selected:after {
	width: 0;
    height: 0;
    position: absolute;
    content:"";

    display:block;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 20px solid #0d8644;
    left: 50%;
	top: 149.5px;
    margin-left: -11.5px;
}

#aboutContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 100px;
	background-color: #dddddd;
	padding: 20px 16.5% 20px 16.5%;
}

#clientInfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#companyInfo {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 100%;
	display: block;
}

#sb_err_txt{
	float: left;
	clear: both;
	padding: 0px 5% 0px 5%;
	margin: 15px;
}

}

/*---------------------------------------------------------------------------------------------------------------*/

/* 594px to 775px */
@media only screen and (min-width: 594px) {


	#secure_title{
		width: 85%;
		display: block;
		margin: auto;
	}

	#donate{
		width: 85%;
	}

	#browserError{
		width: 85%;
	}


	#amount_span{
		padding-left: 75%;
}
#info_span{
	margin-left: 30%;
}
#innerTab {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 5% 2% 5% 2%; /*Nicole changed 20px 16.5% 20px 16.5%;*/
}

#wrapper .progress-bar {
	width: 22.75%;
	height:5px;
	background-color:#3C3C3C;
	display:inline-block;
	margin-left: -3.5px;
	margin-right: -5px;
}

#amountContainer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 16.5% 20px 16.5%;
	text-align: center;
}

#topRow {
	clear: none;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align:left;
}

#bottomRow {
	clear: none;
	float: right;
	margin-left: 0;
	width: 50%;
	display: block;
}

.preset-amount {
     float:none;
     width: auto;
	 min-width: 31.8%;
     height:40px;
     position:relative;
	 color: #333333;
	 display: inline-block;
	 background-color: #c1c1c1;
	 margin: 0;
	 margin-bottom: -2px;
}

#contactInfo {
	clear: none;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 20px 16.5% 20px 16.5%;
}

#page2Buttons {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #0d8644;
	padding: 20px 16.5% 50px 16.5%;
}

.p-donate-online {
	float:right;
	margin-top: 3%;
	margin-right: 35%;
}

.p-owtg {
	float:right;
	margin-right: 30%;
	margin-top: 3%;
}

#mobileMenu {
	display: none;
}

#mobileDonate {
	display: none;
}

#topRowPhotos, #bottomRowPhotos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.td50 tr td select {
	padding: 0px 30px;
}

.recurring-table tr td select {
	padding: 0px 16px;
}
#siteseal{
	float :none !important;
	text-align: center;
	margin-bottom: 15px !important;
	margin-top :15px !important;
}

#sb_err_txt{
	float: left;
	clear: both;
	padding: 0px 12% 0px 12%;
	margin: 15px;
}

}

/*---------------------------------------------------------------------------------------------------------------*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 767px) {


	#amount_span{
		padding-left: 40%;
	}
	#info_span{
		margin-left: 5%;
	}
	#payment_span{
		margin-left: -15%;
	}
.gridContainer {
	width: 100%;
	max-width: 955px;
	padding-left: 0%;
	padding-right: 0%;
}

#secure_title{
	width: 55%;
	display: block;
	margin: auto;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 15px;
}

#menu {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: 40px;
	background-color: #004068;
}

#pcMenu {
	clear: both;
	float: left;
	margin-left: -2px;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -40px;
}

#return {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 1% 1%;
}

#title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 1% 1%;
}

#carousel {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width: 50%;
}

#donate {
	/* [disabled]clear: none; */
	float: left;
	margin-left: 0;
	width: 55%;
	display: block;
	padding-bottom: 60px;
	min-height: 743px;
	height: auto;
	background-color: #0d8644;
}

#browserError{
	width: 55%;
}


/* #secure_title{
	width: 50%;
	display: block;
	margin: auto;
} */

#faq {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: transparent;
	padding: 20px 12% 20px 10px;
}

#footer {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
	position: fixed;
	padding: 20px 12% 20px 12%;
}

#innerTab {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	/*padding: 5% 2% 5% 2%;*/ /*Nicole changed 20px 12% 20px 12%*/
    padding: 20px 12% 20px 12%;
}

#amountContainer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
	text-align: center;
}

#frequencyContainer {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	/*padding: 5% 12% 5% 12%;*/ /*Nicole changed 20px 12% 20px 12%;*/
    padding: 20px 12% 20px 12%;
	background-color: #c1c1c1;
	text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    color: #454545 !important;
}

#page1Buttons {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 12% 20px 12%;
}

#contactInfo {
	clear: none;
	width: 100%;
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 20px 12% 20px 12%;
}

#page2Buttons {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #0d8644;
	padding: 20px 12% 50px 12%;
}

#paymentMeansSelect {
	clear: both;
	float: left;
	margin-left: 0;
	/* [disabled]width: 57.8754%; */
	display: block;
	background-color: #dddddd;
	text-align: center;
	padding: 0px 12% 20px 12%;
}

#ratesCCBT, #ratesPaypal, #noteOnFees {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
}

#page3Buttons {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 20px 12% 20px 12%;
}

#submitContainerCCBT {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 20px 12% 20px 12%;
}

#submitContainerPaypal {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 20px 12% 20px 12%;
}

#page1FinePrint {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
	text-align: justify;
}

.form-group{
	vertical-align:middle;
}

#creditCardForm {
	clear: none;
	float: left;
	margin-left: 0%;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 0px 12%;
	/* [disabled]width: 49.4505%; */
}

#bankTransferForm {
	clear: none;
	float: left;
	margin-left: 0%;
	/* [disabled]width: 100%; */
	display: block;
	text-align: center;
	background-color: #dddddd;
	padding: 20px 12% 2px 12%;
	/* [disabled]width: 49.4505%; */
}

#paypalForm {
	clear: none;
	float: left;
	margin-left: 0%;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #002040;
	/* [disabled]width: 49.4505%; */
}

#updatesContainer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0d8644;
	padding: 20px 12% 8px 15px;
}

#commentsCCBT {
	clear: none;
	float: left;
	margin-left: 0%;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
	/* [disabled]width: 49.4505%; */
}

#commentsPaypal {
	clear: none;
	float: left;
	margin-left: 0%;
	/* [disabled]width: 100%; */
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
	/* [disabled]width: 49.4505%; */
}

#topRow, #bottomRow {										/* 2 rows b/w 768px to 950px */
	clear: none;
	float:left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#wrapper .progress-bar
{
	width: 22%;
	height:5px;
	background-color:#3C3C3C;
	display:inline-block;
	margin-left: -3.5px;
	margin-right: -5px;
}

.amount-entry {
     margin:0 0 0 0;
}

.preset-amount {
     float:none;
     width: auto;
	 min-width: 32.4%;
     height:40px;
     position:relative;
	 color: #333333;
	 display: inline-block;
	 background-color: #c1c1c1;
	 margin: 0;
	 margin-bottom: -2px;
}

.amount-entry label, .amount-entry input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.donate-frequency-li {
     float:none;
     margin:0;
	 width:auto;
     min-width: 130px;
	 height:auto;
     min-height: 120px;
     position:relative;
	 display: inline-block;
	 background-color: #c1c1c1;
}

#otherWaysToGive {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #62ab45;
	padding: 20px 10% 20px 10%;
	text-align:center;
}

.donate-owtg-li {
     float:none;
     margin:0 3% 5% 3%;
	 width:auto;
     min-width: 129px;
	 height: 130px;
     position:relative;
	 display: inline-block;
	 background-color: #62ab45;
}

.donate-owtg label, .donate-owtg input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#byMailForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
}

#overThePhoneForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
}

#donateStockForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
}

#matchingGiftsForm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
}

.p-donate-online {
	float:right;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 20%;
}

.p-owtg {
	float:right;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 5%;
}

#dateContainer {
	clear: none;
	float: right;
	margin-right: -3px;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 20px;
	text-align: right;
}

#recurringContainer {
	clear: none;
	float: right;
	margin-right: -3px;
	margin-left: 0;
	margin-top:20px;
	width: 100%;
	display: block;
	text-align: right;
}

#mobileMenu {
	display: none;
}

#mobileDonate {
	display: none;
}

#photos-div {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 20px;
	margin-bottom: 100px;
}

.image-with-hover-overlay img {					/*Photos img dimension */
  width: 100%;
  height: auto;
  min-height: 123px;
}

#topRowPhotos, #bottomRowPhotos {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

.td50 tr td select {
	padding: 0px 6px;
}

.recurring-table tr td select {
	padding: 0px 16px;
}

div#owtgTopRow div div.selected:after, div#owtgBottomRow div div.selected:after {
	width: 0;
    height: 0;
    position: absolute;
    content:"";

    display:block;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 20px solid #0d8644;
    left: 50%;
	top: 129px;
    margin-left: -11.5px;
}

#aboutContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 100px;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
}

#clientInfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}

#companyInfo {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
}


#privacyPolicy{
			padding-left: 40px !important;
}

#sb_err_txt{
	float: none;
	clear: none;
	padding : 0px;
	margin: auto;
}

}

/*---------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 955px) {


	#privacyPolicy{
				padding-left: 50px !important;
	}

	#amount_span{
		padding-left: 50%;
	}
	#info_span{
		margin-left: 5%;
	}
	#payment_span{
		margin-left: -15%;
	}

#innerTab {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #0d8644;
	text-align: center;
	padding: 5% 2% 5% 2%; /*Nicole changed 20px 12% 20px 12%;*/
}

#wrapper .progress-bar {
	width: 24.2%;
	height:5px;
	background-color:#3C3C3C;
	display:inline-block;
	margin-left: -3.2px;
	margin-right: -5px;
}

#amountContainer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #dddddd;
	padding: 20px 12% 20px 12%;
	text-align: center;
}

#topRow {
	clear: none;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align:left;
}

#bottomRow {
	clear: none;
	float: right;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-right: -1px;
}

.preset-amount {
     float:none;
     width: auto;
	 min-width: 31.5%;
     height:40px;
     position:relative;
	 color: #333333;
	 display: inline-block;
	 background-color: #c1c1c1;
	 margin: 0;
	 margin-bottom: -2px;
}

.p-donate-online {
	float:right;
	margin-top: 10px !important;
	margin-bottom: 5%;
	/*margin-right: 1%;*/ /*Nicole changed. margin-right 50px was too much*/
    margin-right: 50px;
		padding-right: 60px !important;
}

.p-owtg {
	float:right;
	/*margin-right: 3%;*/ /*Nicole changed. 12% was too much*/
    margin-right: 12%;
	margin-top: 9px;
	padding-right: 25px;
}

.image-with-hover-overlay img {					/*Photos img dimension */
  width: 100%;
  height: auto;
  min-height: 155px;
}

#menu {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: 40px;
	background-color: #004068;
}

#pcMenu {
	clear: both;
	float: left;
	margin-left: -2px;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -40px;
}

    /*Nicole adjusted width to match the carousel. Browser incompatibility issue with Chrome though
    */
#donate {
	/* [disabled]clear: none; */
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	padding-bottom: 60px;
	min-height: 743px;
	height: auto;
	background-color: #0d8644;
	margin-bottom: 100px
}

#browserError{
	width: 50%;
}

#secure_title{
	width: 50%;
	display: block;
	margin: auto;
}



}

@media only screen and (min-width: 992px) {

	#siteseal{
		text-align: initial !important;
		margin-bottom: 0px !important;
		margin-top :0px !important;
	}
	#seal_processor div:first-child img{
		float:right !important;
	}

	#seal_processor div:last-child img{
		float:left !important;
	}

}