/*---------------------------------------------- Reset -----------------------------------------------*/
* { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
a, :focus { outline:none; }
a { cursor:pointer; }
li { list-style:none; }
hr, .hidden { display:none; }
img { border:none; }

/*----------------------------------------- Global Layout --------------------------------------------*/

body
{
	font-size:medium;
	font-family:"Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	background-color:#ffffff;
}

/*------------------------------------------ Content Main --------------------------------------------*/	

	#content-main
	{
		width:980px;
		margin:0 auto;
		background-color:#fff;
	}
	
	#loader
	{
		background:transparent url(/c/images/loader.gif) no-repeat center;
		height:100px;
		width:100px;
		overflow:hidden;
		text-indent:-300em;
		position:absolute;
		z-index:99;
		left:46%;
		top:20%;
	}
	
#quiz-container
{
	background-color:#e5e4d2;
	border:5px solid #d0cfaf;
	height:434px;
	position:relative;
	padding-bottom:10px;
}

#quiz-container h2
{
	width:351px;
	height:38px;
	overflow:hidden;
	text-indent:-300em;
	background: transparent url(/c/images/intro_title.png) no-repeat left top;
	display:none;
	position:relative;
	z-index:5;
	top:5px;
	left:25px;
	display:none;
}

#copyright
{
	font-size:70%;
	color:#918e36;
	padding:7px 0 7px 0px;
}

/*------------------------------------------ Intro Slide ---------------------------------------------*/

	#intro-chair
	{
		z-index:3;
		width:355px;
		height:374px;
		position:absolute;
		top:5px;
		right:70px;
		background:transparent url(/c/images/intro_chair.png) no-repeat center;
		opacity:0;
		-webkit-transform: scale(0);
		-webkit-transition: -webkit-transform 0.3s ease-out;
	}
	
		#intro-chair.active
		{
			-webkit-transform: scale(1);
		}
	
	#intro-base
	{
		z-index:2;
		width:100%;
		height:149px;
		position:absolute;
		bottom:0;
		left:0;
		background:#e5e4d2 url(/c/images/intro_bg_tile.gif) repeat-x left bottom;
	}
	
	#intro-burst
	{
		z-index:1;
		display:block;
		position:absolute;
		top:30px;
		right:-70px;
		width:620px;
		height:620px;
		background:#e5e4d2 url(/c/images/intro_burst.jpg) no-repeat center;
		opacity:0;
		-webkit-transition: -webkit-transform 1.5s ease-out;
	}
	
		#intro-burst.active
		{
			-webkit-transform: rotate(360deg);
		}

#para-intro
{
	width:450px;
	font-size:100%;
	line-height:1.6em;
	color:#333333;
	z-index:999;
	position:relative;
	left:29px;
	top:10px;
	display:none;
}

	#para-intro strong
	{
		color:#646224;
	}

#btn-start-quiz
{
	position:absolute;
	top:195px;
	left:82px;
	z-index:20;
	text-align:center;
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:220%;
	width:357px;
	height:59px;
	padding-top:15px;
	background:transparent url(/c/images/quiz_btn_start_sprite.gif) no-repeat left top;
}
	
	#btn-start-quiz:hover
	{
		color:#918e36;
		background-position:right top;
	}
	
/*------------------------------------------ Quiz Steps ----------------------------------------------*/

#quiz-steps
{
	overflow:hidden;
	position:absolute;
	bottom:14px;
	left:25px;
}

	#quiz-steps ul
	{
		float:left;
		width:300px;
		height:10px;
		padding:1px 1px 0 1px;
		background-color:#fff;
		border:1px solid #e3e2e2;
		overflow:hidden;
		margin-top:1px;
	}

	#quiz-steps li
	{
		float:left;
		overflow:hidden;
		text-indent:-300em;
		font-size:1px;
		background-color:#918e36;
		height:9px;
	}

	#quiz-steps #step-text
	{
		float:left;
		font-size:70%;
		color:#a4a288;
		font-weight:normal;
		padding:0 0 0 13px;
	}
	
/*------------------------------------ Next Question Button ------------------------------------------*/

#btn-next
{
	position:absolute;
	bottom:10px;
	right:20px;
	text-align:center;
	text-decoration:none;
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:90%;
	width:100px;
	height:23px;
	padding-top:5px;
	background:transparent url(/c/images/quiz_btn_next_sprite.gif) no-repeat center top;
}

	#btn-next:hover
	{
		color:#918e36;
		background-position:right top;
	}
	
	#btn-next.inactive
	{
		color:#ebead5;
		cursor:default;
		background-position:left top;
	}
	
/*-------------------------------------- Next Warning Balloon-----------------------------------------*/

#warning
{
	position:absolute;
	z-index:999;
	width:217px;
	height:52px;
	padding:11px 2px 0px 2px;
	background:transparent url(/c/images/error_balloon.gif) no-repeat left top;
	color:#918e36;
	text-align:center;
	font-size:75%;
	font-weight:bold;
}

/*--------------------------------------------- Quiz Help --------------------------------------------*/
	
#quiz-help-link
{
	display:block;
	overflow:hidden;
	width:27px;
	height:23px;
	padding-top:4px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	cursor:default;
	background:transparent url(/c/images/quiz_help_link_sprite.png) no-repeat left top;
	position:absolute;
	top:14px;
	right:20px;
	z-index:997;
	color:#fff;
}

	#quiz-help-link:hover
	{
		color:#918e36;
		background-position:right top;
	}
	
#quiz-help
{
	width:301px;
	height:153px;
	color:#fff;
	font-size:90%;
	line-height:1.25em;
	position:absolute;
	display:none;
	z-index:996;
	background:transparent url(/c/images/quiz_help_container.gif) no-repeat left top;
}

	#quiz-help p
	{
		padding:22px 26px 0 26px;
	}
	
/*--------------------------------------- Quesiton Container -----------------------------------------*/

#question-container
{
	padding:25px 25px 0 25px;
	position:relative;
	overflow:hidden;
	height:96%;
}

	#question-container h3
	{
		color:#333333;
		font-size:80%;
		padding-bottom:12px;
	}

/*------------------------------------------ Totaling Screen -----------------------------------------*/

#quiz-totaling-animation
{
	position:relative;
	top:18%;
	width:310px;
	margin:0 auto;
	text-align:center;
	font-size:85%;
	color:#918e36;
	font-weight:bold;
}

	#quiz-totaling-animation img
	{
		position:relative;
	}

/*----------------------------------------- Results Container ----------------------------------------*/
	
#results-container
{
	background-color:#fff;
	border:7px solid #d0ceae;
	color:#918e36;
	overflow:hidden;
	font-size:90%;
	padding:20px;
}

	#results-container h3
	{
		text-transform:uppercase;
		font-size:180%;
		color:#918e36;
	}
	
	#results-container #type-description
	{
		width:500px;
		float:left;
	}
	
		#results-container #type-description p
		{
			line-height:1.65em;
			padding-bottom:15px;
		}
		
		#results-container #type-description #type-brand
		{
			overflow:hidden;
			padding-top:15px;
		}
		
			#results-container #type-description #type-brand li
			{
				float:left;
			}
			
			#results-container #type-description #type-brand li.even
			{
				border-left:1px solid #d0ceae;
				padding-left:20px;
				margin-left:20px;
			}
		
	#results-container #type-extras
	{
		width:312px;
		float:right;
		text-align:center;
	}
	
		#results-container #social-media-links
		{
			border:2px solid #d0ceae;
			padding:8px 10px;
			overflow:hidden;
			float:left;
			width:288px;
		}
		
		#results-container #social-media-links li
		{
			float:left;
			width:50%;
			text-align:left;
			font-size:80%;
			padding:6px 0px;
		}
		
			#results-container #social-media-links li a
			{
				display:block;
				text-decoration:none;
				color:#4f6fa8;
				background:#fff url(/c/images/results_share_links_sprite.gif) no-repeat left top;
				padding-left:20px;
				font-weight:bold;
			}
			
			#results-container #social-media-links li#share-twitter a
			{
				background-position:left -30px;
			}
			
			#results-container #social-media-links li#share-email a
			{
				background-position:left -56px;
			}
			
			#results-container #social-media-links li#share-facebook a
			{
				background-position:left bottom;
			}
			
				#results-container #social-media-links li a:hover
				{
					text-decoration:underline;
				}
				
	#btn-quiz-reset
	{
		display:block;
		width:188px;
		height:25px;
		float:right;
		color:#918e36;
		cursor:pointer;
		font-size:80%;
		background:transparent url(/c/images/results_quiz_reset_bg.gif) no-repeat right top;
		text-align:center;
	}
	
		#btn-quiz-reset span
		{
			background:transparent url(/c/images/results_quiz_reset_icon.gif) no-repeat left center;
			padding-left:23px;
		}
		
		#btn-quiz-reset:hover
		{
			color:#fff;
		}
		
		#btn-quiz-reset:hover span
		{
			background-image: url(/c/images/results_quiz_reset_spinner.gif);
		}

/*---------------------------------------- Share Balloon Styles --------------------------------------*/

.share-balloon
{	
	position:absolute;
	z-index:999;
}
	#balloon-close
	{
		position:relative;
		z-index:20;
		overflow:hidden;
		text-indent:-300em;
		top:12px;
		right:12px;
		display:block;
		float:right;
		color:#918e36;
		font-size:1%;
		width:14px;
		height:14px;
		background:transparent url(/c/images/balloon_close_sprite.gif) no-repeat top left;
		cursor:pointer;
	}
	
		#balloon-close:hover
		{
			background-position:top right;
		}
	
	#share-badges-balloon, #share-email-balloon
	{
		top:3px;
		right:5px;
		width:574px;
		height:420px;
		background:transparent url(/c/images/badges_balloon.png) no-repeat top left;
	}
	
		#share-email-balloon
		{
			top:34px;
		}
		
	#badges-container
	{
		border:1px solid #e5e4d2;
		background-color:#fff;
		overflow:hidden;
		width:547px;
		height:377px;
		position:relative;
		top:13px;
		left:13px;
	}
	
		#badges-container ul
		{
			overflow:hidden;
		}
		
			#badges-container ul li label
			{
			
				width:55px;
				padding-right:5px;
				font-size:70%;
				text-align:right;
				color:#a39d49;
			}
			
			#badges-container ul li input
			{
				border:1px solid #d1cfb0;
				width:155px;
				padding:2px;
			}
		
			#badges-container ul .badge-horizontal
			{
				float:left;
				text-align:center;
				width:300px;
				height:337px;
				padding:40px 10px 0 8px;
				border-right:1px solid #e5e4d2;
			}
			
			#badges-container ul .badge-vertical
			{
				float:right;
				text-align:center;
				width:210px;
				padding:12px 8px 0 0;
			}
			
#form-share-email fieldset
{
	border:1px solid #e5e4d2;
	overflow:hidden;
	width:467px;
	height:347px;
	padding:30px 0 0 80px;
	position:relative;
	top:13px;
	left:13px;
	font-size:90%;
}

	#form-share-email legend
	{
		display:none;
	}
	
	#form-share-email p
	{
		padding:4px 0;
		overflow:hidden;
	}
	
	#form-share-email label
	{
		display:block;
		float:left;
		width:102px;
		padding-right:8px;
		font-size:90%;
		text-align:right;
		color:#918e36;
	}
	
	#form-share-email input
	{
		border:1px solid #d1cfb0;
		width:265px;
		padding:4px;
		color:#353431;
	}
	
	#form-share-email textarea
	{
		width:375px;
		height:130px;
		font-family:"Lucida Grande", "Lucida Sans", arial;
		font-size:80%;
		border:1px solid #d1cfb0;
		padding:4px;
		color:#353431;
	}
	
	#form-share-email #submit
	{
		background-color:#fff;
		color:#918e36;
		border:2px solid #d0ceae;
		width:385px;
		display:block;
		font-size:100%;
		font-weight:bold;
		cursor:pointer;
	}
	
		#form-share-email #submit:hover
		{
			color:#fff;
			background-color:#918e36;
		}
		
	label .form-error
	{
		display:block;
		width:10px;
		height:0px;
		padding-top:10px;
		top:2px;
		background:transparent url(/c/images/warning.gif) no-repeat top left;
		overflow:hidden;
		position:relative;
		float:left;
	}
	
	#form-confirm, #form-error
	{
		position:relative;
		top:-27px;
		margin-bottom:-26px;
		width:384px;
		padding:4px 6px;
		font-weight:bold;
		font-size:90%;
		text-align:center;
		z-index:999px;
	}
	
	#form-confirm
	{
		border:1px solid #88c666;
		background-color:#bee8a7;
		color:#2b5a37;
	}
	
	#form-error
	{
		border:1px solid #fff000;
		background-color:#ffffb4;
		color:#282828;
	}

/*--------------------------------------- Question Gobal Styles --------------------------------------*/

.question
{
	position:relative;
	overflow:hidden;
	height:100%;
	z-index:87;
}
	
	.question li
	{
		float:left;
		border:2px solid #e5e4d2;
	}
	
	.question li a img
	{
		display:block;
	}
	
	.question li a
	{
		border:6px solid #d0ceae;
		display:block;
		background-color:#fff;
		font-size:125%;
		color:#918e36;
		text-transform:uppercase;
		text-align:center;
	}
	
		.question li:hover,
		.question li:hover a,
		.question li a:hover,
		.question li.active,
		.question li.active a
		{
			border-color:#918e36;
		}
	
/*--------------------------------------- Question Type text bubbles ----------------------------------*/
	
	.question.text li
	{
		position:relative;
		border:none;
	}
	
	.question.text li.opt-1,
	.question.text li.opt-2,
	.question.text li.opt-3
	{
		left:-28px;
		margin-right:-28px;
	}
	
	.question.text li.opt-1,
	.question.text li.opt-3
	{
		top:105px;
		margin-bottom:105px;
	}
	
	.question.text li a
	{
		padding:65px 35px 0 35px;
		width:170px;
		height:175px;
		overflow:hidden;
		border:none;
		background:transparent url(/c/images/question_bubble_bg_sprite.gif) no-repeat right top;
	}
	
		.question.text li a:hover,
		.question.text li.active a
		{
			color:#fff;
			background-position:left top;
		}

/*--------------------------------------- Question Type image-4 -------------------------------------*/

	.question.image-4 li
	{
		width:214px;
		height:340px;
		font-size:90%;
		margin-right:5px;
		position:relative;
	}
		
		.question.image-4 li:last-child,
		.question.image-4 li.last-child
		{
			margin-right:0;
		}
	
		.question.image-4 li a
		{
			padding:28px 4px 0 4px;
			height:300px;
		}
		
		.question.image-4 li img
		{
			position:absolute;
			z-index:1;
			left:8px;
			bottom:8px;
		}
		
		.question.image-4 li span
		{
			position:relative;
			z-index:2;
		}
/*--------------------------------------- Question Type image-10 ------------------------------------*/
	
	.question.image-10 li
	{
		position:relative;
		margin:0 16px 16px 0px;
	}