@charset "utf-8";
/* CSS Document */

body
{
	background:url(/images/landing/pq-quiz/background.png) center repeat-y;
}

#pq-quiz-wrapper
{
	display:block;
	width:980px;
	margin:30px auto 0 auto;
}

#pq-quiz-header
{
	display:block;
	clear:both;
	width:980px;
	height:105px;
	background:url(/images/landing/pq-quiz/header.png) no-repeat;
}

#pq-quiz-content
{
	display:block;
	clear:both;
	width:980px;
	height:680px;
	background:url(/images/landing/pq-quiz/content.png) no-repeat;
}

#pq-quiz-frame
{
	display:block;
	position:relative;
	width:740px;
	height:560px;
	background:url(/images/landing/pq-quiz/quiz-frame.png) no-repeat;
	top:26px;
	left:120px;
}

#pq-quiz /* Flash object */
{
	display:block;
	position:absolute;
	clear:both;
	width:720px;
	height:540px;
	top:10px;
	left:10px;
}

#grey-bar-dark
{
	display:block;
	width:980px;
	height:12px;
	background-color:#647281;
}

#grey-bar-light
{
	display:block;
	clear:both;
	width:980px;
	height:12px;
	background-color:#e4eaf1;
}

#result-dialog
{
	display:block;
	position:relative;
	width:598px;
	height:293px;
	background:url(/images/landing/pq-quiz/result-dialog.png) no-repeat;
	top:67px;
	left:192px;
}

#success-icon, #fail-icon
{
	display:block;
	position:absolute;
	width:105px;
	height:111px;
	top:35px;
	left:26px;
}

#result-dialog h1
{
	display:block;
	position:absolute;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	top:50px;
	left:150px;
	letter-spacing:-1px;
}

#result-dialog p
{
	display:block;
	position:absolute;
	width:405px;
	font-size:14px;
	color:#fff;
	top:105px;
	left:150px;
}

#more-info
{
	display:block;
	position:absolute;
	width:203px;
	height:64px;
	background:url(/images/landing/pq-quiz/more-info-up.png) no-repeat;
	top:165px;
	left:197px;
}

#more-info:hover
{
	background:url(/images/landing/pq-quiz/more-info-over.png) no-repeat;
}

#pq-quiz-start-container
{
	position:absolute;
	display:block;
	width:720px;
	height:540px;
	background-color:#000;
	left:0;
	top:0;
	margin:10px;
}

#pq-quiz-start-container h2
{
	display:block;
	clear:both;
	color:#F60;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	margin:150px 0 20px 0;
}

#pq-quiz-start-container label
{
	display:block;
	clear:both;
	color:#ccc;
}

#pq-quiz-start-container input
{
	display:block;
	background-color:#eee;
	color:#09F;
	font-size:12px;
	padding:4px;
	border:1px solid #fff;
	clear:both;
	margin-bottom:10px;
}

#pq-quiz-start-container .submit
{
	background-color:#333;
	color:#eee;
	border:1px solid #666;
	cursor:pointer;
	width:150px;
	padding:10px;
	font-size:14px;
}

#pq-quiz-start-container .submit:hover
{
	background-color:#411500;
	border:1px solid #8e552f;
	color:#ffb381;
}

#pq-quiz-start
{
	display:block;
	width:110px;
	margin:0 auto;
}

/**
 * Referral Form
 */

#pq-quiz-referral
{
	position:relative;
	display:block;
	width:250px;
	height:315px;
	background-color:#333;
	padding:25px;
	border:1px solid #555;
	z-index:5000;
	left:340px;
	top:100px;
}

#pq-quiz-referral p
{
	display:block;
	clear:both;
	margin-bottom:10px;
	color:#f60;
	font-style:oblique;
	font-weight:bold;
}

#pq-quiz-referral label
{
	display:block;
	clear:both;
	font-weight:bold;
	font-size:11px;
	color:#eee;
	margin-bottom:2px;
}

#pq-quiz-referral input
{
	display:block;
	background-color:#eee;
	border:1px solid #999;
	padding:3px;
	color:#09F;
	margin-bottom:10px;
}

#referral-submit, #referral-cancel
{
	clear:none;
	float:left;
	background-color:#333 !important;
	color:#eee !important;
	border:1px solid #666 !important;
	cursor:pointer !important;
	padding:10px !important;
	font-size:14px !important;
}

#referral-submit
{
	width:147px;
	margin-right:20px;
}

#referral-submit:hover, #referral-cancel:hover
{
	background-color:#411500 !important;
	border:1px solid #8e552f !important;
	color:#ffb381 !important;
}

/**
 * Navigation Box
 *
 * Displays buttons for downloading certificate (if passed quiz) 
 * and referring friends
 */

#nav-box
{
	display:block;
	position:relative;
	width:598px;
	height:83px;
	top:60px;
	left:192px;
	background:url(/images/landing/pq-quiz/nav-box.png) no-repeat;
}

#download-certificate
{
	display:block;
	position:relative;
	width:203px;
	height:64px;
	background:url(/images/landing/pq-quiz/download-certificate.png) no-repeat;
	top:10px;
	left:60px;
}

#download-certificate:hover
{
	background:url(/images/landing/pq-quiz/download-certificate-over.png) no-repeat;
}

#recommend-to-friends:hover
{
	background:url(/images/landing/pq-quiz/recommend-to-friends-over.png) no-repeat;
}

#recommend-to-friends
{
	display:block;
	position:absolute;
	width:203px;
	height:64px;
	background:url(/images/landing/pq-quiz/recommend-to-friends.png) no-repeat;
	top:10px;
	left:333px;
}

.fail
{
	left:197px !important;
}