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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background: #FFFFFF !important;
}

.theHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:2048px;
	display:inline-block;
	box-sizing:border-box;
	background-color:#FFFFFF;
	text-align:left;
	overflow:hidden;
}

.gameHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1760px;
	height:2048px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	display:none;
	background-image:url(images/background.png);
	background-size:1760px 2048px;
	background-position:center top;
	background-repeat:no-repeat;
}

.theHeader {
	position:absolute;
	left:0px;
	top:1px;
	width:1760px;
	height:448px;
	display:inline-block;
	background-image:url(images/tab_study.png);
	background-size:1760px 448px;
	background-position:center top;
	background-repeat:no-repeat;
}

.theHeader .topTab {
	position:absolute;
	left:459px;
	top:347px;
	width:428px;
	height:102px;
	display:inline-block;
	background-color:rgba(0,0,0,0);
	cursor:pointer;
}

.theHeader .quiz {
	left:886px;
}

.headerText {
	position:absolute;
	left:0px;
	top:490px;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:44px;
	line-height:53.4px;
	color:#000;
	
	
}

.headerText strong {
	font-weight:900;
	color:#669933;
}

.headerText a {
	color:#117889 !important;
	text-decoration:underline !important;
}

.navHolder {
	position:absolute;
	left:0px;
	top:642px;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
}

.navHolder .navButton {
	position:relative;
	left:0px;
	top:0px;
	width:192px;
	height:auto;
	display:inline-block;
	cursor:pointer;
	margin-left:15px;
	margin-right:15px;
}

.navHolder .navButton .theNumber {
	position:relative;
	left:0px;
	top:0px;
	width:192px;
	height:172px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	font-size:103px;
	line-height:157px;
	color:#FFFFFF;
	display:block;
	border:solid;
	border-width:3px;
	border-color:#0b788a;
	box-sizing:border-box;
	background: rgb(89,166,70);
	background: -moz-linear-gradient(top, rgba(89,166,70,1) 0%, rgba(58,150,113,1) 100%);
	background: -webkit-linear-gradient(top, rgba(89,166,70,1) 0%,rgba(58,150,113,1) 100%);
	background: linear-gradient(to bottom, rgba(89,166,70,1) 0%,rgba(58,150,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a646', endColorstr='#3a9671',GradientType=0 );
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}

.navHolder .navButton .theNumber .theX {
	position:absolute;
	left:-2px;
	top:-2px;
	width:192px;
	height:172px;
	display:block;
}

.navHolder .navButton p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	font-size:28px;
	line-height:28px;
	color:#0b788a;
	margin-top:15px;
}

.navHolder .selected .theNumber {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	color:#0b788a;
}

.navHolder .notYet .theNumber {
	background: rgb(204,204,204);
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 );
}

.theCard {
	position:absolute;
	left:570px;
	top:913px;
	width:639px;
	height:910px;
	display:block;
	background-image:url(images/card_gradient.jpg);
	background-size:639px 910px;
	background-position:left top;
	background-repeat:no-repeat;
}

.theCard .theFront {
	position:absolute;
	left:0px;
	top:0px;
	width:639px;
	height:910px;
	display:block;
}

.theCard .theBack {
	position:absolute;
	left:0px;
	top:0px;
	width:639px;
	height:910px;
	display:block;
	background-image:url(images/budget_back.png);
	background-size:639px 910px;
	background-position:left top;
	background-repeat:no-repeat;
	text-align: center;
}

.theCard .theBack p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:475px;
	width:100%;
	height:auto;
	display:inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:44px;
	line-height:53px;
	color:#000000;
	padding-left:70px;
	padding-right:70px;
	box-sizing:border-box;
}

.theCard .theQuiz {
	position:absolute;
	left:0px;
	top:0px;
	width:639px;
	height:910px;
	display:block;
	background-image:url(images/quiz_background.png);
	background-size:639px 910px;
	background-position:left top;
	background-repeat:no-repeat;
}

.theCard .theQuiz p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:40px;
	line-height:65px;
	color:#000000;
	padding-left:70px;
	padding-right:70px;
	text-align:left;
	box-sizing:border-box;
	margin-top:255px;
}

.theCard .theQuiz p span {
	letter-spacing:-1px;
}

.theCard .theQuiz a {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size:40px;
	line-height:40px;
	color:#000000;
	text-align:left;
	box-sizing:border-box;
	margin-top:20px;
	margin-left:206px;
	text-decoration:none;
}

.theCard .theQuiz a i {
	font-size:30px;
}

.sideNav {
	position:absolute;
	top:1322px;
	width:282px;
	height:92px;
	display:block;
	cursor:pointer;
}

.previousButton {
	left:81px;
}

.nextButton {
	right:81px;
}

.flipCard {
	position:absolute;
	left:776px;
	top:1857px;
	width:216px;
	height:209px;
	display:block;
	cursor:pointer;
}

.buttonClass {
	position:absolute;
	left:666px;
	top:1867px;
	width:428px;
	height:102px;
	display:block;
}

.submitButton {
	cursor:pointer;
}



div#footer-global {
	padding-left:200px;
}

@media only screen and (max-width:880px){
	.theHolder {
		padding-left:0px;
	}
	.gameHolder {
		margin-left:0px;
		margin-top:0px;
	}
}

@media only screen and (max-width:760px){
	.gameHolder {
		margin-left:0px;
		margin-top:0px;
	}
	
}

#theLoadingScreen {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:15000;
	text-align:center;
}

.theLoadBar {
	position:absolute;
	left:50%;
	top:50%;
	width:250px;
	height:20px;
	display:inline-block;
	background-color:#ffc20e;
	margin-top:-10px;
	margin-left:-125px;
	border:solid;
	border-width:1px;
	border-color:#000000;
}

#theLoadBar {
	background-color:#f15923;
	border-color:rgba(0,0,0,0);
	width:1px;
}