/*/////////////////////////////////////////////////// [ FONTS ] */
@font-face
{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.otf');
	/*src: local('Proxima Nova Rg'), local('Proxima Nova Rg'), url('../fonts/ProximaNova-Regular.otf') format('opentype');*/
}
@font-face
{
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/ProximaNova-Bold.otf');
	/*src: local('Proxima Nova Rg'), local('Proxima Nova Rg'), url('../fonts/ProximaNova-Bold.otf') format('opentype');*/
}
@font-face
{
	font-family: 'Proxima Nova Extra Bold';
	src: url('../fonts/ProximaNova-Extrabld.otf');
	/*src: local('Proxima Nova Th'), local('Proxima Nova Th'), url('../fonts/ProximaNova-Extrabld.otf') format('opentype');*/
}
@font-face
{
	font-family: 'Proxima Nova Semi Bold';
	src: url('../fonts/ProximaNova-Semibold.otf');
	/*src: local('Proxima Nova Lt'), local('Proxima Nova Lt'), url('../fonts/ProximaNova-Semibold.otf') format('opentype');*/
}
/*/////////////////////////////////////////////////// [ BODY ] */
body, html
{
	background: #FFFFFF;
	font-family: 'Arial';
	-webkit-user-select: none;
}
#debugText
{
	font-family: Tahoma;
	font-size: 10px;
	position: absolute;
	top: 0px;
	line-height: 20px;
	color: #00FF00;
	z-index: 99999;
	display: none;
}
#debugText p { background: #000; }
/*/////////////////////////////////////////////////// [ WRAPPER ] */
#wrapper { width: 320px; }
header
{
	position: relative;
	height: 50px;
	z-index: 99998;
	margin: 0 auto;
	display: none;
	opacity: 1;
}
#headerButton
{
	position: absolute;
	left: 0px;
	height: inherit;
	width: 270px;
	background: #000;
	z-index: 2;
	cursor: hand;
	cursor: pointer;
	opacity: 0;
}
#backButton
{
	position: absolute;
	right: 0px;
	height: inherit;
	width: 50px;
	background: #000;
	z-index: 2;
	cursor: hand;
	cursor: pointer;
	opacity: 0;
}
@media only screen and (min-width : 321px)
{
	#headerButton { width: 400px; }
	#backButton { width: 80px; }
}
#pageContent
{
	position: absolute;
	width: inherit;
	top: 0px;
	z-index: 10;
}
#background
{
	position: absolute;
	top: 0px;
	z-index: 1;
	margin: 0 auto;
}
#background #backgroundImage
{
	position: relative;
	left: -1000px;
}
/*/////////////////////////////////////////////////// [ THROBBER ] */
#loading
{
	position: absolute;
	top: 0px;
	z-index: 99999;
	background: #FFF;
	display: none;
}
#throbber
{
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(../media/misc/throbber.gif);
}
/*/////////////////////////////////////////////////// [ SPLASH ] */
#splash
{
	position: relative;
	top: 30px;
	width: 318px;
	height: 440px;
	margin: 0 auto;
	background: url(../media/backgrounds/splash_text_area.png) no-repeat;
}
#splash p.splashInfo
{
	font-family: 'Proxima Nova', Arial;
	font-size: 1em;
	position: relative;
	top: 60px;
	left: 58px;
	text-align: center;
	width: 210px;
	color: #006bb2;
}
#splash p.splashLabel
{
	font-family: 'Proxima Nova Extra Bold', Arial;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	top: 70px;
	left: 50px;
	text-align: center;
	width: 220px;
	color: #006bb2;
	text-transform: uppercase;
}
#letsPlay
{
	position: relative;
	top: 100px;
	left: 26px;
	background: url(../media/buttons/lets_play.png);
	width: 264px;
	height: 59px;
	cursor: hand;
	cursor: pointer;
}
.letsPlayDown { background-position: 0px -61px !Important; }
/*/////////////////////////////////////////////////// [ NOT SUPPORTED ] */
#notSupported
{
	position: relative;
	top: 30px;
	width: 318px;
	height: 440px;
	margin: 0 auto;
	background: url(../media/backgrounds/splash_text_area.png) no-repeat;
}
#notSupported p.notSupportedInfo
{
	font-family: 'Proxima Nova', Arial;
	font-size: 1em;
	position: relative;
	top: 70px;
	left: 58px;
	text-align: center;
	width: 210px;
	color: #006bb2;
}
#notSupported p.notSupportedLabel
{
	font-family: 'Proxima Nova Semi Bold', Arial;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	top: 60px;
	left: 50px;
	text-align: center;
	width: 220px;
	color: #006bb2;
}
#talkToUs
{
	position: relative;
	top: 100px;
	left: 26px;
	background: url(../media/buttons/lets_play.png);
	width: 264px;
	height: 59px;
	cursor: hand;
	cursor: pointer;
}
/*/////////////////////////////////////////////////// [ FOOTER ] */
#footer
{
	position: relative;
	top: 20px;
	font-size: 11px;
	color: #333;
	padding: 0 10px;
	height: 100px;
}
.splashFooter
{
	position: absolute !Important;
	top: 320px !Important;
}
#footer p
{
	font-size: 9px;
	line-height: 12px;
}
#social { margin: 0 0 5px 0; }
#social div.icon
{
	cursor: hand;
	cursor: pointer;
	width: 27px;
	height: 27px;
	float: left;
	margin: 0 5px 0 0;
	background: url(../media/backgrounds/socialIcons.png);
}
#social #facebook { background-position: 0px 0px; }
#social #twitter { background-position: -45px 0px; }
#social #youtube { background-position: -90px 0px; }
#links ul { margin: 0 0 5px 0; }
#links ul li
{
	margin: 0 5px 0 0;
	display: inline;
}
#links ul li a
{
	color: #333;
	text-decoration: none;
}
/*/////////////////////////////////////////////////// [ QUESTION ] */
#question
{
	position: relative;
	top: 20px;
	width: inherit;
}
#questionPosition
{
	position: relative;
	left: 15px;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: .9em;
	font-weight: bold;
	color: #467899;
}
#questionText
{
	position: relative;
	top: 5px;
	padding: 0 15px;
	height: 50px;	
	width: inherit;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #0f4e7c;
}
#answerDial
{
	position: relative;
	top: 10px;
	width: 271px;
	height: 282px;
	margin: 0 auto;
	background: url(../media/backgrounds/dial.png) no-repeat;
	z-index: 2;
}
#touchPoint
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #000;
	z-index: 5;
	display: none;
}
#dialSprite
{
	position: absolute;
	top: 22px;
	left: 22px;
	width: 227px;
	height: 165px;
	background: url(../media/backgrounds/dial_sprite.png) no-repeat;
	/*cursor: hand;
	cursor: pointer;*/
}
.dialPosA { background-position: 0px -169px !Important; }
.dialPosB { background-position: 0px -339px !Important; }
.dialPosC { background-position: 0px -509px !Important; }
.dialPosD { background-position: 0px -679px !Important; }
.dialPosE { background-position: 0px -856px !Important; }
.dialPosF { background-position: 0px -1033px !Important; }
.dialPosG { background-position: 0px -1207px !Important; }
.dialPosH { background-position: 0px -1385px !Important; }
.dialPosI { background-position: 0px -1563px !Important; }
.dialPosJ { background-position: 0px -1741px !Important; }
@media only screen and (max-width : 320px)
{
	#swipeYourFinger
	{
		position: absolute;
		text-align: center;
		top: 156px;
		left: 109px;
		width: 106px;
		height: 108px;
		background: url(../media/backgrounds/radial_arrow.png) no-repeat 0px -222px;
		z-index: 3;
	}
}
#swipeYourFinger p
{
	position: relative;
	top: 30px;
	font-family: 'Proxima Nova Extra Bold', Arial;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #0f4e7c;
}
.nextButton
{
	background-position: -2px 0px !Important;
	cursor: hand;
	cursor: pointer;
}
.nextButtonDown { background-position: -2px -111px !Important; }
.nextButton p, .nextButtonDown p { display: none; }
#agree
{
	position: absolute;
	top: 195px;
	right: 50px;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: .9em;
	font-weight: bold;
	color: #0f4e7c;
	text-transform: capitalize;
}
#disagree
{
	position: absolute;
	top: 195px;
	left: 50px;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: .9em;
	font-weight: bold;
	color: #0f4e7c;
	text-transform: capitalize;
}
#degrees
{
	position: absolute;
	top: 340px;
	left: 5px;
	font-size: .9em;
	z-index: 10;
}
/*/////////////////////////////////////////////////// [ REPORT ] */
#scoreDialOver
{
	position: absolute;
	top: 22px;
	left: 22px;
	width: 228px;
	height: 167px;
	background: url(../media/backgrounds/scoreDialOver.png) no-repeat;
	z-index: 102;
}
#reportCurve
{
	position: relative;
	top: 11px;
	left: 8px;
	z-index: 100;
}
#reportText
{
	position: relative;
	top: 20px;
	width: inherit;
	margin: 0 0 15px 0;
	padding: 0 10px;
	text-align: center;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: 1.2em;
	font-weight: bold;
	color: #0f4e7c;
}
#reportText a
{
	text-decoration: none;
	color: #f19004;
}
#reportText a:after
{
	content: "\00bb";
	line-height: 17px;
	margin-left: 5px;
	vertical-align: top;
}
#reportResponse
{
	font-size: .9em !Important;
	color: #464646 !Important;
}
#score
{
	position: absolute;
	top: 22px;
	left: 22px;
	width: 228px;
	height: 167px;
	background: url(../media/backgrounds/yourFinancialSecurity.png) no-repeat;
}
#totalScore
{
	position: absolute;
	top: 95px;
	font-family: 'Proxima Nova', Arial;
	font-size: .8em;
	width: 271px;
	text-align: center;
	color: #0f4e7c;
	text-transform: capitalize;
}
#cumScore
{
	position: absolute;
	top: 105px;
	font-family: 'Proxima Nova Extra Bold', Arial;
	font-size: 4.0em;
	font-weight: bold;
	width: 271px;
	text-align: center;
	color: #2a69ba;
	text-shadow: 0px -2px 0 #1A4174;
}
#nextQuestion
{
	position: absolute;
	top: 180px;
	left: 80px;
	width: 113px;
	height: 59px;
	background: url(../media/buttons/nextButton.png) no-repeat;
	z-index: 150;
	cursor: hand;
	cursor: pointer;
}
.nextQuestionButtonDown { background-position: 0px -63px !Important; }
/*/////////////////////////////////////////////////// [ WRAP UP] */
#wrapUp
{
	position: relative;
	width: 320px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
#wrapUp #yourScore
{
	font-family: 'Proxima Nova Extra Bold', Arial;
	font-weight: bold;
	position: relative;
	top: 10px;
	width: inherit;
	font-size: 1em;
	color: #467899;
	text-align: center;
	padding: 15px 0 0 0;
	text-transform: uppercase;
}
#wrapUp #userScore
{
	font-family: 'Proxima Nova Extra Bold', Arial;
	font-size: 7em;
	font-weight: bold;
	position: relative;
	top: 20px;
	width: inherit;
	color: #0f4e7c;
	text-align: center;
	text-transform: uppercase;
	z-index: 100;
}
#wrapUp #userScoreImages
{
	width: auto;
	margin: 0 auto;
}
#text
{
	position: relative;
	top: -20px;
	background: url(../media/backgrounds/wrapUp.png) no-repeat;
	width: inherit;
	height: 680px;
	z-index: 101;
}
#wrapUpTextSavy
{
	position: relative;
	top: 202px;
	left: 40px;
	font-family: 'Proxima Nova', Arial;
	font-size: 1em;
	color: #0f4e7c;
	text-align: center;
	width: 240px;
}
#wrapUpTextThingsToConsider
{
	position: relative;
	top: 260px;
	left: 30px;
	font-family: 'Proxima Nova', Arial;
	font-size: 1em;
	width: 260px;
	color: #0f4e7c;
	line-height: 20px;
}
#wrapUpTextThingsToConsider p { margin: 0 0 30px 0; }
#connectWithUs
{
	position: relative;
	top: -25px;
	left: 18px;
	width: 283px;
	height: 59px;
	background: url(../media/buttons/connectWithUs.png) no-repeat;
	cursor: hand;
	cursor: pointer;
}
.connectWithUsDown { background-position: 0px -64px !Important; }
#playAgain
{
	float: left;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	color: #f19004;
	margin: -10px 0 0 10px;
	text-align: center;
	width: 150px;
	cursor: hand;
	cursor: pointer;
}
#home
{
	float: right;
	font-family: 'Proxima Nova Bold', Arial;
	font-size: 1.2em;
	font-weight: bold;
	margin: -10px 10px 0 0;
	width: 150px;
	text-align: center;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	text-transform: capitalize;
	color: #f19004 !Important;
}
#home a
{
	text-decoration: none;
	text-transform: capitalize;
	color: #f19004 !Important;
}
/* Numbers */
.number
{
	width: 68px;
	height: 80px;
	background: url(../media/misc/numbersSpriteMap.png) no-repeat;
	float: left;
}
.n0Single { background-position: -70px 0px !Important; }
.n1Single { background-position: -70px -80px !Important; }
.n2Single { background-position: -70px -160px !Important; }
.n3Single { background-position: -70px -240px !Important; }
.n4Single { background-position: -70px -320px !Important; }
.n5Single { background-position: -70px -400px !Important; }
.n6Single { background-position: -70px -480px !Important; }
.n7Single { background-position: -70px -560px !Important; }
.n8Single { background-position: -70px -640px !Important; }
.n9Single { background-position: -70px -720px !Important; }
.n1Left { background-position: 0px -80px !Important; width: 55px !Important; }
.n2Left { background-position: 0px -160px !Important; }
.n3Left { background-position: 0px -240px !Important; }
.n4Left { background-position: 0px -320px !Important; }
.n5Left { background-position: 0px -400px !Important; }
.n6Left { background-position: 0px -480px !Important; }
.n7Left { background-position: 0px -560px !Important; }
.n8Left { background-position: 0px -640px !Important; }
.n9Left { background-position: 0px -720px !Important; }
.n0Right { background-position: -140px 0px !Important; }
.n1Right { background-position: -140px -80px !Important; margin-left: -15px !Important; width: 55px !Important; }
.n2Right { background-position: -140px -160px !Important; }
.n3Right { background-position: -140px -240px !Important; }
.n4Right { background-position: -140px -320px !Important; }
.n5Right { background-position: -140px -400px !Important; }
.n6Right { background-position: -140px -480px !Important; }
.n7Right { background-position: -140px -560px !Important; }
.n8Right { background-position: -140px -640px !Important; }
.n9Right { background-position: -140px -720px !Important; }
/*/////////////////////////////////////////////////// [ MISC ] */
strong { font-family: 'Proxima Nova Semi Bold', Arial; font-weight: bold; }
.clear { clear: both; }