/*
body {
	height: 100%;
	color: #010000;
	font-family: Calibri, Arial, Helvetica, sans-serif!important;
	background-color: #DBDDE2;
}
*/
body .container label.add-on {
	margin-top: 5px !important;
	margin-right: -4px !important;
	border-right: none !important;
	padding: 8px;
	font-size: .9em;
	width:28%;
	text-align: left;
	min-width: 120px;
	overflow: hidden;
	white-space: nowrap;
}
body .container input[type="text"],  body .container [type="password"],  body .container [type="datetime"],  body .container [type="datetime-local"],  body .container [type="date"],  body .container [type="month"],  body .container [type="time"],  body .container [type="week"],  body .container [type="number"],  body .container [type="email"],  body .container input[type="url"],  body .container input[type="search"],  body .container input[type="tel"],  body .container input[type="color"] {
	-webkit-border-radius: 0 3px 3px 0 !important;
	-moz-border-radius: 0 3px 3px 0 !important;
	border-radius: 0 3px 3px 0 !important;
	padding: 8px;
	font-size: 1.15em;
	width: 60%;
	min-width: 150px;
}
h3 {
	font-size: 17px;
}
input[type="checkbox"]:checked + label {
	color: black !important;
	font-weight: 500;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
	background-color: #F2DEDE;
	border-color: #b64040;
}
.control-group.error p, #hidden-amt p.error {
	color: #b64040;
}
/* Style Adjustments */

/*************************************ALLEN, remeber that anthing with an ID that you change will need to be changed in this section to reflect whatever you name it, same thing goes for the stuff in the Javascript. */

.container h1 {
	line-height: 64px;
	color: #7E0F2E;
}
#hidden-amt {
	margin-left: 40px;
	width:504px;
	height:67px;
	float:left;
	font-size: 1.65em;
	position:relative;
	background-color: white;
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.amount-span label input, .tType-span label input, .card-type label input {
	width: 0;
	/* and/or */

	-moz-opacity:0;
 filter:alpha(opacity:0);
	opacity:0;
	position:absolute;
	left: -99999px;
}
#cancelOther {
	cursor: pointer;
	position:absolute;
	top:5px;
	right:5px;
}
#donationAmountOther {
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:none;
	font-size: 2.2em;
	height: 56px;
	width: 430px;
	margin-top: -24px;
	padding:0;
	line-height: 56px;
	font-weight: bold;
	float: left;
	margin: 4px 0 !important;
}
#donationAmountOther:focus {
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#hidden-amt.error, .control-group.error .phone-form {
	border-color: #B94A48;
	color: #B94A48;
}
#hidden-amt.error.focusField, .control-group.error .phone-form.focusField {
	border-color: #B94A48 !important;
	box-shadow: 0 0 6px #D59392 !important;
}
#hidden-amt.error input {
	color: #B94A48 !important;
}
#amountWrapper {
	margin-bottom:20px;
}
#amountWrapper p.error {
	clear: both;
	color: #B64040;
	margin-bottom: 0;
	margin-left: 220px;
}
#paymentOptionsWrapper {
	margin-bottom: 5px;
}
#hidden-amt p.error {
	font-size: 13px;
	padding-bottom:0;
	margin-bottom:0;
}
#hidden-amt label {
	line-height:57px;
	font-weight:bold;
	float: left;
	font-size:2.35em;
	color:#CCCCCC;
	padding: 5px 0 5px 10px;
}
a.otherClose {
	filter: alpha(opacity=60);
	opacity:0.6;
	position:absolute;
	top:5px;
	right:5px;
}
a.otherClose:hover {
	filter: alpha(opacity=100);
	opacity:1.0;
}
#paymentMethod h3, #billingMethod h3 {
	margin-bottom: 18px;
}
#cc, #paybycheck {
	padding-left: 3px;
}
body .container #cc .cvv label {
	min-width: 20px;
	max-width: 50px;
}
body .container #cc .cvv input {
	width: 80px !important;
	min-width: 80px;
}
.cvvhelp {
	display: inline;
	float: left;
	line-height: 50px;/*  margin-left: -40px !important; */

	}
.cc-expiration select {
	width: 80px;
}
.cc-expiration {
	clear: both;
	margin-top: 18px;
}
.modal-body .row {
	max-width: 500px;
	margin-left: 25px;
}
.form-inline {
	margin-bottom: 18px;
}
#paybycheck label {
	width:25%;
	text-align: right;
	min-width: 120px;
	margin-right: 15px;
}
#paybycheck select {
	width: 60%;
	min-width: 150px;
}
.sttext {
	margin-top: 20px;
	border: 1px solid #CCCCCC;
	background-color: #efefef;
	clear: both;
	padding: 20px;
	font-size: 0.85em;
}
.state-view {
	margin-left: 140px;
}
.billing-info {
	margin-left: 5px;
}
#country {
	width: 197px;
}
.edit-country {
	/* color: #666666; 
padding-left: 12px;
*/
	float: left;
	font-size: 0.95em;
	font-style: normal;
	line-height: 2.5em;
	
}
.edit-country-inline {
	float: left;
	width: 280px;
}
h3.middleH3 {
	margin-top:20px;
	width: 100% !important;
}
#billingMethod h3 {
	width: 175px;
	float: left;
}
.edit-country a {
	margin-left: 10px;
}
#stateProvince, #provinceRec {
	width: 150px;
}
.zip-code input {
	width: 125px !important;
	min-width: 125px !important;
}
.zip-code label {
	width: 45px !important;
	min-width: 45px !important;
}
.zip-code {
	margin-left: 10px;
	margin-bottom: none;
}
.state-zip {
	margin-bottom: 5px;
}
.billing-info input[type="checkbox"] {
	margin-top: -2px !important;
	margin-right: 5px;
}
.amount-span:first-child {
	margin-left: 40px;
}
.amount-span {
	float: left;
}
.tType-span {
	float: left;
	width: 140px;
}
.amount-span input, .tType-span input {
	margin: -6px 1px;
}
.tType-span label {
	font-weight: bold;
	font-size: 1.45em;
	padding: 18px;
}
.amount-span label {
	font-weight: bold;
	font-size: 1.65em;
	padding: 20px;
}
.row-standout .alert {
	margin-left: 220px;
}
.tribute .row-standout .alert {
	margin-left: 178px;
}
.tType-span:first-child {
	margin-left: 0px !important;
}
.verasign {
	float: right !important;

	text-align: right;
	padding-right:5px;
}
.donte-btn {
	font-size: 1.75em;
	padding: 10px;
	float: right;
	font-weight: bold;
	/*margin-right: 30px;*/
	margin-right: 14px;
}
.dontate-final {
	text-align: right;
}
.think-btn {
	width: 225px;
	text-align: left;
}
.think-btn img {
	margin-right: 10px;
}
.send-row {
	margin-top: 18px;
}
.card-type {
	margin-bottom: 18px;
}
.card-type input {
	margin: -6px 6px 0 0;
}
.card-type a {
	margin-left: 20px;
}
.card-type label {
	min-width: 95px;
}
.countable, .countable-email {
	width: 90%;
	min-height: 100px;
}
.email-confirm {
	margin-top: 9px;
}
.email-confirm input[type="checkbox"] {
	margin-top: -2px !important;
}
.tribute .alert-error {
	width: 380px;
}
.email-row h3 {
	margin-bottom: 18px;
}
#MailCardAddie h3 {
	margin-bottom: 18px;
}
#jqEasyCounterMsg {
	min-width: 200px;
	margin-right: 0;
	float: right;
}
.phone-donate {
	position: absolute;
	bottom:0;
	right:0;
	font-weight:bold;
	font-size:1em;
	padding: 10px 15px;
	color: #777;
	background-color: rgba(250, 250, 250, .8);
	-webkit-box-shadow: inset 0px -4px 8px -4px rgba(0, 0, 0, .28);
	box-shadow: inset 0px -4px 8px -4px rgba(0, 0, 0, .28);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: whiteSmoke;
	background-image: -ms-linear-gradient(top, white, #E6E6E6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
	background-image: -webkit-linear-gradient(top, white, #E6E6E6);
	background-image: -o-linear-gradient(top, white, #E6E6E6);
	background-image: linear-gradient(top, white, #E6E6E6);
	background-image: -moz-linear-gradient(top, white, #E6E6E6);
	background-repeat: repeat-x;
}
.row-standout {
	margin-top: 2em;
}
.line-top {
	border-top:1px solid #eeeeee;
	padding: 18px 0 9px 0;
	margin-top:9px;
}
.line-bottom {
	border-bottom:1px solid #eeeeee;
	padding-top:9px;
	margin-top:9px;
}
.help-text {
	font-style: italic;
	color: #888;
}
.alpha {
	margin-left:0px;
}
.omega {
	margin-right:0px;
}
.under {
	text-decoration: underline;
}
/* Wrapper Builder */



/* The wrapper */

.pageWrapper {
	/*background-color: #FFFFFF; */
	/*border: 1px solid #CCC;
	/*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);*/
	margin: 0 auto 10px auto;
	max-width: 960px;
	padding: 20px;
}
#header {
	margin-bottom: 20px;
	position: relative;
}
.phone-donate:hover {
	text-decoration: none !important;
	cursor: text;
	color: #414142 !important;
}
/* St Jude Global Styles */



#stjudeLogo {
	margin-top: 10px;
	float:left;
}
.findingCures {
	float:left;
	margin:45px 0 0 15px;
}
#header, div#mainNav, div#content {
/*	width: 963px; */
	margin:auto;
}
#header {
	padding-bottom:10px;/*	height: 105px;*/

}
ul#topNav {
	display:block;
	list-style:none;
	float:right;
	padding-top: 5px;
}
ul#topNav li {
	display:inline;
	background:none;
}
ul#topNav li a {
	font-size: 11px;
	float:left;
	color:#414142;

	text-decoration:none;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #a09f9e;
}
ul#topNav li:first-child a {
	border:0px;
}
ul#topNav li a:hover {
	color:#931638;
	text-decoration:underline;
}
ul#topNav a.donateBtn {
	text-align:center;
	border:none;
	display:block;
	background:url(/Images/topDonateBtn.jpg) center top no-repeat;
	color: white;
	height: 23px;
	width: 65px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -3px;
	margin-left: 8px;
	padding-top: 3px;
	font-weight:bold;
}
ul#topNav a.donateBtn:hover {
	color:#ffcc66;
	text-decoration:none;
}
ul#topNav a.referBtn {
	text-align: center;
	border: none;
	display: block;
	background:url(/Images/topReferBtn.jpg) center top no-repeat;
	color: white;
	height: 23px;
	width: 80px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -3px;
	margin-left: 5px;
	padding-top: 3px;
	font-weight: bold;
}
ul#topNav a.referBtn:hover {
	color:#ffcc66;
	text-decoration:none;
}
#header #siteSearch {
	float:right;
	margin-top: 15px;
	background:url(images/searchboxBg.gif) top right no-repeat;
	width:198px;
	height: 29px;
}
#header #siteSearch:hover {
	background:url(images/searchboxBgR.gif);
}
#header #siteSearch input {
	background:none;
	border:none;
	float:right;
	width: 28px;
	height: 25px;
	cursor:pointer;
}
#header #siteSearch input[type="text"] {
	font-size: 11px;
	color:#222;
	float:left;
	padding: 3px;
	width: 157px;
	height:16px;
	margin: 4px 0px 0px 5px;
	cursor:text;
}
#header #siteSearch input[type="text"]:hover, div#header #siteSearch input[type="text"]:focus {
	background:#fff5e2;
}
.focusField {
	border-color:rgba(82, 168, 236, 0.8) !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
	outline:0;
	outline:thin dotted \9;
}
/* 

#footer{

	background:url(../../images/expressDonation/footerBg_trans.jpg) top center no-repeat;

	width: 100%;

	margin-top: 20px;

	padding-top: 60px;

	height:60px;

	clear:both;

	text-align: left;

}

 

#footer p{

	display:block;

	color:#384474;

	font-size: 10px;

	margin-bottom:0px;

}



#footer a{

	color:#384474;

	padding: 0px 10px;

	border-left:1px solid #384474;

	text-decoration:none;

}

*/

#footer p a:first-child {
	padding-left:0px;
	border-left:0px;
}
/*

#footer a:hover{

	color:#931638;	

	text-decoration:underline;

}

*/

/* Fix everything that we broke in fireflox. */

/*@-moz-document url-prefix() {

   body .container input[type="text"],

body .container [type="password"],

body .container [type="datetime"],

body .container [type="datetime-local"],

body .container [type="date"],

body .container [type="month"],

body .container [type="time"],

body .container [type="week"],

body .container [type="number"],

body .container [type="email"],

body .container input[type="url"],

body .container input[type="search"],

body .container input[type="tel"],

body .container input[type="color"]{

	margin-top:-1px;

	}

	

	.amount-span input{

	margin: -2px 1px;

	}

}*/





.phone-form {
	background-color: white;
	border: 1px solid #CCC;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	font-size: 1.15em;
	width: 275px;
	min-width: 275px;
	display: inline-block;
	height: 32px;
	padding: 2px 1px 0 10px !important;
	font-size: 13px;
	color: #555;
	position:relative;
	top:15px;
}
/*@-moz-document url-prefix(){

	.phone-form{

	top:0px;

	}

}*/



body .phone-form input#phoneNumber1, body .phone-form input#phoneNumber2 {
	box-shadow: none;
	height: 14px !important;
	position:relative;
	top: 1px;
	width:30px;
	min-width:30px;
	text-align:center;
}
body .phone-form input#phoneNumber3 {
	width: 50px !important;
	min-width:50px !important;
	box-shadow: none;
	height: 14px !important;
	text-align:center;
	position:relative;
	top: 1px;
}
.phone-form input[type="text"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.container .phone-form input[type="text"] {
	display: inline-block;
	height: 16px;
	border: none;
}
.security-state {
	background: transparent url(../images/closedLock.gif) no-repeat top left;
	font-size: 1em;
	color: #999;
}
.security-state p {
	padding-left: 25px;
}
.security-state p:first-child {
	padding-top: -5px;
}
.foot-logo {
	line-height: 60px;
}
.clear {
	clear:both;
}
.clearAll {
	color: white;
}
.clearAll:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#tributeheader {
	margin-bottom: .75em;
}
/* set char counter width */

.jqEasyCounterMsg {
	width:90%;
}
/*.modal-body { 

	overflow-x:hidden !important;

	padding:0 !important;

	position:relative;

        z-index: 999999;

}

.modal-backdrop {

    background-color: #000000;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: -1;

}*/

.nav-tabs {
	float: left;
	width: 100%;
}
#modal-body iframe {
	position:relative;
}
#loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-image: url(../../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color: rgba(256, 256, 256, 0.6);
	color: White;
	font-weight: bold;
}
.telecheckConfirm {
	background-color: #FBEDC4;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 5px;
	padding: 7px;
}
.stateWrap {
	/*	vertical-align:top;

	margin-top: 9px;

	width: 198px; */

 float: left;
	margin-top:5px;
	vertical-align: top;
	width: 217px;
}
.stateWrap select {
	margin-bottom: 3px;
}
.zipWrap {
	width: 206px;
}
.tab-content {
	clear:both;
}
.nav-tabs > li > a {
	border: 1px solid #efefef;
	border-bottom: none;
}
.nav-tabs > li > a, .nav-pills > li > a {
	margin-right: 4px;
}
#paybypaypal {
	margin: 35px auto auto;
	text-align: center;
	width: 75%;
}
.remember-billing {
	margin:20px 0 15px;
}
label.btn:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(239, 239, 239, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
	color:#000000;
}
label.btn-primary:hover {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #A5BA08;
 *background-color: #A5BA08;
	background-image: -moz-linear-gradient(top, #A5BA08, #A5BA08);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A5BA08), to(#A5BA08));
	background-image: -webkit-linear-gradient(top, #A5BA08, #A5BA08);
	background-image: -o-linear-gradient(top, #A5BA08, #A5BA08);
	background-image: linear-gradient(to bottom, #A5BA08, #A5BA08);
	background-repeat: repeat-x;
	border-color: #A5BA08;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5BA08', endColorstr='#A5BA08', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.donationHeader {
	line-height: 4em;
	width: 200px;
}
.error, .alert {
	background: none!important;
	border: none !important;
	padding: 0px !important;
	padding-left: 10px !important;
}
h3 {
	font-size: 17px !important;
	line-height: 27px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea, select {
  margin: 0 !important;
}