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

body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-size-adjust: none;
}

.loaderHolder {
	position:relative;
	left:0px;
	top:0px;
	width: 100%;
	height:100vh;
	display:inline-block;
}

.loader {
	position:absolute;
	left:50%;
	top:50%;
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #acc42a; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin-left:-60px;
	margin-top:-60px;
}

.loaderHolder p {
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:35px;
	text-align:center;
	color:#000;
	position:absolute;
	left:50%;
	top:50%;
	width:120px;
	margin-left:-40px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.theHolder {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 100vh;
	display:none;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	/*
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	*/
	font-size:0px;
	line-height:0px;
	-webkit-text-size-adjust: none;
}

.videoHolder {
	position: absolute;
	display: none;
}

.gameHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:2560px;
	height:1440px;
	box-sizing:border-box;
	display:inline-block;
	background-size:2560px 1440px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
}

.gameHolder.gameHolderRoom .roomScene {
	position:absolute;
	left:0px;
	top:0px;
	width:2560px;
	height:1440px;
	box-sizing:border-box;
	display:none;
}

.gameHolder.gameHolderRoom .popup {
	position:absolute;
	left:1280px;
	top: 380px;
	width:1632px;
	height:auto;
	display:inline-block;
	margin-left:-816px;
	background-color:#2a353d;
	border:solid;
	border-width:4px;
	border-color:#ffcf14;
	border-radius:30px;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
}

.gameHolder.gameHolderRoom .popup h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-700;
	color:#ffcf14;
	font-size:62px;
	line-height:74px;
}

.gameHolder.gameHolderRoom .popup p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-300;
	color:#FFF;
	font-size:42px;
	line-height:52px;
	margin-top:10px;
	display:inline-block;
}

.gameHolder.gameHolderRoom .popup p .inlineButton {
	font-family:MuseoSans-700;
	color:#ffcf14;
	text-decoration: underline;
	cursor:pointer;
}

.gameHolder.gameHolderRoom .popup p strong {
	font-weight:normal;
	font-family:MuseoSans-700;
	color:#ffcf14;
}

.gameHolder.gameHolderRoom .popup p .pinkButton {
	color:#f5cce9;
	margin-top:10px;
	display:inline-block;
	font-family:MuseoSans-500;
	text-decoration: none;
}


.gameHolder.gameHolderRoom .popup .theX {
	position:absolute;
	right:12px;
	top:16px;
	width:66px;
	height:68px;
	display:block;
	background-image:url("images/doorScreen_close.png");
	background-position: left top;
	background-size:66px 68px;
	background-repeat:no-repeat;
	z-index:10;
}

.gameHolder.gameHolderRoom .roomButton {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	display:none;
	background-color:rgba(255,255,255,0);
}

.gameHolder.gameHolderRoom .roomButton:focus {
	outline: none;
}

.gameHolder.gameHolderRoom .roomRoll {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	display:none;
	background-position: left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.gameHolder.gameHolderRoom .infoBox {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	display:none;
	background-position: left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .docText {
	margin:0px;
	padding:0px;
	position:absolute;
	left:100px;
	top:52px;
	width:600px;
	font-family:MuseoSans-300Italic;
	font-size:28px;
	line-height:36px;
	color:#000;
	text-align: left;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .docText.moreText {
	font-family:MuseoSans-300;
	font-size:24px;
	line-height:32px;
}


.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .docText.moreText span {
	font-family:MuseoSans-700;
	font-size:36px;
	line-height:48px;
}


.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .docText strong {
	font-family:MuseoSans-700Italic;
	font-weight:normal;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .docText.moreText strong {
	font-family:MuseoSans-700;
	font-weight:normal;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .slideShowTitle {
	margin:0px;
	padding:0px;
	position:absolute;
	left:52px;
	top:48px;
	width:700px;
	font-family:MuseoSans-300;
	font-size:40px;
	line-height:52px;
	color:#000;
	text-align: left;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .slideShowTitle strong {
	font-family:MuseoSans-700;
	font-weight:normal;
	font-size:60px;
	line-height:80px;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .theX {
	background-image:url("images/doorScreen_close_black.png");
}

.gameHolder.gameHolderRoom .infoBox .textHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:908px;
	height:auto;
	display:inline-block;
	text-align: center;
}

.gameHolder.gameHolderRoom .infoBox .textHolder.scrollable {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.gameHolder.gameHolderRoom .infoBox .textHolder.scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
}

.gameHolder.gameHolderRoom .infoBox .textHolder.scrollable::-webkit-scrollbar:vertical {
    width: 18px;
}

.gameHolder.gameHolderRoom .infoBox .textHolder.scrollable::-webkit-scrollbar:horizontal {
    height: 22px;
}

.gameHolder.gameHolderRoom .infoBox .textHolder.scrollable::-webkit-scrollbar-thumb {
    border-radius: 16px;
    border: 4px solid #2a353d; /* should match background, can't be transparent */
	border-top: 70px solid #2a353d;
	border-bottom: 20px solid #2a353d;
    background-color: rgba(255, 255, 255, 1);
}

.gameHolder.gameHolderRoom .infoBox .textHolder h3 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-700;
	color:#ffcf14;
	font-size:62px;
	line-height:74px;
	text-align: center;
	display:inline-block;
	margin-top:20px;
	padding-left:32px;
	padding-right:32px;
	box-sizing: border-box;
	width:100%;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .textHolder h3 {
	font-size:36px;
	line-height:48px;
	text-align: left;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist.slideshow .textHolder h3 {
	font-size:44px;
	line-height:52px;
	text-align: left;
	margin-top:25px;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist.slideshow .textHolder p.theCredit {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	margin-top: 25px;
	color: #000;
	position: absolute;
	left: 801px;
	top: 400px;
	width: 1200px;
	padding: 0px;
	text-align: center;
}

.gameHolder.gameHolderRoom .infoBox .textHolder p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-300;
	color:#FFF;
	font-size:42px;
	line-height:52px;
	text-align: left;
	display:inline-block;
	margin-top:10px;
	padding-left:32px;
	padding-right:32px;
	box-sizing: border-box;
	letter-spacing: -.2px;
	width:100%;
}

.gameHolder.gameHolderRoom .infoBox .textHolder p i {
	font-style:normal;
	font-family:MuseoSans-300Italic;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .textHolder p {
	font-size:36px;
	line-height:48px;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist .textHolder p strong {
	font-weight:normal;
	font-family:MuseoSans-700;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist.slideshow .textHolder p {
	font-size:40px;
	line-height:52px;
}

.gameHolder.gameHolderRoom#xrayScreen .infoBox.infoBoxScientist.slideshow .textHolder p {
	font-size:39px;
	line-height:50px;
}

.gameHolder.gameHolderRoom .infoBox.infoBoxScientist.slideshow .textHolder .slideImage {
	position:absolute;
	left:988px;
	top:-240px;
	width:805px;
}


.gameHolder.gameHolderRoom#xrayScreen .infoBox.infoBoxScientist.slideshow .textHolder .slideImage {
	left: 910px;
	top: -135px;
	width:998px;
}

.gameHolder.gameHolderRoom#xfelScreen .infoBox.infoBoxScientist.slideshow .textHolder .slideImage {
	left:998px;
	top: -105px;
	width:805px;
}

.gameHolder.gameHolderRoom#microScreen .infoBox.infoBoxScientist.slideshow .textHolder .slideImage {
	left:998px;
	top: -140px;
	width:805px;
}

.italStrong {
	font-family:MuseoSans-700Italic;
}

.yellowStrong {
	font-weight:norma;
	font-family:MuseoSans-700;
	color:#ffcf14;
}

.gameHolder.gameHolderRoom .infoBox .textHolder .pinkInfo {
	display:inline-block;
	height:64px;
	font-family:MuseoSans-700;
	color:#FFF;
	font-size:24px;
	line-height:62px;
	text-decoration: none;
	box-sizing:border-box;
	background-color: #ce0090;
	padding-left:54px;
	padding-right:54px;
	text-align: center;
	border:solid;
	border-color:#FFF;
	border-width:2px;
	border-radius:32px;
	margin-left:20px;
	margin-right:20px;
	margin-top:30px;
}

.gameHolder.gameHolderRoom .infoBox .textHolder .pinkTextHolder {
	position:absolute;
	left:0px;
	bottom:30px;
	width:100%;
	text-align: center;
}

.gameHolder.gameHolderRoom .infoBox .textHolder .pinkText {
	display:inline-block;
	font-family:MuseoSans-700;
	color:#ce0090;
	font-size:28px;
	line-height:44px;
	box-sizing:border-box;
	text-align: center;
	margin-left:30px;
	margin-right:30px;
}

.gameHolder.gameHolderRoom .infoBox .theX {
	position:absolute;
	right:32px;
	top:20px;
	width:66px;
	height:68px;
	display:block;
	background-image:url("images/doorScreen_close.png");
	background-position: left top;
	background-size:66px 68px;
	background-repeat:no-repeat;
	z-index:10;
}


.gameHolder.gameHolderRoom .bottomSection {
	position:absolute;
	left:0px;
	bottom:0px;
	width:2560px;
	height:388px;
	background-image: url("images/bottom_section_background.png");
	background-size:2560px 388px;
	background-position:left top;
	background-repeat:no-repeat;
}

.gameHolder.gameHolderRoom .bottomSection .bottomButton {
	position:absolute;
	left:284px;
	top:180px;
	width:736px;
	height:170px;
	display:block;
	background-image: url("images/bottom_section_back.png");
	background-size:736px 170px;
	background-position:left top;
	background-repeat:no-repeat;
}

.gameHolder.gameHolderRoom .bottomSection .bottomButton.next {
	left:1531px;
	background-image: url("images/bottom_section_next.png");
}

.gameHolder.gameHolderRoom .bottomSection .bottomButton:hover {
	background-image: url("images/bottom_section_back_glow.png");
}

.gameHolder.gameHolderRoom .bottomSection .bottomButton:focus {
	outline: none;
	background-image: url("images/bottom_section_back_glow.png");
}

.gameHolder.gameHolderRoom .bottomSection .bottomButton.next:hover {
	background-image: url("images/bottom_section_next_glow.png");
}

.gameHolder.gameHolderRoom .bottomSection .bottomButton.next:focus {
	outline: none;
	background-image: url("images/bottom_section_next_glow.png");
}


.gameHolder.gameHolderRoom .theTitle {
	position:absolute;
	left:778px;
	top:0px;
	width:1010px;
	height:188px;
	display:block;
	background-image:url("images/cryo-electron_title.png");
	background-position:0px 0px;
	background-size:1010px 188px;
	background-repeat:no-repeat;
}

.gameHolder#cyro-electronScreen .theTitle:hover {
	background-image:url("images/cryo-electron_title_yellow.png");
}

.gameHolder#cyro-electronScreen .theTitle.selected {
	background-image:url("images/cryo-electron_title_blue.png");
}

.gameHolder#xrayScreen .theTitle {
	background-image:url("images/xray_title.png");
}

.gameHolder#xrayScreen .theTitle:hover {
	background-image:url("images/xray_title_yellow.png");
}

.gameHolder#xrayScreen .theTitle.selected {
	background-image:url("images/xray_title_blue.png");
}

.gameHolder#xfelScreen .theTitle {
	background-image:url("images/xfel_title.png");
}

.gameHolder#xfelScreen .theTitle:hover {
	background-image:url("images/xfel_title_yellow.png");
}

.gameHolder#xfelScreen .theTitle.selected {
	background-image:url("images/xfel_title_blue.png");
}


.gameHolder#microScreen .theTitle.theTitle1 {
	left:291px;
	top:180px;
	width:813px;
	height:233px;
	background-size:813px 233px;
	background-image:url("images/confocal_title.png");
}

.gameHolder#microScreen .theTitle.theTitle1:hover {
	background-image:url("images/confocal_title_yellow.png");
}

.gameHolder#microScreen .theTitle.theTitle1.selected {
	background-image:url("images/confocal_title_blue.png");
}

.gameHolder#microScreen .theTitle.theTitle2 {
	left:1580px;
	top:180px;
	width:536px;
	height:233px;
	background-size:536px 233px;
	background-image:url("images/animation_title.png");
}

.gameHolder#microScreen .theTitle.theTitle2:hover {
	background-image:url("images/animation_title_yellow.png");
}

.gameHolder#microScreen .theTitle.theTitle2.selected {
	background-image:url("images/animation_title_blue.png");
}


.gameHolder#introScreen {
}

.gameHolder#introScreen h1 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:absolute;
	left:0px;
	top:400px;
	width:100%;
	height:auto;
	display: block;
	font-family:MuseoSans-700;
	color:#FFF;
	font-size:256px;
	line-height:234px;
	text-transform: uppercase;
	text-shadow: 6px 6px #000;
	z-index:10;
}

.gameHolder#introScreen .sponsored {
	margin:0px;
	padding:0px;
	position: absolute;
	left:256px;
	top:120px;
	font-family:MuseoSans-500;
	color:#FFF;
	font-size:20px;
	line-height: 20px;
	text-align: left;
	z-index:10;
}

.gameHolder#introScreen .legal {
	margin:0px;
	padding:0px;
	position: absolute;
	left:1280px;
	top:1320px;
	width:660px;
	height:auto;
	font-family:MuseoSans-500;
	color:#FFF;
	font-size:20px;
	line-height: 20px;
	text-align: center;
	margin-left:-330px;
	z-index:10;
}

.gameHolder#introScreen .nihLogo {
	position: absolute;
	right:256px;
	top:120px;
	width:372px;
	height:78px;
	display:block;
	z-index:10;
}

.gameHolder#introScreen .startButton {
	position:absolute;
	left:50%;
	left:1280px;
	top:1020px;
	width:508px;
	height:100px;
	display:inline-block;
	background-color:#cd008f;
	box-sizing: border-box;
	border:solid;
	border-width:2px;
	border-color:#FFF;
	margin-left:-254px;
	border-radius:50px;
	font-family:MuseoSans-700;
	color:#FFF;
	text-decoration: none;
	font-size:42px;
	line-height:100px;
	text-transform: uppercase;
	z-index:10;
}

.gameHolder#introScreen .startButton:hover {
	background-color:#ed26b1;
}



.gameHolder#doorScreen {
	background-image:url("images/doorScreen_background.png");
}

.gameHolder#doorScreen .popup {
	position:absolute;
	left:1280px;
	top: 416px;
	width:1424px;
	height:auto;
	display:inline-block;
	margin-left:-712px;
	background-color:#2a353d;
	border:solid;
	border-width:4px;
	border-color:#ffcf14;
	border-radius:30px;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:60px;
	padding-right:60px;
	box-sizing:border-box;
}

.gameHolder#doorScreen .popup h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-700;
	color:#ffcf14;
	font-size:62px;
	line-height:74px;
}

.gameHolder#doorScreen .popup p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-300;
	color:#FFF;
	font-size:54px;
	line-height:66px;
	margin-top:10px;
	display:inline-block;
}

.gameHolder#doorScreen .popup p .pinkButton {
	color:#f5cce9;
	margin-top:10px;
	display:inline-block;
	font-family:MuseoSans-500;
	text-decoration: none;
}

.gameHolder#doorScreen .popup .theX {
	position:absolute;
	right:14px;
	top:16px;
	width:66px;
	height:68px;
	display:block;
	background-image:url("images/doorScreen_close.png");
	background-position: left top;
	background-size:66px 68px;
	background-repeat:no-repeat;
	z-index:10;
}

.gameHolder#doorScreen .door {
	position:absolute;
	left:0px;
	top:244px;
	width:500px;
	height:1110px;
	display:block;
	border:none;
	background-image:url("images/doorScreen_door1.png");
	background-position: 0px 0px;
	background-size:500px 1110px;
	background-repeat:no-repeat;
}

.gameHolder#doorScreen .door:focus {
	outline:none;
}

.gameHolder#doorScreen .door.door2 {
	left:686px;
	background-image:url("images/doorScreen_door2.png");
}

.gameHolder#doorScreen .door.door3 {
	left:1374px;
	background-image:url("images/doorScreen_door3.png");
}

.gameHolder#doorScreen .door.door4 {
	left:2060px;
	background-image:url("images/doorScreen_door4.png");
}

.gameHolder#cyro-electronScreen {
	background-image:url("images/cryo-electron_background.png");
}

.gameHolder#xrayScreen {
	background-image:url("images/xray_background.png");
}

.gameHolder#cyro-electronScreen .roomRoll.proteins {
	left:140px;
	top:448px;
	width:638px;
	height:544px;
	background-image:url("images/cryo-electron_proteins_yellow.png");
}

.gameHolder#cyro-electronScreen .roomRoll.machine {
	left:898px;
	top:114px;
	width:694px;
	height:878px;
	background-image:url("images/cryo-electron_machine_yellow.png");
}

.gameHolder#cyro-electronScreen .roomRoll.computer {
	left:1410px;
	top:500px;
	width:500px;
	height:492px;
	background-image:url("images/cryo-electron_computer_yellow.png");
}

.gameHolder#cyro-electronScreen .roomRoll.poster {
	left:1910px;
	top:188px;
	width:650px;
	height:804px;
	background-image:url("images/cryo-electron_poster_yellow.png");
}

.gameHolder#cyro-electronScreen .roomRoll.more {
	left:1055px;
	top:0px;
	width:448px;
	height:388px;
	background-image:url("images/more_campbell_yellow.png");
}


.gameHolder#cyro-electronScreen .roomRoll.proteins.selected {
	background-image:url("images/cryo-electron_proteins_blue.png");
}

.gameHolder#cyro-electronScreen .roomRoll.machine.selected {
	background-image:url("images/cryo-electron_machine_blue.png");
}

.gameHolder#cyro-electronScreen .roomRoll.computer.selected {
	background-image:url("images/cryo-electron_computer_blue.png");
}

.gameHolder#cyro-electronScreen .roomRoll.poster.selected {
	background-image:url("images/cryo-electron_poster_blue.png");
}

.gameHolder#cyro-electronScreen .roomRoll.more.selected {
	background-image:url("images/more_campbell_blue.png");
}


.gameHolder#cyro-electronScreen .roomButton.proteins {
	left:206px;
	top:500px;
	width:500px;
	height:450px;
}

.gameHolder#cyro-electronScreen .roomButton.machine {
	left:1112px;
	top:188px;
	width:298px;
	height:762px;
}

.gameHolder#cyro-electronScreen .roomButton.computer {
	left:1468px;
	top:644px;
	width:320px;
	height:222px;
}

.gameHolder#cyro-electronScreen .roomButton.poster {
	left:2012px;
	top:302px;
	width:422px;
	height:604px;
}

.gameHolder#cyro-electronScreen .roomButton.more {
	left:1109px;
	top:59px;
	width:338px;
	height:265px;
}

/* xray */

.gameHolder#xrayScreen .roomRoll.poster {
	left:152px;
	top:175px;
	width:407px;
	height:541px;
	background-image:url("images/xray_poster_yellow.png");
}

.gameHolder#xrayScreen .roomRoll.poster.selected {
	background-image:url("images/xray_poster_blue.png");
}

.gameHolder#xrayScreen .roomButton.poster {
	left:200px;
	top:221px;
	width:316px;
	height:480px;
}

.gameHolder#xrayScreen .roomRoll.crystal {
	left:200px;
	top:671px;
	width:316px;
	height:340px;
	background-image:url("images/xray_crystal_yellow.png");
}

.gameHolder#xrayScreen .roomRoll.crystal.selected {
	background-image:url("images/xray_crystal_blue.png");
}

.gameHolder#xrayScreen .roomButton.crystal {
	left:257px;
	top:701px;
	width:172px;
	height:215px;
}

.gameHolder#xrayScreen .roomRoll.machine {
	left:720px;
	top:390px;
	width:1013px;
	height:621px;
	background-image:url("images/xray_machine_yellow.png");
}

.gameHolder#xrayScreen .roomRoll.machine.selected {
	background-image:url("images/xray_machine_blue.png");
}

.gameHolder#xrayScreen .roomButton.machine {
	left:784px;
	top:430px;
	width:891px;
	height:517px;
}

.gameHolder#xrayScreen .roomRoll.computer {
	left:1808px;
	top:559px;
	width:516px;
	height:452px;
	background-image:url("images/xray_computer_yellow.png");
}

.gameHolder#xrayScreen .roomRoll.computer.selected {
	background-image:url("images/xray_computer_blue.png");
}

.gameHolder#xrayScreen .roomButton.computer {
	left:1862px;
	top:617px;
	width:418px;
	height:299px;
}

.gameHolder#xrayScreen .poster1 .textHolder p {
	font-size:39px;
}

.gameHolder#xrayScreen .roomRoll.more {
	left:1055px;
	top:0px;
	width:448px;
	height:388px;
	background-image:url("images/more_chakrapani_yellow.png");
}

.gameHolder#xrayScreen .roomRoll.more.selected {
	background-image:url("images/more_chakrapani_blue.png");
}

.gameHolder#xrayScreen .roomButton.more {
	left:1109px;
	top:59px;
	width:338px;
	height:265px;
}

.gameHolder.gameHolderRoom#xrayScreen .bottomSection {
	background-image:url("images/xray_bottom_section_background.png");
}

/* xfel */

.gameHolder#xfelScreen  {
	background-image:url("images/xfel_background.png");
}

.gameHolder#xfelScreen .popup p {
	font-size:41px;
}


.gameHolder#xfelScreen .roomRoll.machine {
	left:305px;
	top:740px;
	width:2255px;
	height:700px;
	background-image:url("images/xfel_machine_yellow.png");
}

.gameHolder#xfelScreen .roomRoll.computer {
	left:629px;
	top:129px;
	width:425px;
	height:399px;
	background-image:url("images/xfel_computer_yellow.png");
}

.gameHolder#xfelScreen .roomRoll.poster {
	left:1442px;
	top:129px;
	width:549px;
	height:399px;
	background-image:url("images/xfel_poster_yellow.png");
}

.gameHolder#xfelScreen .roomRoll.more {
	left:1055px;
	top:0px;
	width:448px;
	height:388px;
	background-image:url("images/more_campbell_yellow.png");
}

.gameHolder#xfelScreen .roomRoll.machine.selected {
	background-image:url("images/xfel_machine_blue.png");
}

.gameHolder#xfelScreen .roomRoll.computer.selected {
	background-image:url("images/xfel_computer_blue.png");
}

.gameHolder#xfelScreen .roomRoll.poster.selected {
	background-image:url("images/xfel_poster_blue.png");
}

.gameHolder#xfelScreen .roomRoll.more.selected {
	background-image:url("images/more_campbell_blue.png");
}

.gameHolder#xfelScreen .roomButton.poster {
	left:1488px;
	top:179px;
	width:453px;
	height:299px;
}

.gameHolder#xfelScreen .roomButton.computer {
	left:681px;
	top:178px;
	width:322px;
	height:229px;
}

.gameHolder#xfelScreen .roomButton.machine {
	left:1258px;
	top:740px;
	width:1302px;
	height:700px;
}

.gameHolder#xfelScreen .roomButton.machine.machine2 {
	left:348px;
	top:1104px;
	width:910px;
	height:184px;
}

.gameHolder#xfelScreen .roomButton.machine.machine3 {
	left:348px;
	top:857px;
	width:910px;
	height:247px;
}

.gameHolder#xfelScreen .roomButton.more {
	left:1109px;
	top:59px;
	width:338px;
	height:265px;
}

.gameHolder#xfelScreen .roomRoll.more {
	left:1055px;
	top:-1px;
	width:448px;
	height:388px;
	background-image:url("images/more_barnes_yellow.png");
}

.gameHolder#xfelScreen .roomRoll.more.selected {
	background-image:url("images/more_barnes_blue.png");
}

.gameHolder.gameHolderRoom#xfelScreen .bottomSection {
	background-image:url("images/xfel_bottom_section_background.png");
}


/* xfel */

.gameHolder#microScreen  {
	background-image:url("images/micro_background.png");
}

.gameHolder#microScreen .lightMicroscope {
	position:absolute;
	left:1280px;
	top: 163px;
	width:1412px;
	height:auto;
	display:inline-block;
	margin-left:-706px;
	background-color:#2a353d;
	border:solid;
	border-width:4px;
	border-color:#ffcf14;
	border-radius:30px;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
}

.gameHolder#microScreen .lightMicroscope h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-700;
	color:#ffcf14;
	font-size:62px;
	line-height:74px;
}

.gameHolder#microScreen .lightMicroscope p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-300;
	color:#FFF;
	font-size:40px;
	line-height:52px;
	margin-top:10px;
	display:inline-block;
	text-align: left;
}

.gameHolder#microScreen .lightMicroscope p strong {
	font-weight:normal;
	font-family:MuseoSans-700;
	color:#ffcf14;
}



.gameHolder#microScreen .lightMicroscope .theX {
	position:absolute;
	right:12px;
	top:16px;
	width:66px;
	height:68px;
	display:block;
	background-image:url("images/doorScreen_close.png");
	background-position: left top;
	background-size:66px 68px;
	background-repeat:no-repeat;
	z-index:10;
}


.gameHolder#microScreen .roomRoll.machine {
	left:89px;
	top:356px;
	width:620px;
	height:705px;
	background-image:url("images/micro_machine_yellow.png");
}

.gameHolder#microScreen .roomRoll.machine.selected {
	background-image:url("images/micro_machine_blue.png");
}

.gameHolder#microScreen .roomRoll.computer {
	left:616px;
	top:517px;
	width:652px;
	height:544px;
	background-image:url("images/micro_computer_yellow.png");
}

.gameHolder#microScreen .roomRoll.computer.selected {
	background-image:url("images/micro_computer_blue.png");
}

.gameHolder#microScreen .roomRoll.animation {
	left:1501px;
	top:185px;
	width:652px;
	height:876px;
	background-image:url("images/micro_animation_yellow.png");
}

.gameHolder#microScreen .roomRoll.animation.selected {
	background-image:url("images/micro_animation_blue.png");
}

.gameHolder#microScreen .roomRoll.poster {
	left:2048px;
	top:185px;
	width:511px;
	height:651px;
	background-image:url("images/micro_poster_yellow.png");
}

.gameHolder#microScreen .roomRoll.poster.selected {
	background-image:url("images/micro_poster_blue.png");
}

.gameHolder#microScreen .roomButton.poster {
	left:2151px;
	top:255px;
	width:347px;
	height:497px;
}

.gameHolder#microScreen .roomButton.machine {
	left:200px;
	top:423px;
	width:420px;
	height:553px;
}

.gameHolder#microScreen .roomButton.computer {
	left:715px;
	top:606px;
	width:469px;
	height:367px;
}

.gameHolder#microScreen .roomButton.animation {
	left:1614px;
	top:606px;
	width:469px;
	height:367px;
}

.gameHolder#microScreen .roomButton.animation.animationButton2 {
	left:1645px;
	top:235px;
	width:428px;
	height:145px;
}

.gameHolder#microScreen .infoBox.animation2 .textHolder p, .gameHolder#microScreen .infoBox.machine1 .textHolder p, .gameHolder#microScreen .infoBox.animation1 .textHolder p {
	font-size:40px;
	line-height:52px;
}

.gameHolder#microScreen .infoBox.animation2 .textHolder p strong, .gameHolder#microScreen .infoBox.machine1 .textHolder p strong, .gameHolder#microScreen .infoBox.animation1 .textHolder p strong {
	font-family:MuseoSans-700;
	font-weight: normal;
}


.gameHolder#microScreen .roomButton.more {
	left:1109px;
	top:59px;
	width:338px;
	height:265px;
}

.gameHolder#microScreen .roomRoll.more {
	left:1055px;
	top:-1px;
	width:448px;
	height:388px;
	background-image:url("images/more_nayak_yellow.png");
}

.gameHolder#microScreen .roomRoll.more.selected {
	background-image:url("images/more_nayak_blue.png");
}

.gameHolder.gameHolderRoom#microScreen .bottomSection {
	background-image:url("images/micro_bottom_section_background.png");
}


.gameOverlayVideo {
	position: absolute;
	display: block;
	left:0px;
	top:0px;
	width:500px;
	height:500px;
	z-index:500;
}

.gameOverlayVideo iframe {
	border:none !important;
}

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

.gameHolder#endScreen:focus {
	outline:none;
}

.gameHolder#endScreen h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#ffcf14;
	font-family:MuseoSans-700;
	font-size:72px;
	line-height:88px;
	position:absolute;
	top:106px;
	left:50%;
	width:1932px;
	margin-left:-966px;
	
}

.gameHolder#endScreen p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#FFF;
	font-family:MuseoSans-500;
	font-size:46px;
	line-height:60px;
	position:absolute;
	top:214px;
	left:50%;
	width:1932px;
	margin-left:-966px;
	
}

.gameHolder#endScreen .noteHolder {
	position:absolute;
	top:405px;
	left:0px;
	width:100%;
}

.gameHolder#endScreen .buttonHolder {
	position:absolute;
	top:1215px;
	left:0px;
	width:100%;
}

.gameHolder#endScreen .pinkEnd {
	display:inline-block;
	height:80px;
	font-family:MuseoSans-700;
	color:#FFF;
	font-size:30px;
	line-height:80px;
	text-decoration: none;
	box-sizing:border-box;
	background-color: #ce0090;
	padding-left:108px;
	padding-right:108px;
	text-align: center;
	border:solid;
	border-color:#FFF;
	border-width:2px;
	border-radius:40px;
	margin-left:60px;
	margin-right:60px;
}

.gameHolderRoom .exitButton {
	position:absolute;
	right:0px;
	bottom:0px;
	width:182px;
	height:65px;
	display:block;
	background-color: rgba(0,0,0,.5);
	color:#FFF;
	font-family:MuseoSans-700;
	font-size:48px;
	line-height:65px;
	text-align: center;
	text-decoration: none;
}

.gameHolder .closeAll {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:none;
}

.gameHolder .baseButton {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:inline-block;
}


.gameHolder .baseButton p {
	margin:0px;
	padding:0px;
	position:absolute;
	left:50%;
	top:50%;
	width:1300px;
	height:auto;
	font-family:MuseoSans-700;
	font-size:48px;
	line-height:65px;
	color:#000;
	transform:translate(-50%, -50%);
	pointer-events:none;
	background-color:#FFF;
	padding-top:15px;
	padding-bottom:15px;
	border:solid;
	border-width:4px;
	border-color:#000;
	border-radius:45px;
	box-sizing:border-box;
	user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}