/* Here and Now styles */

/*
	Layout
--------------------*/
#han_content {
	background: #fff;
	margin-top: 18px;
	padding-bottom: 20px;
	width: 658px;
}

.han_clear {
	clear: both;
}

#han_heading {
	color: #000;
	font: bold 14px Helvetica, Arial, sans-serif;
	padding-left: 15px;
}

#han_arrow {
	height: 80px;
	left: 0;
	margin: 60px 0 0 331px;
	position: absolute;
	top: 0;
	width: 100px;
}

/*
	Share This Page
--------------------*/
#han_social {
	background: #fff;
	height: 70px;
	text-align: center;
}

#han_social a.han_social,
#han_social a:hover.han_social {
	border: 0;
	padding: 0;
}

#han_social a.han_social {
	float: left;
	margin: 5px 15px;
	width: 25px;
}

#han_morelink a,
#han_whatsthis a {
	float: none;
	margin: 0;
	text-align: left;
	width: 100%;
}


/*
	Banner
--------------------*/
#han_banner {
	background: #61c8f3 url('han_banner_2.jpg') no-repeat scroll left top;
	height: 140px;
	position: relative;
	width: 658px;
}

#han_banner h1 {
	color: #fff;
	font: bold 19px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 80px 0 0 435px;
}

#han_banner h1.han_js_h1 {
	padding-top: 70px;
}

#han_full_date {
	color: #fff;
	font: bold 18px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0 0 0 435px;
}

#han_seconds {
	color: #b4e5f8;
}

/*
	Actions
--------------------*/
#han_action_holder {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll 0 0;
	height: 300px;
	list-style-type: none;
	margin: 30px auto;
	padding: 0;
	position: relative;
	width: 645px;
}

.han_block {
	display: block;
	height: 145px;
	position: absolute;
	text-decoration: none;
	width: 220px;
}

.han_block * {
	cursor: pointer;
}

.han_block h2 {
	color: #fff;
	font: bold 13px Helvetica, Arial, sans-serif;
	margin: 0;
}

.han_block p {
	font: bold 10px Helvetica, Arial, sans-serif;
	margin: 0;
}

.han_block div {
	float: right;
	height: 50px;
	width: 50px;
}

.han_block:hover {
	height: 160px;
	text-decoration: none;
}

.han_block:hover h2 span {
	text-decoration: underline;
}

/*   Action 1   */
#han_action_1 {
	left: 0px;
	top: 0px;
	width: 210px;
}

#han_action_1 div {
	height: 45px;
	width: 70px;
}

#han_action_1 h2 {
	padding: 25px 5px 0px 16px;
}

#han_action_1 h2 span {
	color: #003a7d;
	
}

#han_action_1 p {
	color: #003A7D;
	padding: 5px 40px 5px 15px
}

#han_action_1:hover {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll 0 -300px;
	width: 235px;
}

#han_action_1:hover div {
	width: 65px;
}

#han_action_1:hover p {
	/*padding-right: 20px;*/
	padding: 5px 50px 5px 15px
}



/*   Action 2   */
#han_action_2 {
	left: 220px;
	top: 0px;
	width: 210px;
}

#han_action_2 h2 {
	padding: 25px 5px 0px 10px;
}

#han_action_2 h2 span {
	color: #005a39;
}

#han_action_2 div {
	width: 65px;
}

#han_action_2 p {
	color: #005a39;
	padding: 5px 10px 5px 10px;
}

#han_action_2:hover {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll -220px -620px;
	width: 225px;
}

#han_action_2:hover div {
	width: 80px;
}

#han_action_2:hover p {
	padding-right: 25px;
}

/*   Action 3   */
#han_action_3 {
	left: 425px;
	top: 0px;
	width: 210px;
}

#han_action_3 div {
	height: 55px;
	width: 60px;
}

#han_action_3 h2 {
	padding: 25px 5px 0px 10px;
}

#han_action_3 h2 span {
	color: #003a7d;
}

#han_action_3 p {
	color: #003a7d;
	padding: 5px 5px 5px 10px;
}

#han_action_3:hover {
	width: 225px;
}

#han_action_3:hover {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll -425px -300px;
	width: 220px;
}

#han_action_3:hover div {
	width: 75px;
}

#han_action_3:hover p {
	padding-right: 20px;
}

/*   Action 4   */
#han_action_4 {
	left: 0px;
	top: 145px;
}

#han_action_4 div {
	height: 70px;
	width: 65px;
}

#han_action_4 h2 {
	padding: 20px 5px 0px 15px;
}

#han_action_4 h2 span {
	color: #e41715;
}

#han_action_4 p {
	color: #e41715;
	padding: 5px 5px 5px 15px;
}

#han_action_4:hover {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll 0 -1085px;
	width: 235px;
}

#han_action_4:hover div {
	width: 80px;
}

#han_action_4:hover p {
	padding-right: 20px;
}

/*   Action 5   */
#han_action_5 {
	left: 220px;
	top: 145px;
	width: 210px;
}

#han_action_5 div {
	height: 40px;
	width: 80px;
}

#han_action_5 h2 {
	padding: 25px 50px 0 8px;
}


#han_action_5 h2 span {
	color: #003a7d;
	
}

#han_action_5 p {
	color: #003a7d;
	padding: 5px 8px;
}

#han_action_5:hover {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll -220px -1425px;
	width: 225px;
}

#han_action_5:hover div {
	width: 95px;
}

#han_action_5:hover p {
	padding-right: 25px;
}

/*   Action 6   */
#han_action_6 {
	left: 430px;
	top: 145px;
	width: 205px;
}

#han_action_6 div {
	height: 55px;
	width: 60px;
}

#han_action_6 h2 {
	padding: 20px 5px 0 5px;
}

#han_action_6 h2 span {
	color: #003A7D;
}

#han_action_6 p {
	color: #003A7D;
	padding: 0 5px 5px;
}

#han_action_6:hover {
	background: transparent url('han_6up_full4.jpg') no-repeat scroll -430px -765px;
	width: 220px;
}

#han_action_6:hover div {
	width: 75px;
}

#han_action_6:hover p {
	padding-right: 20px;
}


/*
	Tabs
--------------------*/

#han_content .stick-together {
	margin: 0 auto 20px;
	width: 635px;
}

#han_content #tabs {
	background: #fff;
}

#han_content #tabs .on {
	background: #7dc242;
}

#han_content #tabs .on a {
	color: #fff;
}

#han_content .tab {
	background: #eee;
	border-right: 2px solid #fff;
}

#han_content .tab a {
	color: #006543;
}

.han_tab {
	background: #eee url('han_tab_bottom.jpg') no-repeat left bottom;
	padding: 5px 5px 10px;
}

.han_tab h3 {
	margin: 0;
}

.han_video {
	float: right;
	margin: 0 20px;
	width: 280px;
}

#han_faq_q {
	padding-left: 20px;
}

#han_content .panel {
	background: #eee;
	border-top: 1px solid #fff;
}

#han_content .panel p,
#han_content h2 {
	zoom: 1;
}

/*
	Modal Popup boxes
--------------------*/
/*#han_popup_backdrop {
	background: #000;
	display: none;
	height: 100%;
	left: 0px;
	positon: absolute;
	top: 0px;
	width: 100%;
	z-index: 1000;
}*/

.han_popup {
	color: #fff;
	display: none;
	height: 300px;
	left: 50%;
	margin: 0 0 0 -150px;
	position: absolute;
	text-align: left;
	top: 300px;
	width: 300px;
	z-index: 1001;
}

.han_popup_landing {
	color: #fff;
	display: none;
	height: 300px;
	left: 31%;
	position: relative;
	text-align: left;
	z-index: 1001;
	clear:both;
}

.han_popup h2 {
	font: bold 20px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.han_popup p {
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.han_popup label {
	display: none;
}

/*----------  Popup 1  ----------*/
/*#han_popup_5 {
	background: transparent url('han_action_pink.png') no-repeat left top;
	height: 563px;
	margin: 0 0 0 -200px;
	width: 655px;
}

#han_popup_5 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_5 p {
	padding: 10px 200px 0 30px;
}

#han_popup_5 label {
	color: #004c39;
	font: 14px Halvetica, Arial, sans-serif;
	display: block;
}

p#han_pushed {
	color: #00397d;
	font-size: 12px;
	left: 500px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 150px;
	width: 120px;
}

#han_popup_5 .han_close {
	left: 30px;
	position: absolute;
	top: 520px;
}

#han_popup_5 ul {
	margin: 0 0 20px 30px;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#han_popup_5 ul li {
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#han_push_form p {
	padding: 0 150px 5px 120px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}

#han_push_form p a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}*/


/*----------  Popup 1 (dec)  ----------*/
#han_popup_5 {
	background: transparent url('han_action_blue_hand.png') no-repeat left top;
	height: 381px;
	margin: 0 0 0 -200px;
	width: 596px;
}

#han_popup_5 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_5 p {
	padding: 10px 180px 0 30px;
}

#han_popup_5 .han_close {
	left: 40px;
	position: absolute;
	top: 340px;
}



/*----------  Popup Thanks  ----------*/
#han_popup_thanks {
	background: transparent url('han_action_pink_small.png') no-repeat left top;
	height: 443px;
	margin: 0 0 0 -200px;
	width: 647px;
}

#han_popup_thanks h2 {
	padding: 40px 0 0 40px;
}

#han_popup_thanks p {
	padding: 8px 140px 0 40px;
}

#han_popup_thanks .han_close {
	left: 40px;
	position: absolute;
	top: 410px;
}

/*----------  Popup 2  ----------*/
#han_popup_2 {
	background: #7dc242;
}

#han_popup_2 {
	background: transparent url('han_action_green.png') no-repeat left top;
	height: 506px;
	margin: 0 0 0 -200px;
	width: 651px;
}

#han_popup_2 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_2 p {
	padding: 10px 280px 0 30px;
}

#han_popup_2 label {
	color: #004c39;
	font: 14px Halvetica, Arial, sans-serif;
	display: block;
}

p#han_donated {
	color: #004c33;
	font-size: 12px;
	left: 500px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 95px;
	width: 120px;
}

#han_popup_2 .han_close {
	left: 30px;
	position: absolute;
	top: 450px;
}

#han_popup_2 form {
	padding: 40px 0 0 80px;
}

#han_donate_amount {
	float: left;
	padding: 5px 0;
	width: 100px;
}

#han_donate_amount label {
	float: left;
	padding-right: 5px;
	text-align: right;
	width: 15px;
}

#han_donate_options {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 305px;
}

#han_donate_options li {
	padding: 5px 0;
}

#han_donate_options input {
	float: left;
	width: auto;
}

#han_donate_options label {
	float: right;
	width: 280px;
}

#han_popup_2 #btnSubmit {
	padding: 10px 0 0 100px;
}

/*----------  Popup 3  ----------*/
#han_popup_3 {
	background: transparent url('han_action_blue_sign.png') no-repeat left top;
	height: 523px;
	margin: 0 0 0 -200px;
	width: 653px;
}

#han_popup_3 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_3 p {
	padding: 10px 200px 0 30px;
}

#han_popup_3 label {
	color: #004c39;
	font: 14px Halvetica, Arial, sans-serif;
	display: block;
}

p#han_signed {
	color: #e41714;
	font-size: 12px;
	left: 500px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 150px;
	width: 120px;
}

#han_popup_3 .han_close {
	left: 30px;
	position: absolute;
	top: 480px;
}

#han_popup_3 form {
	padding: 40px 40px 0 40px;
}

#han_popup_3 ul {
	margin: 0 0 20px 0;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#han_popup_3 ul li {
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#han_sign_form p {
	padding: 0 110px 5px 80px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}

#han_sign_form p a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

/*----------  Popup 4  ----------*/
#han_popup_4 {
	background: transparent url('han_action_yellow_buy.png') no-repeat left top;
	height: 381px;
	margin: 0 0 0 -180px;
	width: 596px;
}

#han_popup_4 h2 {
	padding: 40px 0 0 40px;
}

#han_popup_4 p {
	padding: 10px 160px 0 40px;
}

p#han_eco_bought {
	color: #004c33;
	font-size: 12px;
	left: 470px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 130px;
	width: 80px;
}

#han_popup_4 .han_close {
	left: 40px;
	position: absolute;
	top: 340px;
}

/*----------  Popup 1  ----------*/
#han_popup_1 {
	background: transparent url('han_action_pink.png') no-repeat left top;
	height: 563px;
	margin: 0 0 0 -200px;
	width: 655px;
}

#han_popup_1 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_1 p {
	padding: 10px 180px 0 30px;
}

p#han_participants {
	color: #005dab;
	font-size: 12px;
	left: 450px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 130px;
	width: 120px;
}

#han_popup_1 .han_close {
	left: 30px;
	position: absolute;
	top: 520px;
}

/*----------  Popup 6  ----------*/
/*#han_popup_6 {
	background: transparent url('han_action_pink_something.png') no-repeat left top;
	height: 381px;
	margin: 0 0 0 -200px;
	width: 596px;
}

#han_popup_6 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_6 p {
	padding: 10px 180px 0 30px;
}

p#han_somethingmoney {
	color: #005dab;
	font-size: 12px;
	left: 465px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 130px;
	width: 80px;
}

#han_popup_6 .han_close {
	left: 40px;
	position: absolute;
	top: 340px;
}*/


/*----------  Popup 6 (dec) ----------*/
#han_popup_6 {
	background: transparent url('han_action_pink_share.png') no-repeat left top;
	height: 381px;
	margin: 0 0 0 -200px;
	width: 596px;
}

#han_popup_6 h2 {
	padding: 40px 0 0 30px;
}

#han_popup_6 p {
	padding: 10px 180px 0 30px;
}

#han_popup_6 .han_close {
	left: 40px;
	position: absolute;
	top: 340px;
}

#han_popup_6 ul {
	list-style-type: none;
	margin: 0;
	padding: 20px 30px;
}

#han_popup_6 li {
	display: inline;
	padding-right: 5px;
}