@import url("reset.css");
@import url("themes.css");
@import url("http://assets.wwf.org.uk/engagingnetworks/css/fonts.css");


/*
/* E-ACTIVIST SPECIFIC STYLES
/*/
form{
	width:100%;
	margin-bottom:500px;
}
.eaFullWidthContent{
	float:right;
}
.right-column-top{
	height:32px;
	background-repeat:repeat-x;
	background-position:0 0;
}
.right-column-bottom{
	height:28px;
	background-repeat:repeat-x;
	background-position:0 100%;
	padding-bottom:60px;
}

.eaLeftColumnContent{
	float:left;
}
.eaErrorMessage{
	color:red;
	font-weight:bold;
	margin-top:20px;
}
	.eaRightColumnContent .eaErrorMessage{
		margin:0 14px;
	}

.eaRightColumnContent, .eaSubmitResetButtonGroup{
	display:block;
	clear:right;
	float: right;
	width: 360px;
	color:white;
}
	.eaRightColumnContent hr{
		border-top:1px solid white;
		margin:14px;
	}
	.eaRightColumnContent p{
		padding:0 14px;
	}
	.eaSubmitResetButtonGroup{
		margin-top:-70px;
		background-color:transparent !important;
		position:relative;
		z-index:2;
		width:345px;
	}
.eaLeftColumnFiller, .eaRightColumnFiller, .eaTwoColumnFiller{
	
}
.eaFormElementLabel{
	display:block;
	width:130px;
	float:left;
	padding: 5px 0 5px 20px;
	font-size:1.2em;
	font-weight:bold;
}
	.eaFormElementLabel a{
		color:white;
	 }
.eaSendOptionRadio{
	color:white;
	padding:0 14px 5px 34px;
	display:block;
}
	.eaSendOptionRadio input{
		border: 0 none;
		float: left;
		margin: 0 0 0 -20px;
		vertical-align: baseline;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.eaSendOptionRadio label span{
		color:white !important;
	}
.eaMandatoryFieldMarker{
	color:#7EBE38;
}
.eaResetButton{
	display:none;
	background:none;
	border:0;
	color:white;
	text-decoration:underline;
	cursor:pointer;
}
.eaFormField{
	float:left;
	padding: 3px 5px 5px 14px;
}
.eaSwitchTemplateContainer{
	margin-bottom:20px;
}
.eaMessageContentContainer, .eaRecipientBlock, .eaMessageSalutationContainer, .eaContactsContainer, .eaSwitchSubjectContainer{
	background:#F4F3EC;
	padding:10px;
	margin:0px 14px;
	color:#333;
}
.eaSwitchSubjectContainer input{
	width:98%;
}
.eaRecipientBlock{
	font-weight:bold;
}
.eaMessageContent{
	height:200px;
}
.eaMessageSignoffContainer{
	display:none;
}
.eaQuestionCheckboxFormFieldContainer{
	padding: 5px 14px;
}
.eaQuestionCheckbox input{
	float:left;
}
#recipient_email_formatDiv{
	padding-top:20px;
}


/*
/* PAGE LAYOUT
/*/
#header {
	height: 89px;
	background:url(../img/header_shadow.png) 0% 100% repeat-x;
	position:relative;
	z-index:60;
}
#page {
	background:url(../img/jaggies.png) 0% 0% no-repeat;
	width: 990px;
	margin: 0 auto;
	margin-top:50px;
}
#banner{
	margin-bottom:21px;
}
#primary-content {
	margin-left:40px;
	width: 900px;
}
#secondary-content {
	width: 140px;
}
	#secondary-content .container {
		margin-bottom: 35px;
	}
#tertiary-content {
	clear: both;
	margin-top:20px;
}
	#tertiary-content .container{
		margin-left:auto;
		margin-right:auto;
	}

.block{
	 margin:20px 0;
}
.clearfix {
	zoom: 1;
}
	#tertiary-content .clearfix{
		margin:0;
	}
	.clearfix:before,
	.clearfix:after {
	  content: ".";    
	  display: block;    
	  height: 0;    
	  overflow: hidden;	
	}
	.clearfix:after {
		clear: both;
	}
.main-column{
	margin-top:10px;
	float: left;
	width: 476px;
	background-color:white;
}
.right-column{
	float: right;
	margin: 2px 0 0 0;
}

.col1 { width: 56px; }
.col2 { width: 140px; }
.col3 { width: 224px; }
.col4 { width: 308px; }
.col5 { width: 392px; }
.col6 { width: 476px; }
.col7 { width: 560px; }
.col8 { width: 644px; }
.col9 { width: 728px; }
.col10 { width: 812px; }
.col11 { width: 896px; }
.col12 { width: 980px; }

/*
/* TYPOGRAPHY
/*/
body{
	font: 12px/1.333 Helvetica, Arial, sans-serif;
	color: #222222;
	position:relative;
}
h1 {
	text-transform:uppercase;
	font-family: WWFRegular, Arial, sans-serif;
	font-size: 60px;
	font-weight: normal;
	line-height: 1;
	margin-bottom:10px;
}
h2 {
	font-family: WWFRegular, Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.2;
}
h3 {
	font-family: WWFRegular, Arial, sans-serif;
	text-transform:uppercase;
	font-size: 20px;
	line-height: 1;
	font-weight:normal;
	margin-bottom:5px;
	border-top:1px solid #666;
	padding-top:10px;
	padding-bottom:10px;
}
h3 .subheading {
	display: block;
	font: 12px/1.4 Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: none;
}
h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 5px;
}
a, .listing a h2, .listing  a h3, .listing  a h4 {
	color: #006262;
	text-decoration: none;
}
	a:hover, .listing a:hover h2, .listing  a:hover h3, .listing  a:hover h4 {
		color: #002929;
	}
		a:hover img {
			border-color: #222;
		}
a p {
	color: #222;
}
.h1-meta{
	border-top: 1px solid #CCCCCC;
	padding-top:5px;

    font: italic 11px Georgia,"Times New Roman",serif;
}
	.h1-meta .comments-link {
		border-left: 1px solid #AAAAAA;
		padding-left: 5px;
	}

.highlighter {
	background: #FFFF00;
}


/*
/* HEADER
/*/
#header-inner {
	position: relative;
	margin: 0 auto;
	font: 12px/1.2 Helvetica, Arial, sans-serif;
	padding-top: 10px;
	padding-left: 168px;
}
#logo {
	position: absolute;
	left: 20px;
	top: 0;
	z-index:60;
}
#header .tagline{
	color:white;
	font: 24px/27px WWFRegular,Arial,sans-serif;
    height: 33px;
    left: 155px;
    position: absolute;
    top: 53px;
    z-index: 40;
}

#header .tagline a, #header .tagline a:hover, #header .tagline a:active, #header .tagline a:visited{
	color:white!important;
	left: 0px!important;
    position: absolute!important;
    top: 0px!important;
	 margin:0!important;
	 padding:0!important;
	 float:none!important;
}

.homelink a{
	font: 22px/27px WWFRegular,Arial,sans-serif;
	float:right;
	background:url(../img/arrow_green_right.png) 100% 70% no-repeat;
	padding-right:15px;
}
	

/* Buttons */
.button, .eaSubmitButton{ 
	width: 6em;
	font: 20px/1.4 Helvetica,Arial,sans-serif;
	font-weight:bold !important;
	text-align: center;
	background: #E8510A;
	background: -webkit-gradient(linear, center bottom, center top, color-stop(0, #AD3F0C), color-stop(0.5, #E8510A));
	background: -moz-linear-gradient(center top , #E8510A, #AD3F0C) repeat scroll 0 0 transparent;
	border: 1px solid #004949;
	clear: both;
	color: white !important;
	margin: 0;
	overflow: hidden;
	padding: 7px 7px !important;
	cursor:pointer;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow: none !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-o-border-radius: 2px !important;
	border-radius: 2px !important;
}
	/*.
	button:hover, .eaSubmitButton:hover{
		color: #fff;
		background: #AD3F0C;
		background: -moz-linear-gradient(center top , #AD3F0C, #E8510A) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, center bottom, center top, color-stop(0, #E8510A), color-stop(0.5, #AD3F0C));
	}
	.button:active, .eaSubmitButton:active {
		background: #AD3F0C;
		background: -moz-linear-gradient(center top , #AD3F0C, #E8510A) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, center bottom, center top, color-stop(0, #E8510A), color-stop(0.5, #AD3F0C));
	}
	*/
	
	input.button {
		display: inline;
		width: auto;
	}

/*
/* FOOTER
/*/
#tertiary-content{
	font: 12px/1.2 Helvetica, Arial, sans-serif;
}
	#tertiary-content .clearfix{
		padding:20px 0;
	}
	#tertiary-content .footer, #tertiary-content .sitemap {
		background-color: #f4f3ec;
	}
	#tertiary-content .sitemap h2{
		font-size:18px;
		margin-bottom:5px;
	}
	#tertiary-content .sitemap li{
		float:left;
		list-style-type:none;
		width:140px;
		margin-right:28px;
		padding:3px 0;
	}	
		#tertiary-content .sitemap .last{
			margin:0;
		}
	
	.auxiliary-nav li {
		list-style: none;
		display: block;
		float: left;
		margin-right: 7px;
		padding-right: 7px;
		border-right: 1px solid #ccc;
	}
		.auxiliary-nav li:last-child {
			border: none;
		}
		.auxiliary-nav .rss{
			float:right;
		}
	
	.footer .container {
		width: 868px;
		height: 144px;
		padding-left: 112px;
		background: url(../img/panda.png) left top no-repeat;
	}
	.footer .tagline {
		font: 40px WWFRegular, Arial, sans-serif;
		letter-spacing: 0.5px;
		margin-bottom: 12px;
		padding: 7px 0 5px;
		border-bottom: 1px solid #666;
	}
	.footer .meta {
		clear: left;
		padding-top: 5px;
		font: 11px Georgia, "Times New Roman", serif;
		font-style: italic;
		color: #777777;
	}

/*
/* MISC STYLES
/*/

/* topic image: used for the subheading/ready to sign box.*/
.topicimage{
	background-repeat:no-repeat;
	background-position: 0 0;
}

/* thermometer */
.thermometer{
position:relative;
	color:white;
	border-bottom:1px solid white;
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:10px !important;
}
	.t_body{
		border:1px solid #919191;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height:24px;
		background:white url(../img/thermo_scale.gif) 0 0 repeat-x;
		padding:1px;
		position:relative;
		overflow:hidden;		
	}
	.t_target_pointer{
		text-transform:uppercase;
		background-repeat:no-repeat;
		background-position:0 0;
		font-family: WWFRegular, Arial, sans-serif;
		text-align:center;
		font-size:21px;
		width:103px;
		height:151px;
		position:absolute;
		top: -122px;
		right: -50px;
		text-shadow: 0 1px 0 #000000;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
		line-height:1;
		padding-top:20px;
		z-index: 70;
	}
		.t_target_pointer .t_target{
			font-size:26px;
			display:block;
		}
	.t_level{
		width:0px;
		float:left;
		overflow:hidden;
		background-color:#E8510A;
		height:24px;
		background: #e8510a;
		background: -moz-linear-gradient(top, #e8510a 0%, #e8510a 50%, #da4c09 51%, #da4c09 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8510a), color-stop(50%,#e8510a), color-stop(51%,#da4c09), color-stop(100%,#da4c09));
		background: -webkit-linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%)
		background: -o-linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%);
		background: -ms-linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8510a', endColorstr='#da4c09',GradientType=0 );
		background: linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%);
	}
		.t_level span{
			background:url(../img/thermo_level_arrow.png) 100% 50% no-repeat;
			height:24px;
			float:right;
			width:15px;
			padding-left:15px;
		}
		.t_body .t_current{
			background:url(../img/icon_headshot.png) 0% 75% no-repeat;
			font-family: WWFRegular, Arial, sans-serif;
			padding-left:20px;
			font-size:18px;
			line-height:20px;
			position:absolute;
			color:#E8510A ;
		}
			.t_body .t_current.inner{
				background:url(../img/icon_headshot_white.png) 0% 120% no-repeat;
				position:absolute;
				margin-left:-80px;
				color:white
			}
	


/* highlight area */

.highlight .inner {
	padding: 14px;
	background-color: #F4F3EC;
	border:1px solid #CCC;
	border-width:1px 0;
}
	.highlight.listing .inner ul{
		margin:0;
	}
	.highlight h2{
		color:inherit;
		text-transform:uppercase;
		font-family: WWFRegular, Arial, sans-serif;
		font-size: 50px;
		font-weight: normal;
		line-height: 1;
		margin-bottom:20px;
	}

img.thumb {
	padding: 1px;
	border: 0px solid #ccc!important;
}

/* two col listings */
.double ul{
	overflow: hidden;
	border:0 !important;
}
	.double li{
		border-top:0 !important;
		float:left;
		width:45%;
		margin-right:5%;
		overflow: hidden;
	}
	.double img.thumb {
		float: left;
		position: static;
		right: auto;
	}
	.double .bodytext, .double h3 {
		padding-left: 166px;
	}

	.double h3 {
		text-transform:none;
		font-size: 31px;
		line-height: 1;
		border:0;
		padding-top:0;
	}

.triple ul{
	overflow: hidden;
	border:0 !important;
}
	.triple li{
		border-top:0 !important;
		float:left;
		width:30%;
		margin-right:3%;
		overflow: hidden;
	}
	.triple img.thumb {
		float: left;
		position: static;
		right: auto;
	}
	.triple .bodytext, .triple h3 {
		padding-left: 150px;
	}

	.triple h3 {
		text-transform:none;
		font-size: 31px;
		line-height: 1;
		border:0;
		padding-top:0;
	}

.ie6{
	background:#222;
	color:white;
	padding:20px 0;
	height:60px;
	line-height:1.5em;
	text-align:center;
}
	.ie6 div{
		text-align:left;
		margin:0 auto;
		width:800px;
	}
	.ie6 a{
		color:#C0E4E0;
		text-decoration:underline;
	}

.listing ul {
	margin-bottom: 14px;
	border-bottom: 1px solid #ccc;
}
	.listing li {
		padding: 5px 0;
		border-top: 1px solid #ccc;
		list-style: none;
		overflow: hidden;
	}
	.listing a.blocklink {
		display: block;
		padding-top: 14px;
	}
	.listing img{
		display: block;
	}

.supporterlist{
	color:#222;
	position:absolute;
	width:360px;
	margin:30px 0 0 0;
	background:white url(../img/wwf-globe.png) 100% -55px no-repeat;
}
	.supporterlist li{
		padding:7px 0;
		background:url(../img/icon_headshot.png) 5px 50% no-repeat;
		padding-left:25px;
		zoom: 1;
		font-size:1.2em;
	}
	.supporterlist li:before, .supporterlist li:after {
	  content: ".";    
	  display: block;    
	  height: 0;    
	  overflow: hidden;	
	}
	.supporterlist li:after {
		clear: both;
	}
	.supporterlist h3{
		padding-bottom:10px;
		color:#666;
	}
	.supporterlist .time{
		float:right;
		font-size:0.8em;
	}
	.supporterlist .name{
		font-weight:bold;
	}
		.supporterlist .name em{
			font-weight:normal;
		}
	
/* jaggies (also defined in themes.css) */
.jaggiestop, .jaggiesbottom{
	height:8px;
	width:100%;
	background-repeat:repeat-x;
/*	background-position:0 0;*/
}
.jaggiestop{
	background-image:url(../img/jaggies_top.png);
}
.jaggiesbottom{
	background-image:url(../img/jaggies_bottom.png);
}
.jaggiescontent{
	padding:14px;
	background:#EBEBEB;
}
	.right-column .jaggiescontent{
		color:white;
		width: 330px;
		margin:0 14px 14px 14px;
		padding:0;
	}
	.jaggiescontent h2{
		border-bottom:1px solid #FFF;
		text-transform:uppercase;
		color:white;
		text-shadow: 0 1px 0 #000000;
		padding-bottom:7px;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
		.jaggiescontent h2 span{
			font-size:0.65em;
			padding-left:5px;
		}

/* actual lists in content, where regular list styles required */
.copy ul, .copy ol{
	border:0 !important;
	overflow:visible;
	color: #222222;
	list-style:none;
	margin:0.5em 0;
}
	.copy li{
		padding: inherit !important;
		margin:0 0 0 20px;
		border:0 !important;
		list-style-position:outside;
		overflow:visible !important;
	}
	.copy ol{
		padding-left: 0.5em;
		margin-bottom: 14px;
	}
		.copy ol li{
			list-style-type:decimal;
			list-style-position:outside;
		}
		.copy ul li{
			margin:0;
			padding-left:20px !important;
		}

.rss {
	padding-left: 16px;
	min-height: 12px;
	background: url(../img/rss.png) left 50% no-repeat;
}

/* addthis.com code*/
.addthis_counter {
	display:block;
	font-weight:bold;
	height:60px;
	width:50px;
}
.addthis_counter {
	text-align:left;
	text-decoration:none !important;
}
.addthis_counter a.addthis_button_expanded {
	-moz-border-radius:3px 3px 3px 3px;
}
 .addthis_counter a.atc_c,  .addthis_counter a.addthis_button_expanded {
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #D3D3D3;
	color:#464646;
	cursor:pointer;
	display:block;
	font-family:arial,helvetica,lucida,tahoma,verdana,sans-serif;
	font-size:16px;
	height:36px;
	line-height:36px;
	margin-bottom:5px;
	text-align:center;
	text-decoration:none !important;
}
.addthis_counter.addthis_pill_style a.addthis_button_expanded:hover, .addthis_counter.addthis_pill_style a.addthis_button_compact:hover, .addthis_counter a.addthis_button_expanded:hover,  .addthis_counter a.addthis_button_compact:hover {
	text-decoration:none;
}
 .addthis_counter a.addthis_button_expanded span {
	display:none;
}
.addthis_counter a.atc_c:hover,  .addthis_counter a.addthis_button_expanded:hover {
	border-color:#ACACAC;
	color:#000000;
	text-decoration:none !important;
}
.addthis_counter a.atc_s {
	-moz-border-radius:3px 3px 3px 3px;
	background:none repeat scroll 0 0 #FE6D4C;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	font-family:arial,helvetica,lucida,tahoma,verdana,sans-serif;
	font-size:10px;
	height:18px;
	line-height:18px;
	overflow:hidden;
	padding-left:4px;
	padding-top:1px;
	text-decoration:none !important;
}
.addthis_counter a.atc_s:hover {
	background:none repeat scroll 0 0 #F95333;
	text-decoration:none !important;
}
.addthis_counter a.atc_c, .addthis_counter a.atc_s {
	-moz-border-radius:3px 3px 3px 3px;
	height:17px;
	line-height:17px;
	margin:0;
}
.addthis_counter.addthis_pill_style {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topleft:4px;
	background:none repeat scroll 0 0 #FE6D4C;
	display:block;
	height:20px;
	line-height:20px;
	padding-left:4px;
	position:relative;
	width:85px !important;
}
.addthis_counter.addthis_pill_style a.atc_s {
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topright:0;
	float:left;
	height:18px;
	left:0;
	line-height:18px;
	padding-top:1px;
	position:absolute;
	top:0;
	width:44px;
}
.addthis_counter.addthis_pill_style a.atc_s:hover {
	background:none repeat scroll 0 0 transparent;
}
.addthis_counter.addthis_pill_style a.addthis_button_expanded {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	float:right;
	font-size:10px;
	height:16px;
	line-height:14px;
	margin:0;
	padding-top:2px;
	position:absolute;
	right:-2px;
	top:0;
	width:36px;
}
.addthis_counter a.atc_s span {
	background:url("//s7.addthis.com/static/t00/logo9x9w.gif") no-repeat scroll left center transparent;
	padding-left:12px;
	text-decoration:none !important;
}
.addthis_counter a.atc_s span:hover {
	text-decoration:none;
}
.addthis_default_style .addthis_counter {
	display:block;
	float:left;
}
.addthis_toolbox.addthis_32x32_style .addthis_counter.addthis_bubble_style {
	color:#000000;
	display:none;
	font-weight:bold;
	margin:0;
	text-align:center;
	text-decoration:none;
}
.addthis_toolbox.addthis_32x32_style .addthis_counter.addthis_bubble_style a {
	color:#000000;
	text-decoration:none;
}
.addthis_toolbox.addthis_32x32_style .addthis_counter.addthis_bubble_style {
	background:url("//s7.addthis.com/static/t00/toolbox_count.png") no-repeat scroll 0 0 transparent;
	font-size:14px;
	height:32px;
	line-height:32px;
	padding:0 0 0 6px;
	width:54px;
}	
	

/* bodytext */
.bodytext {
	font: 15px/1.4 Helvetica, Arial, sans-serif;
}
.bodytext h2 {
	margin-bottom: 0.4em;
}
.bodytext p {
	margin-bottom: 1em;
}

/* image */

.image-caption {
	color: #4a4a4a;
	margin-bottom:14px;
	font-size:12px;
}
	.image-caption.right{
		float:right;
		margin-left:21px;
		margin-bottom:14px;
	}
	.image-caption.left{
		float:left;
		margin-right:21px;
	}
	.image-caption img, .image-caption iframe{
		display: block;
		padding: 1px;
		border: 1px solid #ccc;
	}
	.image-caption .container{
		position:relative;
		overflow:hidden;
	}
		.image-caption .caption{
			background-color: #004A61;
			background-color: rgba(0, 74, 97, 0.85) !important;
			color:white;
			position:absolute;
			bottom:0;
			margin:2px;
			padding:10px;
			overflow:hidden;
			display:inline;
		}
	.image-caption .meta {
		overflow: hidden;
		font: 11px Georgia, "Times New Roman", serif;
		font-style: italic;
		padding: 8px 0;
		color: #777777;
		border-bottom: 1px solid #ccc;
	}
	.image-caption .copyright {
		display: block;
		float: left;
	}
	.image.col4 .copyright, .col6.with-wide-image .copyright {
		width: 220px;
	}
	.image.col6 .copyright {
		width: 350px;
	}
	.image-caption .enlarge-link a {
		display: block;
		float: right;
		height: 14px;
		padding-left: 16px;
		background: url(../img/icon-enlarge.png) 1px 1px no-repeat;
	}

/* introduction */

.introduction {
	font: 18px/1.4 Georgia, "Times New Roman", serif;
}

/* quote */
.quote{
	border:1px solid #CCC;
	border-width:1px 0;
	padding:14px 0;
}
	.quote blockquote {
		font-family: Georgia, serif;
		font-style: italic;
		margin-bottom: 14px;
		background: url(../img/quote-open.png) left top no-repeat;
	}
	.quote blockquote p{
		text-indent: 24px;
	}
	.quote blockquote p{
		background: url(../img/quote-close.png) right bottom no-repeat;
		padding-right:20px;
	}
	.quote .meta {
		font-size: 12px;
		color: #666;
	}

/* form */
.form .help{
	padding:5px 0;
	font-weight:normal;
	font-size:12px;
	clear:both;
}
.form .introduction{
	font:15px/1.4 Helvetica,Arial,sans-serif;
	margin-bottom:14px;
}
.form .subheading{
	font-size:18px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #FDFDFB;
	padding-bottom:10px;
}
.form fieldset{
	padding:10px 0;
}
.form ul{
	list-style-type:none;
}
.col6.form h2{
	font-size: 32px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left:0;
	padding-right:0;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	border-top:0;
	background-color:transparent;
}
textarea, input, select{
	display:block;
	padding:3px;
	font:13px/1.4 Helvetica,Arial,sans-serif;
	border:1px solid #919191;
	-webkit-box-shadow: inset 0px 0px 2px #A3A3A3;
	-moz-box-shadow: inset 0px 0px 2px #A3A3A3;
	box-shadow: inset 0px 0px 2px #A3A3A3;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	textarea{
		width:98%;
	}
	 select{
		width:auto;
	 }
	
.form input.button{
	width:auto;	
	display:inline;
}
.form label, .form .label{
	font-weight:bold;
	font-size:14px;
	display:block;
	margin:14px 0 5px 0;
	width:100%;
	overflow:hidden;
}
	.form label.inline{
		font-weight:normal;
		display:inline;
		margin-right:10px;
	}
	.form label.checkbox{
		font-weight:normal;
		padding-top: 5px;
		padding-bottom:5px;
		margin:0;
	}
		.form label.inline input, .form label.checkbox input{
			vertical-align:baseline;
			width:auto;
			display:inline;
			margin:0 5px 0 0;
			border:0;
		}
	
	.form label textarea, .form label input, .form label select{
		padding:5px;
	}
.form .col{
	float:left;
	margin-right:10px;
}
.form .full{
	width:100%;
}
.form .half{
	width:50%;
}
.form .quarter{
	width:25%;
}
.form .mandatory{
	float:none;
	color:red;
}
.form .auto{
	width:auto;
}
.form li.error{
	background-color:
}
.form .error input, .form .error select, .form .error textarea{
	border-color:#EA0000 !important;
}
	.form .error input.button{
		border-color:inherit !important;
	}
.form .error p.label{
	color:#EA0000;
}
.form .error p.error{
	color:#EA0000;
	padding:5px 0;
	font-weight:normal;
	font-size:12px;
	clear:both;
}

/* ready button */
.ready{
	display:none;
	width:316px;
	padding:5px 0 5px 5px;
	position:absolute;
	right:0;
	margin-top: -110px;
	bottom:225px;
	overflow:hidden;
}
	.ready .container{
		border:1px solid white;
		border-width:1px 0 1px 1px;
		padding:10px;
		width:316px;
	}
		.ready a{
			text-transform:uppercase;
			font-family: WWFRegular, Arial, sans-serif;
			font-size: 28px;
			font-weight: normal;
			line-height:1;
			color: white;
			float:left;
		}
			.ready a span{
				display:block;
				text-transform:none;
				font: 15px/1.4 Helvetica, Arial, sans-serif;
				background:url(../img/arrow_white_up.png) 100% 50% no-repeat;
			}
			
/* social */
.social ul, .social li{
	list-style-type:none;
}
	.social li{
		float:left;
		border-left: 1px solid #CCC;
		padding-left:30px;
		margin-right:30px;
	}
		.social li.first{
			border:0;
			padding-left:0;
		}
	.social h3{
		padding-top:0;
		border:0;
	}
	.social .twitter a, .social .facebook a{
		text-indent:-5000px;
		display:block;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	.social .facebook a{
		background-image:url(../img/button_share_facebook.gif);
		width:212px;
		height:50px;
	}
	.social .twitter a{
		background-image:url(../img/button_tweet_about.gif);
		width:187px;
		height:50px;
	}
	
/* signature block*/
.signature img.thumb{
	float:left;
	position: static;
	right: auto;
}
	.signature .container{
		padding-left:100px;
	}
	
.signpetitiontitle, .signpetitiontitle2{
display:none;	
}
	
.eaSubmitButton
{
  background-color: #fff;
  background-image: url("http://assets.wwf.org.uk/img/original/camp_tbx_btn_next2.png")!important;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  text-indent: 0px!important;
}

.eaSubmitButton{
	font-weight:bold!important;
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 14px!important;
	color: #ffffff!important;
	padding: 4px 14px 6px 14px!important;
	float:right!important;
	margin:16px 8px 0 0!important;
	height:34px!important;
	width:auto!important;
}

input.eaSubmitButton{
background: -moz-linear-gradient(
		top,
		#e9510a 0%,
		#e9510a 50%,
		#8f431f)!important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e9510a),
		color-stop(0.50, #e9510a),
		to(#8f431f))!important;
	-moz-border-radius: 8px!important;
	-webkit-border-radius: 8px!important;
	border-radius: 8px!important;
	border: 0px solid #5b6131!important;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.1)!important;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.1)!important;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.1)!important;
	text-shadow:		
		1px 1px 2px rgba(0,0,0,0.4)!important;
        background:#E9510A;
}
 
input.eaSubmitButton:hover{
background:#C92804!important;
}


.eaFormSelect
{
  width: 160px!important;
}

div.paper {
background: rgb(250, 246, 207);
font-family: Georgia, serif;
box-shadow: 0px 1px 8px rgba(0,0,0,0.4);
margin: 15px 0 0;
padding: 21px 0;
}

div.paper p {
padding: 0 21px 0;
font-size: 14px;
}
	
@media only screen
and (min-width: 200px)
and (max-width: 480px) {


/*
/* E-ACTIVIST SPECIFIC STYLES
/*/
form{
	width:95%;
	margin-bottom:50px;
}
.eaFullWidthContent{

}
.right-column-top{
	height:32px;
	background-repeat:repeat-x;
	background-position:0 0;
}
.right-column-bottom{
	height:28px;
	background-repeat:repeat-x;
	background-position:0 100%;
	padding-bottom:60px;
}

.eaLeftColumnContent{
float:none;
background-color:#fff;
}
.eaErrorMessage{
	color:red;
	font-weight:bold;
	margin-top:20px;
	width:95%;
}
	.eaRightColumnContent .eaErrorMessage{
		margin:0;
	width:95%;
	}

.eaRightColumnContent, .eaSubmitResetButtonGroup{
	clear:both;
	color:white;
	background-color:#643f17;
	width:98%;
	margin:0;
	padding:0;
}

.eaRightColumnContent{
background-color:#643f17;
	width:98%;
	padding:10px 20px;
	font-size:.9em;
	margin:0;
}

	.eaRightColumnContent hr{
		border-top:1px solid white;
		margin:0;
	}
	.eaRightColumnContent p{
		padding:0;
	}
	.eaSubmitResetButtonGroup{
		margin-top:-70px;
		background-color:transparent !important;
		position:relative;
		z-index:2;
		width:95%;
	}
.eaLeftColumnFiller{
height:14px;
}

.eaRightColumnFiller{
	width:95%;
margin:0;
padding:10px 0;
}

.eaTwoColumnFiller{
}

.eaFormElementLabel{
	display:block;
	width:40%;
	float:left;
	padding:0 0 0 14px;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}
	.eaFormElementLabel a{
		color:white;
	 }
.eaSendOptionRadio{
	color:white;
	padding:0;
	display:block;
}
	.eaSendOptionRadio input{
		border: 0 none;
		float: left;
		margin: 0;
		vertical-align: baseline;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.eaSendOptionRadio label span{
		color:white !important;
	}
.eaMandatoryFieldMarker{
	color:#7EBE38;
}
.eaResetButton{
	display:none;
	background:none;
	border:0;
	color:white;
	text-decoration:underline;
	cursor:pointer;
}
.eaFormField{
	float:left;
	padding: 0;
}
.eaSwitchTemplateContainer{
	margin-bottom:20px;
}
.eaMessageContentContainer, .eaRecipientBlock, .eaMessageSalutationContainer, .eaContactsContainer, .eaSwitchSubjectContainer{
	background:#F4F3EC;
	padding:10px;
	margin:0;
	color:#333;
}
.eaSwitchSubjectContainer input{
	width:98%;
}
.eaRecipientBlock{
	font-weight:bold;
}
.eaMessageContent{
	height:200px;
}
.eaMessageSignoffContainer{
	display:none;
}
.eaQuestionCheckboxFormFieldContainer{
	padding:0;
	clear:both;
}
.eaQuestionCheckbox input{
	float:left;
}
#recipient_email_formatDiv{
	padding-top:20px;
}


/*
/* PAGE LAYOUT
/*/
#header {
	height: 89px;
	background:url(../img/header_shadow.png) 0% 100% repeat-x;
	position:relative;
	z-index:60;
	width:95%;
}
#page {
	background:url(../img/jaggies.png) -40px 0px no-repeat;
	width: 95%;
	margin: 0;
	margin-top:20px!important;
	padding:0 0 0 5%;
}
#banner{
	margin-bottom:21px;
}
#primary-content {
	width: 99%;
	margin:0;
	padding:0;
}
#secondary-content {
	width: 30%;
}
	#secondary-content .container {
		margin-bottom: 35px;
	}
#tertiary-content {
	clear: both;
	margin-top:20px;
}
	#tertiary-content .container{
		margin-left:auto;
		margin-right:auto;
	}

.block{
	 margin:20px 0;
}
.clearfix {
	zoom: 1;
}
	#tertiary-content .clearfix{
		margin:0;
		width:80%;
	}
	.clearfix:before,
	.clearfix:after {
	  content: ".";    
	  display: block;    
	  height: 0;    
	  overflow: hidden;	
	}
	.clearfix:after {
		clear: both;
	}
.main-column{
	margin-bottom:60px;
	margin-top:-20px;
	width: 95%;
	background-color:transparent;
}
.right-column{
	margin: 0 0 0 0;
	width:280px;
}

.col1 { width: 5.71%; }
.col2 { width: 14.28%; }
.col3 { width: 22.85%; }
.col4 { width: 41.42%; }
.col5 { width: 40%; }
.col6 { width: 48.57%; }
.col7 { width: 57.14; }
.col8 { width: 65.71%; }
.col9 { width: 74.28%; }
.col10 { width: 82.85%; }
.col11 { width: 91.42%; }
.col12 { width: 98%; }

/*
/* TYPOGRAPHY
/*/
body{
	font: 0.875em/1.333 Helvetica, Arial, sans-serif;
	color: #222222;
	position:relative;
}
h1 {
	text-transform:uppercase;
	font-family: WWFRegular, Arial, sans-serif;
	font-size:3.5em;
	font-weight: normal;
	line-height: 1;
	margin-bottom:30px;
	padding-top:0!important;
	margin-top:0!important;
}
h2 {
	font-family: WWFRegular, Arial, sans-serif;
	font-size:2.3em;
	font-weight: normal;
	line-height: 1.2;
	text-transform:uppercase;
}
h3 {
	font-family: WWFRegular, Arial, sans-serif;
	text-transform:uppercase;
	font-size: 1.9em;
	line-height: 1;
	font-weight:normal;
	margin-bottom:30px;
	border-top:1px solid #666;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0;
}
h3 .subheading {
	display: block;
	font: 12px/1.4 Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: none;
}
h4 {
	font-size:1.5em;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 5px;
}
a, .listing a h2, .listing  a h3, .listing  a h4 {
	color: #006262;
	text-decoration: none;
}
	a:hover, .listing a:hover h2, .listing  a:hover h3, .listing  a:hover h4 {
		color: #002929;
	}
		a:hover img {
			border-color: #222;
		}
a p {
	color: #222;
}
.h1-meta{
	border-top: 1px solid #CCCCCC;
	padding-top:5px;

    font: italic 11px Georgia,"Times New Roman",serif;
}
	.h1-meta .comments-link {
		border-left: 1px solid #AAAAAA;
		padding-left: 5px;
	}


/*
/* HEADER
/*/
#header-inner {
	position: relative;
	width: auto;
	margin: 0 auto;
	font: 12px/1.2 Helvetica, Arial, sans-serif;
	padding-top: 10px;
	padding-left: 168px;
}
#logo {
	position: absolute;
	left: 20px;
	top: 0;
	z-index:60;
}

#logo img {
	width:80px;
	height:92px;
}

#header .tagline, #header .tagline a:link{
	color:white;
	font: 20px/27px WWFRegular,Arial,sans-serif;
    height: 33px;
    left: 110px;
    position: absolute;
    top: 53px;
    width:210px;
    z-index: 40;
    margin:0;
    padding:0;
}

.homelink a{
	font:1.5em/1em WWFRegular,Arial,sans-serif;
	background:url(../img/arrow_green_right.png) 100% 70% no-repeat;
	padding-right:15px;
	margin-left:-50px!important;
}
	

/* Buttons */
.button, .eaSubmitButton{ 
	width: 6em;
	font: 20px/1.4 Helvetica,Arial,sans-serif;
	font-weight:bold !important;
	text-align: center;
	background: #E8510A;
	background: -webkit-gradient(linear, center bottom, center top, color-stop(0, #AD3F0C), color-stop(0.5, #E8510A));
	background: -moz-linear-gradient(center top , #E8510A, #AD3F0C) repeat scroll 0 0 transparent;
	border: 1px solid #004949;
	clear: both;
	color: white !important;
	margin: 0;
	overflow: hidden;
	padding: 7px 7px !important;
	cursor:pointer;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow: none !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-o-border-radius: 2px !important;
	border-radius: 2px !important;
	float:right;
	margin-top:29px;
}
	.
	button:hover, .eaSubmitButton:hover{
		color: #fff;
		background: #AD3F0C;
		background: -moz-linear-gradient(center top , #AD3F0C, #E8510A) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, center bottom, center top, color-stop(0, #E8510A), color-stop(0.5, #AD3F0C));
	}
	.button:active, .eaSubmitButton:active {
		background: #AD3F0C;
		background: -moz-linear-gradient(center top , #AD3F0C, #E8510A) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, center bottom, center top, color-stop(0, #E8510A), color-stop(0.5, #AD3F0C));
	}
	
	
	input.button {
		display: inline;
		width: auto;
		clear:both;
	}

/*
/* FOOTER
/*/
#tertiary-content{
	font: 12px/1.2 Helvetica, Arial, sans-serif;
	width:98%;
			background-color: #f4f3ec;
			padding:0;
			margin:0;
			margin-top:20px;
}
	#tertiary-content .clearfix{
		padding:20px 0;
		margin:0;
	}
	#tertiary-content .footer, #tertiary-content .sitemap {
		background-color: #f4f3ec;
		margin:0;
		padding:0;
	}
	#tertiary-content .sitemap h2{
		font-size:18px;
		margin-bottom:5px;
	}
	#tertiary-content .sitemap li{
		float:left;
		list-style-type:none;
		width:30%;
		padding:3px 0;
	}	
		#tertiary-content .sitemap .last{
			margin:0;
		}
	
	.auxiliary-nav li {
		list-style: none;
		display: none;
		float: left;
		margin-right: 0;
		padding-right: 0;
		border-right: 1px solid #ccc;
	}
		.auxiliary-nav li:last-child {
			border: none;
		}
		.auxiliary-nav .rss{
			float:right;
		}
	
	.footer .container {
		width:98%;
		height: 120px;
		padding:0;
		background-size:16%;
		margin:0;
	}
	.footer .tagline {
		font: 1.8em/26px WWFRegular, Arial, sans-serif;
		letter-spacing: 0.5px;
		margin-bottom: 12px;
		padding: 6px 0 5px 50px;
		border-bottom: 1px solid #666;
		width:98%;
		
	}
	.footer .meta {
		font: 11px Georgia, "Times New Roman", serif;
		font-style: italic;
		color: #777777;
		width:98%;
		margin:0;
		padding:0 10px;
	}

/*
/* MISC STYLES
/*/

/* topic image: used for the subheading/ready to sign box.*/
.topicimage{
	background-repeat:no-repeat;
	background-position: 0px 10px;
	background-size:70px 50px;
	padding-left:50px;
}


/* thermometer */
.thermometer{
	
	color:white;
	border-bottom:1px solid white;
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:10px !important;
}
	.t_body{
		border:1px solid #919191;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height:24px;
		background:white url(../img/thermo_scale.gif) 0 0 repeat-x;
		padding:1px;
		position:relative;
		overflow:hidden;		
	}
	.t_target_pointer{
		text-transform:uppercase;
		background-repeat:no-repeat;
		background-position:0 0;
		font-family: WWFRegular, Arial, sans-serif;
		text-align:center;
		font-size:21px;
		width:103px;
		height:151px;
		position:absolute;
		top: -122px;
		right: -50px;
		text-shadow: 0 1px 0 #000000;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
		line-height:1;
		padding-top:20px;
		z-index: 70;
	}
		.t_target_pointer .t_target{
			font-size:26px;
			display:block;
		}
	.t_level{
		width:0px;
		float:left;
		overflow:hidden;
		background-color:#E8510A;
		height:24px;
		background: #e8510a;
		background: -moz-linear-gradient(top, #e8510a 0%, #e8510a 50%, #da4c09 51%, #da4c09 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8510a), color-stop(50%,#e8510a), color-stop(51%,#da4c09), color-stop(100%,#da4c09));
		background: -webkit-linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%)
		background: -o-linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%);
		background: -ms-linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8510a', endColorstr='#da4c09',GradientType=0 );
		background: linear-gradient(top, #e8510a 0%,#e8510a 50%,#da4c09 51%,#da4c09 100%);
	}
		.t_level span{
			background:url(../img/thermo_level_arrow.png) 100% 50% no-repeat;
			height:24px;
			float:right;
			width:15px;
			padding-left:15px;
		}
		.t_body .t_current{
			background:url(../img/icon_headshot.png) 0% 75% no-repeat;
			font-family: WWFRegular, Arial, sans-serif;
			padding-left:20px;
			font-size:18px;
			line-height:20px;
			position:absolute;
			color:#E8510A ;
		}
			.t_body .t_current.inner{
				background:url(../img/icon_headshot_white.png) 0% 120% no-repeat;
				position:absolute;
				margin-left:-80px;
				color:white
			}
	


/* highlight area */

.highlight .inner {
	padding: 14px;
	background-color: #F4F3EC;
	border:1px solid #CCC;
	border-width:1px 0;
}
	.highlight.listing .inner ul{
		margin:0;
	}
	.highlight h2{
		color:inherit;
		text-transform:uppercase;
		font-family: WWFRegular, Arial, sans-serif;
		font-size: 50px;
		font-weight: normal;
		line-height: 1;
		margin-bottom:20px;
	}

img.thumb {
	padding: 1px;
	border: 0px solid #ccc!important; 
}

/* two col listings */
.double ul{
	overflow: hidden;
	border:0 !important;
}
	.double li{
		border-top:0 !important;
		float:left;
		width:45%;
		margin-right:5%;
		overflow: hidden;
	}
	.double img.thumb {
		float: left;
		position: static;
		right: auto;
	}
	.double .bodytext, .double h3 {
		padding-left: 166px;
	}

	.double h3 {
		text-transform:none;
		font-size: 31px;
		line-height: 1;
		border:0;
		padding-top:0;
	}

.ie6{
	background:#222;
	color:white;
	padding:20px 0;
	height:60px;
	line-height:1.5em;
	text-align:center;
}
	.ie6 div{
		text-align:left;
		margin:0 auto;
		width:800px;
	}
	.ie6 a{
		color:#C0E4E0;
		text-decoration:underline;
	}

.listing ul {
	margin-bottom: 14px;
	border-bottom: 1px solid #ccc;
}
	.listing li {
		padding: 5px 0;
		border-top: 1px solid #ccc;
		list-style: none;
		overflow: hidden;
	}
	.listing a.blocklink {
		display: block;
		padding-top: 14px;
	}
	.listing img{
		display: block;
	}
	
	.listing img{
		width:100px!important;
		-moz-border-radius:18px!important;
		-webkit.border-radius:18px!important;
		border-radius:18px!important;	
		max-width: 100%;
	}

.supporterlist{
  width: 95%!important;
clear:both!important;
	color:#222;
	margin:30px 0 0 0!important;
	background:white url(../img/wwf-globe.png) 100% -55px no-repeat;
	position:fixed;
}
	.supporterlist li{
		padding:7px 0;
		background:url(../img/icon_headshot.png) 5px 50% no-repeat;
		padding-left:25px;
		zoom: 1;
		font-size:1.2em;
	}
	.supporterlist li:before, .supporterlist li:after {
	  content: ".";    
	  display: block;    
	  height: 0;    
	  overflow: hidden;	
	}
	.supporterlist li:after {
		clear: both;
	}
	.supporterlist h3{
		padding-bottom:10px;
		color:#666;
	}
	.supporterlist .time{
		float:right;
		font-size:0.8em;
	}
	.supporterlist .name{
		font-weight:bold;
	}
		.supporterlist .name em{
			font-weight:normal;
		}
	
/* jaggies (also defined in themes.css) */
.jaggiestop, .jaggiesbottom{
	display:none;
}
.jaggiestop{
	
}
.jaggiesbottom{
	
}
.jaggiescontent{
	padding:14px;
	background:#EBEBEB;
}
	.right-column .jaggiescontent{
		color:white;
		width: 250px;
		margin:0 14px 14px 14px;
		padding:0;
	}
	.jaggiescontent h2{
		border-bottom:1px solid #FFF;
		text-transform:uppercase;
		color:white;
		text-shadow: 0 1px 0 #000000;
		padding-bottom:7px;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
		.jaggiescontent h2 span{
			font-size:0.65em;
			padding-left:5px;
		}

/* actual lists in content, where regular list styles required */
.copy ul, .copy ol{
	border:0 !important;
	overflow:visible;
	color: #222222;
	list-style:none;
	margin:0.5em 0;
}
	.copy li{
		padding: inherit !important;
		margin:0 0 0 20px;
		border:0 !important;
		list-style-position:outside;
		overflow:visible !important;
	}
	.copy ol{
		padding-left: 0.5em;
		margin-bottom: 14px;
	}
		.copy ol li{
			list-style-type:decimal;
			list-style-position:outside;
		}
		.copy ul li{
			margin:0;
			padding-left:20px !important;
		}

.rss {
	padding-left: 16px;
	min-height: 12px;
	background: url(../img/rss.png) left 50% no-repeat;
}

/* addthis.com code*/
.addthis_counter {
	display:block;
	font-weight:bold;
	height:60px;
	width:50px;
}
.addthis_counter {
	text-align:left;
	text-decoration:none !important;
}
.addthis_counter a.addthis_button_expanded {
	-moz-border-radius:3px 3px 3px 3px;
}
 .addthis_counter a.atc_c,  .addthis_counter a.addthis_button_expanded {
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #D3D3D3;
	color:#464646;
	cursor:pointer;
	display:block;
	font-family:arial,helvetica,lucida,tahoma,verdana,sans-serif;
	font-size:16px;
	height:36px;
	line-height:36px;
	margin-bottom:5px;
	text-align:center;
	text-decoration:none !important;
}
.addthis_counter.addthis_pill_style a.addthis_button_expanded:hover, .addthis_counter.addthis_pill_style a.addthis_button_compact:hover, .addthis_counter a.addthis_button_expanded:hover,  .addthis_counter a.addthis_button_compact:hover {
	text-decoration:none;
}
 .addthis_counter a.addthis_button_expanded span {
	display:none;
}
.addthis_counter a.atc_c:hover,  .addthis_counter a.addthis_button_expanded:hover {
	border-color:#ACACAC;
	color:#000000;
	text-decoration:none !important;
}
.addthis_counter a.atc_s {
	-moz-border-radius:3px 3px 3px 3px;
	background:none repeat scroll 0 0 #FE6D4C;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	font-family:arial,helvetica,lucida,tahoma,verdana,sans-serif;
	font-size:10px;
	height:18px;
	line-height:18px;
	overflow:hidden;
	padding-left:4px;
	padding-top:1px;
	text-decoration:none !important;
}
.addthis_counter a.atc_s:hover {
	background:none repeat scroll 0 0 #F95333;
	text-decoration:none !important;
}
.addthis_counter a.atc_c, .addthis_counter a.atc_s {
	-moz-border-radius:3px 3px 3px 3px;
	height:17px;
	line-height:17px;
	margin:0;
}
.addthis_counter.addthis_pill_style {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topleft:4px;
	background:none repeat scroll 0 0 #FE6D4C;
	display:block;
	height:20px;
	line-height:20px;
	padding-left:4px;
	position:relative;
	width:85px !important;
}
.addthis_counter.addthis_pill_style a.atc_s {
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topright:0;
	float:left;
	height:18px;
	left:0;
	line-height:18px;
	padding-top:1px;
	position:absolute;
	top:0;
	width:44px;
}
.addthis_counter.addthis_pill_style a.atc_s:hover {
	background:none repeat scroll 0 0 transparent;
}
.addthis_counter.addthis_pill_style a.addthis_button_expanded {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	float:right;
	font-size:10px;
	height:16px;
	line-height:14px;
	margin:0;
	padding-top:2px;
	position:absolute;
	right:-2px;
	top:0;
	width:36px;
}
.addthis_counter a.atc_s span {
	background:url("//s7.addthis.com/static/t00/logo9x9w.gif") no-repeat scroll left center transparent;
	padding-left:12px;
	text-decoration:none !important;
}
.addthis_counter a.atc_s span:hover {
	text-decoration:none;
}
.addthis_default_style .addthis_counter {
	display:block;
	float:left;
}
.addthis_toolbox.addthis_32x32_style .addthis_counter.addthis_bubble_style {
	color:#000000;
	display:none;
	font-weight:bold;
	margin:0;
	text-align:center;
	text-decoration:none;
}
.addthis_toolbox.addthis_32x32_style .addthis_counter.addthis_bubble_style a {
	color:#000000;
	text-decoration:none;
}
.addthis_toolbox.addthis_32x32_style .addthis_counter.addthis_bubble_style {
	background:url("//s7.addthis.com/static/t00/toolbox_count.png") no-repeat scroll 0 0 transparent;
	font-size:14px;
	height:32px;
	line-height:32px;
	padding:0 0 0 6px;
	width:54px;
}	
	

/* bodytext */
.bodytext {
	font: 1em/1.4 Helvetica, Arial, sans-serif;
}
.bodytext h2 {
	margin-bottom: 0.4em;
}
.bodytext p {
	margin-bottom: 1em;
}

/* image */

.image-caption {
	color: #4a4a4a;
	margin-bottom:14px;
	font-size:12px;
}
	.image-caption.right{
		float:right;
		margin-left:21px;
		margin-bottom:14px;
	}
	.image-caption.left{
		float:left;
		margin-right:21px;
	}
	.image-caption img, .image-caption iframe{
		display: block;
		padding: 1px;
		border: 1px solid #ccc;
	}
	.image-caption .container{
		position:relative;
		overflow:hidden;
	}
		.image-caption .caption{
			background-color: #004A61;
			background-color: rgba(0, 74, 97, 0.85) !important;
			color:white;
			position:absolute;
			bottom:0;
			margin:2px;
			padding:10px;
			overflow:hidden;
			display:inline;
		}
	.image-caption .meta {
		overflow: hidden;
		font: 11px Georgia, "Times New Roman", serif;
		font-style: italic;
		padding: 8px 0;
		color: #777777;
		border-bottom: 1px solid #ccc;
	}
	.image-caption .copyright {
		display: block;
		float: left;
	}
	.image.col4 .copyright, .col6.with-wide-image .copyright {
		width: 220px;
	}
	.image.col6 .copyright {
		width: 350px;
	}
	.image-caption .enlarge-link a {
		display: block;
		float: right;
		height: 14px;
		padding-left: 16px;
		background: url(../img/icon-enlarge.png) 1px 1px no-repeat;
	}

/* introduction */

.introduction {
	font: 1.4em/1.3em Georgia, "Times New Roman", serif;
}

/* quote */
.quote{
	border:1px solid #CCC;
	border-width:1px 0;
	padding:14px 0;
}
	.quote blockquote {
		font-family: Georgia, serif;
		font-style: italic;
		margin-bottom: 14px;
		background: url(../img/quote-open.png) left top no-repeat;
	}
	.quote blockquote p{
		text-indent: 24px;
	}
	.quote blockquote p{
		background: url(../img/quote-close.png) right bottom no-repeat;
		padding-right:20px;
	}
	.quote .meta {
		font-size: 12px;
		color: #666;
	}

/* form */
.form .help{
	padding:5px 0;
	font-weight:normal;
	font-size:12px;
	clear:both;
}
.form .introduction{
	font:15px/1.4 Helvetica,Arial,sans-serif;
	margin-bottom:14px;
}
.form .subheading{
	font-size:18px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #FDFDFB;
	padding-bottom:10px;
}
.form fieldset{
	padding:10px 0;
}
.form ul{
	list-style-type:none;
}
.col6.form h2{
	font-size: 32px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left:0;
	padding-right:0;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	border-top:0;
	background-color:transparent;
}

input, select{
	display:block;
	padding:3px;
	font:13px/1.4 Helvetica,Arial,sans-serif;
	border:1px solid #919191;
	-webkit-box-shadow: inset 0px 0px 2px #A3A3A3;
	-moz-box-shadow: inset 0px 0px 2px #A3A3A3;
	box-shadow: inset 0px 0px 2px #A3A3A3;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea, input[type=text], select{
	display:block;
	width:260px;
	padding:3px 6px;
	margin-left:14px;
	font:18px/1.4 Georgia,Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:100;
	border:1px solid #919191;
	-webkit-box-shadow: inset 0px 0px 2px #A3A3A3;
	-moz-box-shadow: inset 0px 0px 2px #A3A3A3;
	box-shadow: inset 0px 0px 2px #A3A3A3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:34px;
}

	textarea{
		width:98%;
	}
	 #How_did_you_hearDiv label{
		margin-left:20px;
	 }
	
.form input.button{
	width:auto;	
	display:inline;
}
.form label, .form .label{
	font-weight:bold;
	font-size:14px;
	display:block;
	margin:14px 0 5px 0;
	width:100%;
	overflow:hidden;
}
	.form label.inline{
		font-weight:normal;
		display:inline;
		margin-right:10px;
	}
	.form label.checkbox{
		font-weight:normal;
		padding-top: 5px;
		padding-bottom:5px;
		margin:0;
	}
		.form label.inline input, .form label.checkbox input{
			vertical-align:baseline;
			width:auto;
			display:inline;
			margin:0 5px 0 0;
			border:0;
		}
	
	.form label textarea, .form label input, .form label select{
		padding:5px;
	}
.form .col{
	float:left;
	margin-right:10px;
}
.form .full{
	width:100%;
}
.form .half{
	width:50%;
}
.form .quarter{
	width:25%;
}
.form .mandatory{
	float:none;
	color:red;
}
.form .auto{
	width:auto;
}
.form li.error{
	background-color:
}
.form .error input, .form .error select, .form .error textarea{
	border-color:#EA0000 !important;
}
	.form .error input.button{
		border-color:inherit !important;
	}
.form .error p.label{
	color:#EA0000;
}
.form .error p.error{
	color:#EA0000;
	padding:5px 0;
	font-weight:normal;
	font-size:12px;
	clear:both;
}

/* ready button */
.ready{
	display:none;
	width:316px;
	padding:5px 0 5px 5px;
	position:absolute;
	right:0;
	margin-top: -110px;
	bottom:225px;
	overflow:hidden;
}
	.ready .container{
		border:1px solid white;
		border-width:1px 0 1px 1px;
		padding:10px;
		width:316px;
	}
		.ready a{
			text-transform:uppercase;
			font-family: WWFRegular, Arial, sans-serif;
			font-size: 28px;
			font-weight: normal;
			line-height:1;
			color: white;
			float:left;
		}
			.ready a span{
				display:block;
				text-transform:none;
				font: 15px/1.4 Helvetica, Arial, sans-serif;
				background:url(../img/arrow_white_up.png) 100% 50% no-repeat;
			}
			
/* social */
.social ul, .social li{
	list-style-type:none;
}
	.social li{
		float:left;
		border-left: 1px solid #CCC;
		padding-left:30px;
		margin-right:30px;
	}
		.social li.first{
			border:0;
			padding-left:0;
		}
	.social h3{
		padding-top:0;
		border:0;
	}
	.social .twitter a, .social .facebook a{
		text-indent:-5000px;
		display:block;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	.social .facebook a{
		background-image:url(../img/button_share_facebook.gif);
		width:212px;
		height:50px;
	}
	.social .twitter a{
		background-image:url(../img/button_tweet_about.gif);
		width:187px;
		height:50px;
	}
	
/* signature block*/
.signature img.thumb{
	float:left;
	position: static;
	right: auto;
}
	.signature .container{
		padding-left:100px;
	}
	
	
#Opt_InDiv, .eaQuestionCheckboxFormFieldContainer, .eaQuestionCheckbox{
clear:both!important;
margin-left:12px;
}

#CountryField select{
width: 260px;
  padding-top: 8px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  margin-left: 14px;
  font-family: Helvetica,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  height:40px;
}


.signpetitiontitle{
display:inline;	
}

.signpetitiontitle2{
display:inline;
font-size:22px;	
font-family:Georgia, Arial, sans-serif;
font-style:italic;
font-weight:100;
margin-bottom:20px!important;
height:40px!important;
line-height:40px!important;
padding-bottom:30px!important;
}
 
.signpetitiontitle h2{
color:#fff;	
padding:10px;
}

iframe{
width:98%!important;	
}

.eaFormSelect
{
  width: 270px!important;
}

.eaSubmitButton{
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 18px!important;
	color: #ffffff!important;
	padding: 8px 14px 8px 14px!important;
height:40px!important;
width:280px!important;
clear:both!important;
font-style:bold!important;
margin-top:24px!important;
}

input.eaSubmitButton{
background: -moz-linear-gradient(
		top,
		#e9510a 0%,
		#e9510a 50%,
		#8f431f)!important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e9510a),
		color-stop(0.50, #e9510a),
		to(#8f431f))!important;
	-moz-border-radius: 8px!important;
	-webkit-border-radius: 8px!important;
	border-radius: 8px!important;
	border: 0px solid #5b6131!important;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.1)!important;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.1)!important;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.1)!important;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4)!important;
}
 
input.eaSubmitButton:hover{
background:#C92804!important;
}

.highlight h2{
font-size:35px!important;	
}
 
}