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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.mainHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	text-align:center;
	background-color:#cdf1f6;
}

.gameHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:960px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	box-sizing:border-box;
	background-color:#FFF;
	overflow:hidden;
}

.soundButton {
	position:absolute;
	left:50px;
	top:33px;
	width:104px;
	height:92px;
	z-index:1000;
	cursor:pointer;
	background-image:url(images/sound_button.png);
	background-position:top left;
	background-size:100% 100%;
	display:none;
}

.regionsButton {
	position:absolute;
	left:1100px;
	top:33px;
	width:141px;
	height:119px;
	z-index:1000;
	background-image:url(images/regions_button.png);
	background-position:top left;
	background-size:100% 100%;
	display:none;
}

.gameScreen  {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:960px;
	display:none;
	background-image:url(images/start_page_background.jpg);
	background-position:top left;
	background-size:100% 100%;
}

.howButton {
	position:absolute;
	left:502px;
	top:537px;
	width:283px;
	height:90px;
	cursor:pointer;
	background-image:url(images/how_button.png);
	background-position:top left;
	background-size:100% 100%;
}

.howButton:hover {
	background-image:url(images/how_roll.png);
}

.playButton {
	position:absolute;
	left:502px;
	top:627px;
	width:283px;
	height:90px;
	cursor:pointer;
	background-image:url(images/play_button.png);
	background-position:top left;
	background-size:100% 100%;
}

.playButton:hover {
	background-image:url(images/play_roll.png);
}

#startScreen .popup {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:960px;
	display:inline-block;
	background-image:url(images/popup_start.png);
	background-position:top left;
	background-size:100% 100%;
}

#theGame {
	background-image:url(images/game_page.jpg);
}

.dice {
	position:absolute;
	left:102px;
	top:753px;
	width:135px;
	height:175px;
	cursor:pointer;
	background-image:url(images/dice_shuffle3.png);
	background-position:top left;
	background-size:100% 100%;
}

.thePiece {
	position:absolute;
	left:0px;
	top:0px;
	width:130px;
	height:142px;
	margin-left:-64px;
	margin-top:-113px;
	background-image:url(images/bag.png);
	background-position:top left;
	background-size:100% 100%;
}

.moneyTotalDisplay {
	position:absolute;
	left:293px;
	top:843px;
	width:140px;
	height:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	color:#FFF;
	font-size:45px;
	line-height:45px;
	text-align:center;
}

.diceTextDisplay {
	position:absolute;
	left:102px;
	top:880px;
	width:140px;
	height:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	color:#ffc425;
	font-size:25px;
	line-height:25px;
	text-align:center;
}

#questionPopup {
	background-image:url(images/question_background.png);
}

.questionTextHolder {
	margin:0px;
	padding:0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	color:#117788;
	font-size:22px;
	position:absolute;
	left:320px;
	top:254px;
	width:639px;
	height:auto;
}

.shrinker {
	font-size:20px !important;
}

.questionText {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:left;
}

.answerClass {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	min-height:22px;
	background-image:url(images/dot.png);
	background-size:22px 22px;
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
	margin-top:15px;
	font-weight:500;
}

.answerSelectedClass {
	background-image:url(images/dot_select.png) !important;
}

.answerClass p {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	padding-left:30px;
	display:inline-block;
	box-sizing:border-box;
	text-align:left;
	margin-top:-3px;
	line-height:1.2em;
}

.shrinker .answerClass p {
	margin-top:-2px !important;
}

.answer1 {
	margin-top:30px;
}

.submitButton {
	position:absolute;
	left:215px;
	top:371px;
	width:211px;
	height:95px;
	background-image:url(images/submit.png);
	background-position:top left;
	background-size:100% 100%;
	cursor:pointer;
}

.submitButton.continueButton {
	position:absolute;
	left:215px;
	top:441px;
}

.submitButton:hover {
	background-image:url(images/submit_roll.png);
}

#notQuitePopup {
	background-image:url(images/not_quite.png);
}

#notQuitePopup .questionText {
	text-align:center;
	font-size:45px;
	top:385px;
}

#goodPopup {
	background-image:url(images/good_overlay.png);
}

#goodPopup .questionText {
	text-align:center;
	font-size:45px;
	top:385px;
}

#goodPopup .answerClass {
	margin-left:135px;
}

#bankGame {
	background-image:url(images/bank_game.jpg);
}

#bankGame_startScreen {
	background-image:url(images/bank_game_start_background.jpg);
}

#bankGame_startScreen .howButton {
	position:absolute;
	left:248px;
	top:560px;
	width:382px;
	height:179px;
	background-image:url(images/bank_game_how_button.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#bankGame_startScreen .startButton {
	position:absolute;
	left:630px;
	top:560px;
	width:382px;
	height:179px;
	background-image:url(images/bank_game_play_button.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#bankGame_startScreen .howPopup {
	background-image:url(images/bank_game_how_popup.png);
}

#bankBag {
	background-image:url(images/bank_game_bag.png);
}

#bankPad {
	position:absolute;
	left:0px;
	top:0px;
	width:81px;
	height:49px;
	background-image:url(images/pad.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:move;
}

#leftString {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:3px;
	display:block;
}

#stringCanvas {
	position:absolute;
	left:0px;
	top:0px;
}

#coin {
	position:absolute;
	left:0px;
	top:0px;
	width:96px;
	height:90px;
	background-image:url(images/coin.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.bankTimer {
	margin:0px;
	padding:0px;
	position:absolute;
	left:277px;
	top:80px;
	width:141px;
	height:auto;
	padding:0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:900;
	color:#117788;
	font-size:97px;
	text-align:center;
	display:block;
	line-height:1em;
}

.bankGoodDisplay {
	margin:0px;
	padding:0px;
	position:absolute;
	left:35px;
	top:838px;
	width:344px;
	height:auto;
	padding:0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:700;
	color:#FFF;
	font-size:74px;
	text-align:center;
	display:block;
	line-height:1em;
}

.bankBadDisplay {
	margin:0px;
	padding:0px;
	position:absolute;
	left:905px;
	top:838px;
	width:344px;
	height:auto;
	padding:0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:700;
	color:#FFF;
	font-size:74px;
	text-align:center;
	display:block;
	line-height:1em;
}

#bankGame_winScreen {
	background-image:url(images/bank_not_bad.png);
}

#bankGame_winScreen .tryAgain {
	position:absolute;
	left:465px;
	top:465px;
	width:326px;
	height:122px;
	background-image:url(images/bank_not_bad_try_again.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#bankGame_winScreen .continue {
	position:absolute;
	left:465px;
	top:604px;
	width:326px;
	height:122px;
	background-image:url(images/bank_not_bad_continue.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#bankGame_loseScreen {
	background-image:url(images/bank_what_happened.png);
}

#bankGame_loseScreen .playAgain {
	position:absolute;
	left:465px;
	top:587px;
	width:326px;
	height:119px;
	background-image:url(images/bank_what_happened_play_again.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#dodgerGame {
	background-image:url(images/dodger_game_background.jpg);
}

#dodgerGame .frame {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:960px;
	display:block;
	pointer-events: none;
	background-image:url(images/dodger_frame.png);
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#dodgerGame_startScreen {
	background-image:url(images/dodger_start.jpg);
}

#dodgerGame_startScreen .howButton {
	position:absolute;
	left:248px;
	top:511px;
	width:382px;
	height:179px;
	background-image:url(images/bank_game_how_button.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#dodgerGame_startScreen .startButton {
	position:absolute;
	left:630px;
	top:511px;
	width:382px;
	height:179px;
	background-image:url(images/bank_game_play_button.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#dodgerGame_startScreen .howPopup {
	background-image:url(images/dodger_how_to_play.png);
}

#dodgerGame .gameObject {
	position:absolute;
	left:0px;
	top:0px;
	width:142px;
	height:138px;
	display:inline-block;
	/*
	margin-left:-71px;
	margin-top:-69px;
	*/
}

#dodgerGame .bad2 {
	width:112px;
	height:112px;
	
	/*
	margin-left:-56px;
	margin-top:-56px;
	*/
}

#dodgerGame .bad3 {
	width:124px;
	height:212px;
	/*
	margin-left:-62px;
	margin-top:-106px;
	*/
}

#dodgerGame .bad4 {
	width:150px;
	height:96px;
	
	/*
	margin-left:-75px;
	margin-top:-48px;
	*/
}

#dodgerGame .good {
	width:110px;
	height:148px;
	/*
	margin-left:-55px;
	margin-top:-74px;
	*/
	cursor:pointer;
}

#dodgerGame_winScreen {
	background-image:url(images/bank_not_bad.png);
}

#dodgerGame_winScreen .tryAgain {
	position:absolute;
	left:465px;
	top:465px;
	width:326px;
	height:122px;
	background-image:url(images/bank_not_bad_try_again.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#dodgerGame_winScreen .continue {
	position:absolute;
	left:465px;
	top:604px;
	width:326px;
	height:122px;
	background-image:url(images/bank_not_bad_continue.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#citizenGame {
	background-image:url(images/citizen_game_background.jpg);
}

#citizenGame .frame {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:960px;
	display:block;
	pointer-events: none;
	background-image:url(images/citizen_game_frame.png);
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#citizenGame_startScreen {
	background-image:url(images/citizen_game_start.jpg);
}

#citizenGame_startScreen .howPopup {
	background-image:url(images/citizen_game_popup.png);
}

#citizenGame_startScreen .howButton {
	position:absolute;
	left:248px;
	top:560px;
	width:382px;
	height:179px;
	background-image:url(images/bank_game_how_button.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#citizenGame_startScreen .startButton {
	position:absolute;
	left:630px;
	top:560px;
	width:382px;
	height:179px;
	background-image:url(images/bank_game_play_button.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}


#citizenGame .good {
	position:absolute;
	left:0px;
	top:644px;
	display:inline-block;
	width:110px;
	height:148px;
	cursor:pointer;
}

#citizenGame .bad {
	position:absolute;
	left:0px;
	top:0px;
	display:inline-block;
}

#citizenGame_holder {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:960px;
	display:inline-block;
	overflow:hidden;
}

#citizenGame_winScreen {
	background-image:url(images/bank_not_bad.png);
}

#citizenGame_winScreen .tryAgain {
	position:absolute;
	left:465px;
	top:465px;
	width:326px;
	height:122px;
	background-image:url(images/bank_not_bad_try_again.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#citizenGame_winScreen .continue {
	position:absolute;
	left:465px;
	top:604px;
	width:326px;
	height:122px;
	background-image:url(images/bank_not_bad_continue.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#citizenGame_loseScreen {
	background-image:url(images/bank_what_happened.png);
}

#citizenGame_loseScreen .playAgain {
	position:absolute;
	left:465px;
	top:587px;
	width:326px;
	height:119px;
	background-image:url(images/bank_what_happened_play_again.png);
	display:inline-block;
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

#endScreen {
	background-image:url(images/end_screen_splurge.jpg);
}

.resultsCopy {
	margin:0px;
	padding:0px;
	position:absolute;
	left:408px;
	top:338px;
	width:460px;
	height:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	color:#000;
	font-size:23px;
	text-align:center;
	display:block;
	line-height:1.2em;
}

.resultsCopy p {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.endPlayButton {
	position:relative;
	left:0px;
	top:0px;
	width:236px;
	height:104px;
	cursor:pointer;
	background-image:url(images/end_screen_play.png);
	background-position:top left;
	background-size:100% 100%;
	display:inline-block;
	z-index:100;
}

.endPlayButton:hover {
	background-image:url(images/end_screen_play_roll.png);
}

.returnPlayButton {
	position:relative;
	left:0px;
	top:0px;
	width:284px;
	height:104px;
	cursor:pointer;
	background-image:url(images/return_to_menu.png);
	background-position:top left;
	background-size:100% 100%;
	display:inline-block;
	z-index:100;
}

.returnPlayButton:hover {
	background-image:url(images/return_to_menu_roll.png);
}

#theGoals {
	background-image:url(images/goals.png);
}

.continueButton {
	position:absolute;
	left:527px;
	top:472px;
	width:224px;
	height:93px;
	cursor:pointer;
	background-image:url(images/continue.png);
	background-position:top left;
	background-size:100% 100%;
	display:inline-block;
}

.continueButton:hover {
	background-image:url(images/continue_roll.png);
}

.loadingBar {
	position:absolute;
	left:390px;
	top:460px;
	width:500px;
	height:40px;
	display:inline-block;
	background-color:#CCC;
	z-index:1000;
	overflow:hidden;
}

.loadingBarInner {
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:40px;
	display:inline-block;
	background-color:#F90;
}