/* ########## global ########## */
@import url(global.css);

html, body {
	background:				#fff url(../img/global/background.jpg) repeat-x left top;
}

body {
	color:					#666;
	font:					0.8em arial;
	margin:					0;
	text-align:				center;
}

#body {
	background:				#fff;
	margin:					10px auto;
	width:					990px;
}

a {
	color:					#666;
	text-decoration:		none;
}

#header, #content, #footer {
	margin:					0 auto;
	text-align:				left;
	width:					920px;
}

.hide {
	display:				none;
}

.page-break {
	page-break-before:		always;
}

/* background images */
#content div.bottom,
#content div.top,
#progress li,
div.progress a.next,
div.progress a.previous,
#footer a.ipac
{
	background:				transparent no-repeat;
	display:				block;
	text-indent:			-9999px;
}

/* float fix */
#header,
#questions li,
#progress,
#answers li,
#footer,
form,
#thankyou
{
	*display:				inline-block;
}

#header:after,
#questions li:after,
#progress:after,
#answers li:after,
#footer:after,
form:after,
#thankyou:after
{
	content:				".";
	visibility:				hidden;
	display:				block;
	height:					0;
	clear:					both;
}


/* ########## header ########## */
#header {
	padding:				40px 0 20px;
}

#header img.smp {
	cursor:					pointer;
	float:					left;
	height:					67px;
	width:					211px;
}

#header img.logo {
	cursor:					pointer;
	float:					right;
	/*height:					80px;
	width:					139px;*/
}


/* ########## content ########## */
#content {
	background:				#c8c9cb;
	text-align:				center;
}

#content div.bottom,
#content div.top
{
	height:					22px;
	width:					920px;
}

#content div.bottom {
	background-image:		url(../img/global/content/bottom.gif);
	background-position:	bottom;
}

#content div.top {
	background-image:		url(../img/global/content/top.gif);
	background-position:	top;
}


#content div.container {
	background:				#fff;
	margin:					0 auto;
	padding:				10px;
	text-align:				left;
	width:					856px;
}

/* questions */
#body.q1  #q1,
#body.q2  #q2,
#body.q3  #q3,
#body.q4  #q4,
#body.q5  #q5,
#body.q6  #q6,
#body.q7  #q7,
#body.q8  #q8,
#body.q9  #q9,
#body.q10 #q10,
#body.q11 #q11,
#body.q12 #q12,
#body.q13 #q13
{
	display:				block;
}

#questions {
	text-align:				left;
}

#questions label {
	cursor:					pointer;
	display:				block;
	height:					45px;
	line-height:			45px;
	text-indent:			15px;
	_height:				20px;
	_padding:				10px 0;
}

#questions label:hover, #questions label.hover {
	background:				#f4e0a1;
}

#questions li {
	display:				none;
}

#questions li img {
	background:				#f4f4f4;
	float:					left;
	height:					153px;
	margin:					25px;
	width:					159px;
}

#questions li fieldset {
	float:					right;
	width:					600px;
}

#questions li fieldset p {
	font-size:				100%;
	margin-bottom:			15px;
}

/* progress */
#form {
	text-align:				center;
}

div.progress {
	height:					40px;
	margin:					0 auto;
	position:				relative;
	width:					340px;
}

div.progress a.next,
div.progress a.previous
{
	cursor:					pointer;
	height:					40px;
	outline:				none;
	position:				absolute;
	top:					0;
	width:					35px;
}

div.progress a.next.hide,
div.progress a.previous.hide
{
	cursor:					default;
	visibility:				hidden;
}

div.progress a.next {
	background-image:		url(../img/questions/progress/next.gif);
	right:					0;
}

div.progress a.previous {
	background-image:		url(../img/questions/progress/previous.gif);
	left:					0;
}

#progress {
	height:					40px;
	margin:					0 40px;
	width:					280px;
	*width:					260px;
}

#progress li {
	background-image:		url(../img/questions/progress/grey.gif);
	background-position:	center center;
	float:					left;
	height:					40px;
	width:					20px;
}

#progress li.yellow {
	background-image:		url(../img/questions/progress/yellow.gif);
}


/* ########## answers ########## */
#answers {
	margin:					0 auto;
	width:					800px;
}

#answers li {
	margin-bottom:			25px;
}

#answers li img {
	float:					left;
}

#answers li div.copy {
	float:					right;
	width:					600px;
}

#answers li div.copy h2 {
	border-bottom:			5px solid #e9b92c;
	color:					#e9b92c;
	display:				block;
	font-size:				130%;
	font-weight:			bold;
	margin-bottom:			10px;
	text-indent:			5px;
}

#answers li div.copy div {
	display:				none;
	margin-bottom:			15px;
}

#answers li div.copy div.show {
	display:				block;
}

#answers li div.copy div h3,
#answers li div.copy div ul
{
	background-color:		#c8c9cb;
	color:					#fff;	
	display:				none;
	font-weight:			normal;
	padding:				10px;
}

#answers.action li div.copy h3,
#answers.action li div.copy ul
{
	display:				block;
}

#answers.action li div.copy h3 {
	font-weight:			bold;
	margin-top:				5px;
	padding-bottom:			0;
}

#answers.action li div.copy ul {
	display:				block;
	padding-top:			0;
}

#answers.action li div.copy ul li {
	margin:					0;
	padding:				0;
}

#answers.action li div.copy li.title {
	font-weight:			bold;
}

#answers.action li div.copy ul li img {
	background:				red;
	display:				block;
	height:					20px;
	margin-right:			5px;
	width:					20px;
}

form.answers {
	margin:					5px auto 50px;
	width:					840px;
}

form.answers fieldset.profile {
	background:				transparent url(../img/answers/profilebox.gif) no-repeat;
	display:				block;
	float:					left;
	height:					141px;
	text-align:				left;
	width:					485px;
}

form.answers fieldset.profile h2 {
	display:				block;
	font-size:				130%;
	margin:					5px 10px 10px;
}

form.answers fieldset.profile p,
form.answers fieldset.register p
{
	display:				block;
	margin:					0 10px 5px;
}

form.answers fieldset.register {
	background:				transparent url(../img/answers/registerbox.gif) no-repeat;
	display:				block;
	float:					right;
	height:					141px;
	text-align:				center;
	width:					347px;
}

form.answers fieldset.register p {
	margin-bottom:			5px;
	*margin-bottom:			2px;
	margin-top:				5px;
	text-align:				left;
}

form.answers fieldset.register input.text {
	display:				block;
	font-size:				130%;
	margin:					0 auto 2px;
	width:					320px;
}

form.answers fieldset.register input.email-bg {
	background:				#ffffff url(../img/answers/email.gif) no-repeat left center;
}

form.answers fieldset.register input.name-bg {
	background:				#ffffff url(../img/answers/name.gif) no-repeat left center;
}

form.answers fieldset.register input.button {
	background:				#e9b92c url(../img/answers/btn-submit.gif) no-repeat;
	border:					0;
	cursor:					pointer;
	display:				block;
	float:					right;
	height:					28px;
	margin-right:			10px;
	text-indent:			-9999px;
	width:					101px;
}

form.answers fieldset.register a.contact {
	background:				url(../img/email/contact-us.gif) no-repeat;
	cursor:					pointer;
	display:				block;
	float:					right;
	height:					27px;
	margin-right:			5px;
	outline:				none;
	text-indent:			-9999px;
	width:					99px;
}


/* ########## disclaimer/thankyou ########## */
#disclaimer {
	text-align:				justify;
}

#thankyou img {
	float:					left;
}

#thankyou div {
	float:					right;
	width:					680px;
}

#disclaimer div h2,
#thankyou div h2
{
	border-bottom:			5px solid #e9b92c;
	color:					#e9b92c;
	display:				block;
	font-size:				130%;
	font-weight:			bold;
	margin-bottom:			10px;
	text-indent:			10px;
}

#disclaimer div p,
#thankyou div p
{
	margin-bottom:			10px;
}

#disclaimer div a,
#thankyou div a 
{
	color:					#e9b92c;
}


/* ########## footer ########## */
#footer {
	padding:				5px 0;
}

#footer a {
	font-size:				100%;
}

#footer a.ipac {
	background-image:		url(../img/global/logo-small.gif);
	float:					left;
	height:					38px;
	outline:				none;
	width:					67px;
}

#footer p {
	display:				block;
	float:					right;
	font-size:				85%;
	height:					38px;
	line-height:			38px;
	margin-right:			25px;
	text-align:				right;
}