@import url(/stylesheets/forms.css);
@import url(/stylesheets/questionnaire.css);
@import url(/stylesheets/icons.css);
@import url(/stylesheets/footprint.css);
@import url(/stylesheets/community.css);
@import url(/stylesheets/branding.css);

body {
	min-width: 760px;
	font-family: Arial, Helvetica, Verdana,sans-serif;
	line-height:1.4em;
	background-color: #FFF;
	color:#333;
	text-align:center;
	font-size:75%;
}

/* nuke defaults */
* {
	 margin: 0;
	 padding: 0;
}

/* standard html tags*/
a, a:hover,a:visited,a:link{
	color:#2887FD;
	outline:none;
}
input{
	outline:none;
}
textarea {
	font-family:Arial;
	font-size: 1em;
}
h1{
	color:black;
	font-size:3em;
	line-height:1em;
	letter-spacing:-2px;
	margin-bottom:35px;
}
h1.saveyourfootprint{
	background:url(/images/backgrounds/text_save_your_footprint.gif) 0 0 no-repeat;
	text-indent:-5000px;
	height:57px;
}
h1.jointhecommunity{
	background:url(/images/backgrounds/text_join_the_community.gif) 0 0 no-repeat;
	text-indent:-5000px;
	height:57px;
}
h2{
	font-size:2em;
	line-height:1em;
	letter-spacing:-2px;
	margin-bottom:20px;
}
h2.blue{
	color:#2887FD;
}
h3{
	font-size:1.3em;
	letter-spacing:-1px;
	margin:10px 0px;
}
p{
	margin:10px 0px;
}
img{
	border:0;
}
img.png {
	behavior: url("/pngbehavior.htc");
	/*display:none;*/
}
ul.bulleted{
	margin:0;
	padding:0 0 0 20px;
}
ul.bulleted li{}

/* important page layout*/
#wrapper{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:white;
}

/* header */
#header{
	background:url(/images/backgrounds/clouds.jpg) 0 0 no-repeat;
	height:185px;
	overflow:hidden;
	width:100%;
}
	#header #wwflogo{
		background:url(/images/backgrounds/logo_wwf.gif) 0 0 no-repeat;
		width:69px;
		height:100px;
		text-indent:-5000px;
		outline:none;
		float:left;
		display:inline;
		margin-left:20px;
	}
		#header #wwflogo a{
			width:69px;
			height:100px;
			display:block;
		}


/* page body */
#content{
	overflow:hidden;
	width:720px;
	margin-top:-50px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
	#content div,#content ul{
		text-align:left;
	}
	#content #singlecolumn{
		width:660px;
		position:relative;
		overflow:hidden;
		float:left;
		padding-left:60px;
	}
	#content #singlecolumn .contactus{
		font-size:1.5em;
		line-height:1.2em;	
	}
	#content #singlecolumn .setpassword{
		padding-right:180px;
		width:480px;
		padding-bottom:80px;
		background:url(/images/backgrounds/set_password.png) 100% 0% no-repeat;
	}
			
.columnset{
	overflow:hidden;
	width:100%;
}

.column{
	float:left;
	overflow:hidden;
}

.secondarycolumn{
	width:175px;
	overflow:hidden;
	float:right;	
}
	.secondarycolumn h1{
		font-size:1.2em;
		letter-spacing:-1px;
		margin:0 0 15px 0;
	}
	.secondarycolumn h3{
		font-size:1.2em;
		letter-spacing:-1px;
		margin:0 0 15px 0;
	}
		.secondarycolumn h3.padtop{
			margin-top:30px;
		}
		
		
/* navigation */
ul#navigation{
	border:1px solid #CFCFCF;
	border-width:1px 0 0 0;
	list-style-type:none;
	overflow:hidden;
	width:100%;
}
	ul#navigation li{
		border:1px solid #CFCFCF;
		border-width:0 0 1px 0;
	}
		ul#navigation li.subitems{
			padding-bottom:4px;
		}
			ul#navigation li.subitems div.label{
				padding:3px 3px 0 3px;
				display:block;
				color:#666;
				background-image: url(/images/bullets/menu_bullet_grey.gif);
				background-repeat: no-repeat;
				background-position: right center;
				font-weight: bold;
			}
			ul#navigation li.subitems a.item {
				display:inline;
				background-image: none;
				font-weight: normal;
				font-size: 0.9em;
				margin-bottom:2px !important;
			}
		ul#navigation li .menu_no_link {
			background-color:#F0F0F0;
		}
		ul#navigation li a, ul#navigation .menu_no_link{
			text-decoration:none;
			display:block;
			padding:3px;
			background-image: url(/images/bullets/menu_bullet_blue.gif);
			background-repeat: no-repeat;
			background-position: right center;
			font-weight: bold;
		}
		ul#navigation li a:hover{
			text-decoration:underline;
			background-color:#EEF6FF;
		}
	
/*temporary - HW - */

ul.subnavigation{
	border:1px solid #CFCFCF;
	border-width:1px 0 0 0;
	list-style-type:none;
	overflow:hidden;
	width:100%;
	margin-left: 20px;
}
	ul.subnavigation li{
		border:1px solid #CFCFCF;
		border-width:0 0 1px 0;
	}
	ul.subnavigation li .menu_no_link {
		background-color:#F0F0F0;
	}
	ul.subnavigation li a, ul#navigation .menu_no_link{
		text-decoration:none;
		display:block;
		padding:3px 3px;
	}
	ul.subnavigation li a:hover{
		text-decoration:underline;
		background-color:#EEF6FF;
	}
/*end temporary - HW - */	
	

/* footer */
#footer{
	margin-top:20px;
	font-size:0.9em;
	margin-bottom:20px;
	overflow:hidden;
	width:100%;
	clear:both;
}

	ul#footerlinks{
		background-color:#F9F9F9;
		border:1px solid #CFCFCF;
		border-width:1px 0 0 0;
		list-style-type:none;
		overflow:hidden;
		width:100%;
		padding:10px 0;
	}
		ul#footerlinks li{
			float:left;
			margin-left:10px;
			border:1px solid #B2B2B2;
			border-width: 0 1px 0 0;
			padding-right:10px;
			line-height:1em;
		}
			ul#footerlinks li.nopipe{
				border:0px;
			}
			ul#footerlinks li.right{
				float:right;
			}
	#footer #torchbox{
		float:left;
		text-align: left;
		line-height: 27px;
		margin-left: 10px;
		width: 172px;
	}
	#footer #sponsor{
		float:right;
		text-align: left;
		line-height: 1.1em;
		width: 260px;
	}
		#footer #sponsor #sponsor_text {
			float: left;
			width: 130px;
		}
		#footer #sponsor #finansbank_logo{
			background:url(/images/backgrounds/logo_finansbank.gif) 0 0 no-repeat;
			width:177px;
			height:31px;
			top:0;
			right:0;
			text-indent:-5000px;
			outline:none;
			float:right;
		}
	#footer #sei{
		margin-top:10px;
		float:right;
		width:400px;
		height: 28px;
		line-height: 27px;
		position:relative;
		text-align:left;
	}
		#footer #sei #sei_text {
			float: left;
			position: absolute;
			right: 160px;
			text-align: right;
			width: 250px;
		}
		#footer #sei #seilogo{
			background:url(/images/backgrounds/logo_sei.gif) 0 0 no-repeat;
			width:149px;
			height:28px;
			top:0;
			right:0;
			position:absolute;
			text-indent:-5000px;
			outline:none;
			float:right;
		}
	#footer .disclaimer {
		clear: both;
	}



/* non-interface-specific reusable gubbins */
a.help{
	outline:none;
	cursor:help;
}
.arrowlink{
	background:url(/images/bullets/arrow.gif) 0 50% no-repeat;
	padding-left:10px;
	text-decoration:none;
}
.arrowlink_fixed{
	background:url(/images/bullets/arrow.gif) 0 4px no-repeat;
	padding-left:10px;
	text-decoration:none;
}
.help_style { /* this is only used in basic forms. This is not related to the overlay*/
	background-color:#F1FCE4;
	padding: 0.5em;
	overflow:hidden;
	margin-bottom:10px;
	color:#4A7C0E;
}
#errorExplanation{
	border:1px solid #EF3E33;
	background-color:#FEF5F5;
	overflow:hidden;
	padding:20px 10px;
	margin:0 0 10px 0;
}
	#errorExplanation h3{
		color:#EF3E33;
	}
	#errorExplanation ul{
		padding-left:20px;
	}

.grey{
	color:#666;
}
.black{
	color:#000;
}
.green{
	color:#9BCD65;
}
a.helptoggle{
	cursor:help;
	background:url(/images/lang/en/icons/helptoggle.gif) 0 0 no-repeat;
	width:19px;
	height:19px;
	line-height:1em;
	display:block;
	text-indent:-5000px;
	outline:none;
}
a.helptoggle_inactive{
	display: none !important;
}
/* when JS enabled: */
body.js #helpinfo_footnotes, body.js .helpinfo{
	display:none !important;
}

.small{
	font-size:0.8em;
	letter-spacing:0;
}
.error_notice{
	border:1px solid #EF3E33;
	background-color:#FEF5F5;
	overflow:hidden;
	padding:10px;
	margin:0 0 20px 0;
}
.ok_notice{
	border:1px solid #9BCD65;
	background-color:#F1FCE4;
	overflow:hidden;
	padding:10px;
	margin:0 0 20px 0;
}
.registration_notice{
	border:1px solid #FFCC66;
	background-color:#FFFF99;
	overflow:hidden;
	padding:10px;
	margin:0 0 20px 0;
}
.signup_prompt{
	width: 513px;
	height: 59px;
	background:url(/images/backgrounds/signup_prompt.png) 0 0 no-repeat;
	background-color: #2171D9;
	color: white;
	margin-bottom: 3em;
}
	.signup_prompt .text{
		width: 60%;
		float: left;
		padding: 8px 20px;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.signup_prompt .button{
		float: left;
		margin-top: 13px;
	}
img.postit {
	margin-bottom:20px;
}
.hidden {
	display: none !important;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
	overflow: hidden;
	background: white;
}
  

.overlay_pop_up, .questionnaire_pop_up, .tip_pop_up {
	color: #000;
	overflow: hidden;
	text-align: left;
	background: 0 0 no-repeat;
}
.overlay_pop_up, .tip_pop_up {
  width: 500px;
	z-index: 150;
	position: absolute;
}
.questionnaire_pop_up {
  width: 268px;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  background: #dfe6f2;
}
  .overlay_pop_up .bottom, .tip_pop_up .bottom, .questionnaire_pop_up .bottom,
  .overlay_pop_up .top, .tip_pop_up .top, .questionnaire_pop_up .top {
    width: 100%;
    height: 10px;
    background: 0 0 no-repeat;
    overflow: hidden;
  }
  .overlay_pop_up .top, .tip_pop_up .top {
    background-image: url(/images/backgrounds/overlay_pop_up_top.gif);
  }
  .overlay_pop_up .bottom, .tip_pop_up .bottom {
    background-image: url(/images/backgrounds/overlay_pop_up_bottom.gif);
    clear: both;
  }
  .questionnaire_pop_up .top {
    background-image: url(/images/backgrounds/questionnaire_pop_up_top.gif);
    position: absolute;
    top: 0;
    z-index: 50;
  }
  .questionnaire_pop_up .bottom {
    background-image: url(/images/backgrounds/questionnaire_pop_up_bottom.gif);
    position: absolute;
    bottom: 0;
  }
  .overlay_pop_up .content, .tip_pop_up .content, .questionnaire_pop_up .content {
  	padding: 10px 30px 1px 20px;
  }
  .overlay_pop_up .content, .tip_pop_up .content {
  	overflow: hidden;
  	height: 1%;
    background: #dfe6f2;
  }
  .questionnaire_pop_up .content {
    padding-right: 35px;
    position: absolute;
  }
  .overlay_pop_up h2, .tip_pop_up h2, .questionnaire_pop_up h2 {
    margin-top: 10px;
  }
  .overlay_pop_up p, .tip_pop_up p, .questionnaire_pop_up p {
  	margin-bottom: 10px;
  }
  .overlay_pop_up p.link, .tip_pop_up p.link, .questionnaire_pop_up p.link {
  	color: #2887FD;
  	text-decoration: underline;
  }
  .overlay_pop_up a.close, .tip_pop_up a.close, .questionnaire_pop_up a.close {
  	background: url(/images/lang/en/buttons/overlay_close.gif) 100% 50% no-repeat;
  	display: block;
  	cursor: pointer;
    width: 25px;
    height: 25px;
    text-indent: -999px;
    z-index: 50;
    position: absolute;
    right: 4px;
    top: 5px;
  }
  .questionnaire_pop_up .scroll {
    position: absolute;
    right: 8px;
    top: 40px;
    z-index: 50;
  }
    .questionnaire_pop_up .scroll a {
      display: block;
      width: 17px;
      height: 17px;
      text-indent: -999px;
      cursor: pointer;
      background-position: 0 0 no-repeat;
    }
      .questionnaire_pop_up .scroll a.disabled {
        background-position: 0 -17px;
        cursor: default;
      }
    .questionnaire_pop_up .scroll .up {
      background: url(/images/buttons/questionnaire_pop_up_scroll_up.gif);
    }
    .questionnaire_pop_up .scroll .down {
      margin-top: 5px;
      background: url(/images/buttons/questionnaire_pop_up_scroll_down.gif);
    }

/* workaround for IE6 bug (chooses bogus image dimensions if width:auto and layout happens before image is served) */
#next_button {
	width: 110px !important;
}
#login_button {
	width: 97px !important;
}
#save_button {
	width: 104px !important;
}
#continue_button {
	width: 130px !important;
}
#find_address_button {
	width: 220px !important;
}
#sign_in_button {
	width: 69px !important;
}
	
/* Dropdown menus. All z-indexes must be 200 or above */
.dropdown_menu { /* inactive container*/
	float:left;
	width:50px;
}
.dropdown_menu_active{/* active container*/
	float:left;
	width:75px;
}
	.dropdown_menu_trigger{
		cursor:pointer;
		width:59px;
		position:absolute;
		font-size:0.9em;
		padding:2px 8px;
		line-height:1.5em;
		margin:5px 0 0 0;
		outline:none;
		text-align:center;
	}
	.dropdown_menu_trigger:hover{
		border:1px solid black;
		background-color:#F9FCFF;
		border-color:#CCC #666 #666 #CCC;
		cursor:pointer;
		width:59px;
		position:absolute;
		font-size:0.9em;
		padding:2px 8px;
		line-height:1.5em;
		margin:5px 0 0 0;
		outline:none;
		text-align:center;
	}
		.activetarget, .activetarget:hover{
			border:1px solid black;
			border-color:#333 #CCC #CCC #333;
			background-color:white;
			outline:none;
			width:75px;
			padding:2px 0;
			text-align:center;
			width: 75px;
		}
	ul.dropdown_menu_list{
		position:absolute;
		padding:0px;
		margin:24px  0 0 0;
		z-index:210; 
		width:75px;
		background-color:white;
		font-size:0.9em;
		border:1px solid #CFCFCF;
		background-color:white;
	}
		ul.dropdown_menu_list li { 
			padding:0 !important;
			list-style-type:none;
			width:100%;
			display:block;
			overflow:hidden;
			text-align:center;
			position:relative;
			line-height:1em !important;
		}
			ul.dropdown_menu_list li a{
				text-decoration:none;
				color:#666;
				display:block;
				padding:4px 0 !important
			}
			ul.dropdown_menu_list li a:hover{
				background-color:#FFF58A;
			}

.faq h2 {
	margin-top: 1em;
}
.faq h3.fauxlink {
	color:#2887FD;
	font-weight: normal;
	cursor: pointer;
}

/* styles to only apply when javascript is enabled */
body.js .help_popup {
    display: none;
}
body.js .help_popup_visible {
    display: block ! important;
}