@charset "utf-8";
/* Million Hearts 2011-12 */

/* Module::Tools */

.mod.tools .header,
.mod.tools .body,
.mod.tools .footer { overflow:hidden;/* [disabled]width:257px; */ }

.mod.tools .header,
.mod.tools header { background:url(/images/bgToolHeader.png) no-repeat 0 0; 
	margin:0;
	padding:0; 
}

.mod.tools .body { background:#682497 url(/images/bgToolBody.png) no-repeat 0 0; }

.mod.tools .footer,
.mod.tools footer {
	background:url(/images/bgToolFooter.png) no-repeat 0 0;
	height:80px;
}

.mod.tools .header h3,
.mod.tools header h3 {
	line-height:1em; /* body rule near line 427 style.css override */
	margin-bottom:0;
	padding:10% 7.782101167%; /* 20px / 257px */
}

#content .mod.tools .header p,
#content .mod.tools header p {
	margin:0.15em auto 1em;
	padding:0 7.782101167%; /* 20px / 257px */
	font-style:italic;
	font-weight:bold;
}

#content .mod.tools .body p.text { margin-top:0; padding:2em 15.758755% 0; /* right and left margin (81px / 257px) / 2 */ font-weight:bold; margin-bottom: 1em; line-height:inherit; }

.mod.tools .body .button {
	background:transparent url(/images/btn_arrow_tools.png) no-repeat 0 0;
	width:171px;
	height:37px;
	display:block;
	font-size:120%;
	font-style:italic;
	font-weight:bold;
	line-height:31px;
	padding:0 0 0 25px;
	margin:0 auto;
	-webkit-box-shadow:none; 
	-moz-box-shadow:none;
	box-shadow:none;
}

#content .mod.tools .body a.button {
	color:#672791;
	text-decoration:none;
}

.mod.tools .footer ul,
.mod.tools footer ul {
	margin:0;
	padding:6% 0 0;
	text-align:center;
}

.mod.tools .footer ul li,
.mod.tools footer ul li {
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
}

sup {
	font-size:30%;
	vertical-align:super;
}

.clearBoth { clear:both; }

.mod.tools .header h3.noPadBottom,
.mod.tools header h3.noPadBottom {
	padding-bottom:0;
}

.mod.tools .header h3.noMarginBottom,
.mod.tools header h3.noMarginBottom {
	margin-bottom:0;
}

/* Module::EmailSubscribe */

.mod.subscribe { 
	position:relative; 
}

.email.subscribe {
	min-height:188px;
	height:188px;
	position:relative;
	z-index:2;
}

.email.subscribe.open,
.email.subscribe.close {
	width:31px;
}

.mod .email.subscribe .content h3 {
	color:#fff;
	margin-bottom:0.5em;
}

.email.subscribe header, .email.subscribe .content { margin:0 0; }

.email.subscribe header { 
	height:78px; 
	position:relative;
	background:#efedf0;
}

.email.subscribe .content { 
	position:relative;
	height:60%;
	padding:2.8em 7.900677% 0;
	background:#925c84;
}

.js .email.subscribe header,
.js .email.subscribe .content {
	background:none;
}

.email.subscribe header ul {
	margin:0;
	padding:0;
	text-align:center;
}

.email.subscribe header li {
	list-style:none;
	display:inline-block;
	margin-right:1em;
	margin-top:1.5em;
	text-align:center;
}

.email.subscribe header li.last { margin-right:0; }

.email.subscribe header li a,
.email.subscribe header li a img {
	display:block;
}

.email.subscribe header li a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.email.subscribe header li a img {
	margin:0 auto 0.4em;
}

.email.subscribe #f-email-a,
.email.subscribe #update-email { width:70%; }

.email.subscribe .button-a {
	width:21%;
	white-space:nowrap;
}

.email.subscribe #f-email-a,
.email.subscribe #update-email {
	margin-bottom:1em;
}

/* Global Forms */

/*form { font-size:1.3em; }*/

form input[type=password],
form input[type=text],
form button,
form input[type=submit],
form select,
a.button,
p.dropdown,
ul.dropdown {
	padding:0.4em;
	border:none;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip:padding-box; 
	background-clip: padding-box;
}

form input[type=password],
form input[type=text],
form select,
p.dropdown,
ul.dropdown {
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.7); 
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.7); 
	box-shadow: 2px 2px 4px rgba(0,0,0,0.7); 
	-pie-box-shadow: 2px 2px 3px rgb(60,60,60);
}

form button,
form input[type=submit],
#audience a.button, .buttonContainer a.button {
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.7);
	box-shadow: 0 0 6px rgba(0,0,0,0.7);
	-pie-box-shadow: 0 0 6px rgb(0,0,0);
}

form input[type=password],
form input[type=text],
form select,
p.dropdown,
ul.dropdown {
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #c0d1dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#c0d1dd));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#c0d1dd 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#c0d1dd 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#c0d1dd 100%);
	background: linear-gradient(top,  #fefefe 0%,#c0d1dd 100%);
	-pie-background: linear-gradient(top,  #fefefe 0%,#c0d1dd 100%);
}

.iOS form select {
	background: #fefefe;
}

form button,
form input[type=submit], 
#audience a.button {
	background: #f70000;
	background: -moz-linear-gradient(top,  #f70000 0%, #f70000 19%, #f00304 30%, #e00b0b 48%, #c11b1b 78%, #af2324 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f70000), color-stop(19%,#f70000), color-stop(30%,#f00304), color-stop(48%,#e00b0b), color-stop(78%,#c11b1b), color-stop(100%,#af2324));
	background: -webkit-linear-gradient(top,  #f70000 0%,#f70000 19%,#f00304 30%,#e00b0b 48%,#c11b1b 78%,#af2324 100%);
	background: -o-linear-gradient(top,  #f70000 0%,#f70000 19%,#f00304 30%,#e00b0b 48%,#c11b1b 78%,#af2324 100%);
	background: -ms-linear-gradient(top,  #f70000 0%,#f70000 19%,#f00304 30%,#e00b0b 48%,#c11b1b 78%,#af2324 100%);
	background: linear-gradient(top,  #f70000 0%,#f70000 19%,#f00304 30%,#e00b0b 48%,#c11b1b 78%,#af2324 100%);
	-pie-background: linear-gradient(top,  #f70000 0%,#f70000 19%,#f00304 30%,#e00b0b 48%,#c11b1b 78%,#af2324 100%);
	color:#fff;
	font-weight:bold;
	padding-right:1em;
	padding-left:1em;
}

form button,
form input[type=submit] {
	margin-left:10px;
}

form button:focus,
form input[type=submit]:focus {
	outline:1px dotted #000;
}

form input[type=password]:hover,
form input[type=text]:hover,
form select:hover {
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

form input[type=password]:active,
form input[type=password]:focus,
form select:active,
form select:focus {
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #c0d1dd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#c0d1dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#c0d1dd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#c0d1dd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#c0d1dd 100%); /* IE10+ */
	background: linear-gradient(top, #fefefe 0%,#c0d1dd 100%); /* W3C */
}

.iOS form select:active,
.iOS form select:focus {
	background:#fefefe;
}

form.submit-pledge p.dropdown {
	display:inline-block;
	margin:0.3em 0 0 0;
	font-size:12px;
	color:#000;
	padding:6px;
}

.iOS form.submit-pledge p.dropdown {
	padding:2px 4px 6px;
}

form.submit-pledge fieldset table {
	width:98%;
}

form.submit-pledge fieldset td {
	vertical-align:top;
}

form.submit-pledge p.dropdown .text {
	padding-right:75px;
	cursor:default;
	white-space:nowrap;
}

form.submit-pledge button {
	padding:0.8em;
}

ul.formSelect.dropdown {
	position:absolute;
	display:none;
	height:80%;
	max-height:80%;
	overflow:auto;
	color:#000;
	cursor:default;
	margin:0 0 0 1px;
	z-index:1000;
}

ul.formSelect.dropdown li {
	padding:0.1em 0 0.1em 0.3em;
}

ul.formSelect.dropdown li:hover,
ul.formSelect.dropdown li.selected {
	background:#316ac5;
	color:#fff;
}

.placeholder, input[placeholder] { color:#aaa; }

input[placeholder]:focus { color:#000; } 

/* Search Form */

#searchForm { float:right;
	height:30px; }

#millionhearts_search { position:relative; /*top:-4px;*/ }

#millionhearts_search input[type=image] {
	position:absolute;
	right:4%;
	top:20%
}

#millionhearts_search input[type=text] {
	background:#fff;
	-pie-background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);
	padding-right:34px;
}

/* Module::PledgeBox */

.pledgeContainer .contentContainer { width:70.3125%; }

#content .pledge .content ul, 
#content .pledge .content ol, 
#content .pledge .content dl { 
	padding-left:2em; 
}

.pledgeContainer { 
	position:relative;
	z-index:2;
}


.pledge {
	background:#c12726;
	min-height:307px;
	color:#fff;
	margin-bottom:2em;
	position:relative;
}

.pledge .content { padding:2em 3em; }

.pledge form {
	width:29.6875%; /* 285px / 960px */
	position:relative;
}

.iOS .pledge form select {
	margin-left:2px;
}

.pledge form input[name=mhfirstname],
.pledge form input[name=mhlastinit],
.pledge form input[name=mhorg],
.pledge form input[name=mhemail],
.pledge form input[name=mhcity]
.pledge form input[name=mhzip]{
	width:92%;
}

.android form.submit-pledge p.dropdown {
	margin-top:3px;
	padding:4px 4px 8px;
}

.pledge .contentContainer, .pledge form { float:left; }

.pledge h3 {
	font-size:3em;
	margin:0 0 0.5em 0;
}

.pledge .content li {
	font-size:14px;
	padding-bottom:0.7em;
}

.pledge .content ul ul { margin-top:0.7em; }

.pledge form .hdr {
	font-weight:bold;
	font-style:italic;
	margin:5%;
	padding:0;
	width:89.47368421%; /* 255px / 285px */
	/* [disabled]position:absolute; */
}

.pledge form ul {
	margin:0 auto 2.5em;
	padding:0;
	width:89.47368421%; /* 255px / 285px */
	/*padding-left:15px;
	padding-right:15px;*/
}

.pledge form li {
	list-style:none;
}

.pledge form li label {
	font-size:12px;
	padding-left:0.3em;
}

.pledge form li input[type=text],
.pledge form li select { 
	margin-top:0.3em;
	margin-bottom:0.5em;
}

.pledge form li select#state {
	display:block;
}

.pledge form li select option {
	background:#fff;
}

.pledge form li.submit {
	margin-top:2em;
	text-align:center;
}

/*.pledge form label.error { 
	display:none !important; 
	font-size:1em;
}
*/
.pledge form fieldset { /* [disabled]margin-top:70px; */ }

.pledge span.error {
	display:block;
	width:92%;
}

.pledge span.error,
.pledge div.error,
.pledge label.error {
	background:#FF0;
	color:#000;
	border:1px solid #fff;
	font-weight:bold;
	font-style:italic;
	padding:2%;
}

.pledge div.error {
	margin-top:5%;
	font-size:150%;
	margin:5%;
	min-height:38px;
	visibility:hidden;
	width:85%;
}
.pledge div.error.visible { visibility:visible; }

#content .pledge .disclaimer {
	padding:3%;
}

#content .pledge .disclaimer h5 {
	font-style:italic;
	margin-bottom:0.5em;
	font-size:1.1em;
}

#content .pledge .disclaimer p {
	font-size:1em;
}

#beone.thank .footer.learnmore div[data-form-type] {
	display:none;
}

#auxiliary { position:relative; }

.utilityBar { 
	float:right;
	margin-top:2px;
	width:30%;
}

.fb-like, .share, .print { float:right; }

.share {
	background:transparent url(/images/icon_share.png) 0 2px no-repeat;
	padding:2px 0 0 21px;
	line-height:16px;
	font-size:1.1em;
	width:102px;
	position:relative;
}
.share a { text-decoration:none; }
.share a:hover { text-decoration:underline; }

.share ul {
	left:-9999px;
	background:#fff;
	border:1px solid #e5e5e5;
	margin:0;
	padding:5%;
	position:absolute;
	top:20px;
	font-size:1em;
}

.share li { list-style:none; }

.share.sfhover ul {
	left:0;
	margin:0;
}

.share li a,
.print a {
	background: transparent url(/images/sprite_share.png) 0 0 no-repeat;
	display: block;
	height: 16px;
	line-height: 16px;
}

.share li a {
	margin: 5% 0;
	padding-left: 22px;
	white-space:nowrap;
}

.share li.delicious a { background-position:0 -16px; }
.share li.digg a { background-position:0 -32px; }
.share li.facebook a { background-position:0 -48px; }
.share li.google a { background-position:0 -64px; }
.share li.twitter a { background-position:0 -80px; }
.share li.reddit a { background-position:0 -96px; }
.share li.stumbleupon a { background-position:0 -112px; }
.share li.linkedin a { background-position:0 -128px; }
.share li.email a { background-position:0 -144px; }
.print a { background-position:0 -160px; width:16px; text-indent:-9999px; }

.print { margin:2px 5% 0 0; }

p.disclaimer { font-size:1.1em; }

a.noDecoration:hover span.tp-label,
a.external:hover,
.bulletlist a:hover { 
	text-decoration:underline; 
}

a.noDecoration,
a.noDecoration:hover,
.mod a.noDecoration,
.mod a.noDecoration:hover,
.bulletlist a.noDecoration:hover,
.bulletlist a,
a.external {
	text-decoration:none;
}

a.noDecoration span.plugIns {
	color: gray;
	font-size: 90%;
	display:inline;
}

a.external img.externalImg, a.external span.plugIns img.externalImg {
	display: inline;
	height: auto;
	left: 3px;
	margin: 0 0.25em 0 0.25em;
	padding: 0;
	position: static;
	vertical-align: baseline;
	width: auto;
}