/* the proper questionnaire */
#singlecolumn #questioncontent{
	width:auto;
}
#questioncontent{
	float:left;
	overflow:hidden;
	width:570px;
	padding-right:5px;
}
	#questioncontent h1{
		padding-right: 19px;
		border:0;
		font-size:3em !important;
		padding-bottom:25px;
	}
		#questioncontent h1 a.helptoggle{
			display:inline;
			position:absolute;
			padding:5px;
			padding-top: 10px;
			background-position:50% 100%;
			line-height:15px !important;
			background-image: url(/images/lang/en/icons/helptoggle_small.gif);
			margin-left: 5px;
		}
	#questioncontent .columnset {
		margin-bottom: 15px;
	}
	#questioncontent #answers {
	  height: 1%;
	}
	#questioncontent h2.green{
		font-size:1.4em;
		letter-spacing:-1px;
	}
	#questioncontent input.button{
		float:left;
	}
	#questioncontent .questionimage{
		/*
		width:150px;
		height:150px;
		border:1px solid #f2f2f2;
		*/
		float:right;
		margin:0 30px 0 20px ;
	}
	#questioncontent ul .questionimage{
		margin:0 0 15px 20px ;
	}
	#questioncontent .buttoncontainer {
		margin-top:20px;
		width:100%;
		overflow:hidden;
		padding-top:20px;
		border-top: 1px solid #cfcfcf;
	}
	#questioncontent .buttoncontainer .answerbutton {
		margin-left:120px;
	}
ul#answersummary{
	list-style-type:none;
	overflow:hidden;
	width:100%;
}
	ul#answersummary li{
		overflow:hidden;
		width:100%;
		font-size:1.2em;
		font-weight:bold;
		letter-spacing: -0px;
		color:#666;
		line-height:1em;
	}
		ul#answersummary li .questionimage{
			float:left;
			margin:0 20px 20px 0;
			clear:left;
		}
		ul#answersummary li a.changebutton{
			margin-top:10px;
			display:block;
		}
		ul#answersummary li div{
			width: auto;
			padding-top:10px;
		}
		ul#answersummary li p{
			margin-left:120px;
		}
		ul#answersummary li.even {
			width:45%;
			float:left;
			margin-right:8%;
		}
		ul#answersummary li.odd {
			width:45%;
			float:left;
		}
		
div.lifestyle-profile {
	width: 660px;
    float: left;
    padding-left: 60px;
	margin-top:30px;
}
ul#answers{
	list-style-type:none;
}
	ul#answers li{
		margin:0 0 15px 0;
		line-height:1.5em;
	}
		ul#answers li a.questionoption{
			font-size:1.8em;
			letter-spacing:-1px;
			color:#666;
			text-decoration:none;
			background:url(/images/bullets/question_unchecked.gif) 0 0.2em no-repeat;
			padding:0 0 0 30px;
		}
		ul#answers li a.questionoption:hover{
			color:#2887FD;
			text-decoration:none;
			background:url(/images/bullets/question_checked.gif) 0 0.2em no-repeat;
		}
		ul#answers li a.selected{
			background:url(/images/bullets/question_checked.gif) 0 0.2em no-repeat;
		}
	ul#answers input{
		margin: 0 15px 0 0;
		margin-bottom:20px;
		position:relative;
		float:left;
		display:block;
		clear:left;
	}
	ul#answers .answer_label{
		width:500px;
		font-size:1.6em;
		letter-spacing:-1px;
		line-height:1em;
		color:#666;
	}
	ul#answers select{
		display:block;
		border:1px solid #CCC;
		font-size:1.3em;
		margin-top:5px;
	}
	ul#answers li.even {
		width:45%;
		float:left;
		margin-right:8%;
	}
	ul#answers li.odd {
		width:45%;
		float:left;
	}
	ul#answers .button {
		margin-top:30px;
	}
	#questioncontent .answer_label a.helptoggle{
		display:inline;
		padding:0 5px;
		position:absolute;
		background-position:50% 0%;
		line-height:15px !important;
	}
	a.answerhelptoggle{
		font-size: 10pt;
		/* override icons for non-JS users; will be over-overridden for JS users */
		background-image: none !important;
		text-indent: 0 !important;
	}

	body.js #questioncontent .answer_label a.answerhelptoggle{
		background-image: url(/images/lang/en/icons/helptoggle.gif) !important;
		text-indent: -5000px !important;
	}
	/* make info buttons on answers always show - not just on hover */
	#questioncontent .answer_label a.helptoggle_inactive{
		display:inline !important;
	}
#forwardback{
	width:100%;
}
	#forwardback a.backbutton{
		background:url(/images/lang/en/buttons/back.gif) 0 0% no-repeat;
		width:110px;
		height:44px;
		display:block;
		float:right;
		text-indent:-5000px;
		outline:none;
	}
	#forwardback a.backbutton:hover{
		background:url(/images/lang/en/buttons/back.gif) 0 100% no-repeat;
	}


/* question section menu*/
ul#questionmenu{
	width:140px;
	float:left;
	list-style-type:none;
}
ul#questionmenu li{
	position:relative;
}
ul#questionmenu li a,ul#questionmenu li strong{
	display:block;
	text-indent:-5000px;
	outline:none;
}
ul#questionmenu li img.png{
	position:absolute;
	top:0;
}
ul#questionmenu li#section_food a{
	background:url(/images/lang/en/menu/food_disabled.gif) 0 0 no-repeat;
	width:94px;
	height:78px;
}
ul#questionmenu li#section_food.complete a{
	background:url(/images/lang/en/menu/food_disabled_complete.gif) 0 0 no-repeat;
	width:94px;
	height:78px;
}
ul#questionmenu li#section_food.enabled strong{
	background:url(/images/lang/en/menu/food_enabled.gif) 0 0 no-repeat;
	width:124px;
	height:105px;
}
ul#questionmenu li#section_food.enabled_complete strong{
	background:url(/images/lang/en/menu/food_enabled_complete.gif) 0 0 no-repeat;
	width:124px;
	height:105px;
}
ul#questionmenu li#section_travel a{
	background:url(/images/lang/en/menu/travel_disabled.gif) 0 0 no-repeat;
	width:88px;
	height:74px;
}
ul#questionmenu li#section_travel.complete a{
	background:url(/images/lang/en/menu/travel_disabled_complete.gif) 0 0 no-repeat;
	width:88px;
	height:74px;
}
ul#questionmenu li#section_travel.enabled strong{
	background:url(/images/lang/en/menu/travel_enabled.gif) 0 0 no-repeat;
	width:127px;
	height:108px;
}
ul#questionmenu li#section_travel.enabled_complete strong{
	background:url(/images/lang/en/menu/travel_enabled_complete.gif) 0 0 no-repeat;
	width:127px;
	height:108px;
}
ul#questionmenu li#section_home a{
	background:url(/images/lang/en/menu/home_disabled.gif) 0 0 no-repeat;
	width:85px;
	height:69px;
}
ul#questionmenu li#section_home.complete a{
	background:url(/images/lang/en/menu/home_disabled_complete.gif) 0 0 no-repeat;
	width:85px;
	height:69px;
}
ul#questionmenu li#section_home.enabled strong{
	background:url(/images/lang/en/menu/home_enabled.gif) 0 0 no-repeat;
	width:121px;
	height:102px;
}
ul#questionmenu li#section_home.enabled_complete strong{
	background:url(/images/lang/en/menu/home_enabled_complete.gif) 0 0 no-repeat;
	width:121px;
	height:102px;
}
ul#questionmenu li#section_stuff a{
	background:url(/images/lang/en/menu/stuff_disabled.gif) 0 0 no-repeat;
	width:91px;
	height:74px;
}
ul#questionmenu li#section_stuff.complete a{
	background:url(/images/lang/en/menu/stuff_disabled_complete.gif) 0 0 no-repeat;
	width:91px;
	height:74px;
}
ul#questionmenu li#section_stuff.enabled strong{
	background:url(/images/lang/en/menu/stuff_enabled.gif) 0 0 no-repeat;
	width:125px;
	height:106px;
}
ul#questionmenu li#section_stuff.enabled_complete strong{
	background:url(/images/lang/en/menu/stuff_enabled_complete.gif) 0 0 no-repeat;
	width:125px;
	height:106px;
}



#questioncontent ul#progresslist{
	list-style-type:none;
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
}
	
	#questioncontent ul#progresslist li{
		font-size:1.2em;
		font-weight:bold;
		float:left;
		width:1.4em;
		display:block;
		text-align:center;
		line-height:1.4em;
		margin-right:10px;
	}
		#questioncontent ul#progresslist li.completed{
			color:white;
		}
		#questioncontent.home ul#progresslist li.completed{
			background-color:#009DDC;
		}
		#questioncontent.travel ul#progresslist li.completed{
			background-color:#F9A13A;
		}
		#questioncontent.food ul#progresslist li.completed{
			background-color:#EF3E33;
		}
		#questioncontent.stuff ul#progresslist li.completed{
			background-color:#9BCD65;
		}
		
	#questioncontent #helpinfo_footnotes{
		clear: both;
		padding: 1px; /* required to force margins on .helpinfo_footnote to take effect on Firefox */
	}
		#questioncontent #helpinfo_footnotes .helpinfo_footnote{
			margin-top: 1em;
		}
		#questioncontent #helpinfo_footnotes h2{
			font-size: 1.5em;
			margin-bottom: 0px;
		}
		#questioncontent #helpinfo_footnotes a.helptoggle {
			float: left;
			margin: 0 4px 4px 0;
		}