@charset "UTF-8";
/* CSS Document */
#loadingScreen {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: #000000;
	cursor: default;
	visibility: visible;
	display: inline;
	z-index: 100;
}
#loadingRing {
	position: absolute;
	background-image: url(../Media/Loader/NinjagoRing.png);
	background-size: 190px 190px;
	background-repeat: no-repeat;
	top: 175px;
	left: 385px;
	width: 190px;
	height: 190px;
	rotation: 0;
	z-index:11;
}
.loadingRingCenter {
	position: absolute;
	background-image: url(../Media/Loader/Loader_Lloyd.png);
	background-size: 40px 40px;
	top: 250px;
	left: 460px;
	width: 40px;
	height: 40px;
}
#loadingRingCenter2 {
	background-image: url(../Media/Loader/Loader_Nya.png);
}
#loadingRingCenter3 {
	background-image: url(../Media/Loader/Loader_Jay.png);
}
#loadingRingCenter4 {
	background-image: url(../Media/Loader/Loader_Cole.png);
}
#loadingRingCenter5 {
	background-image: url(../Media/Loader/Loader_Kai.png);
}
#loadingRingCenter6 {
	background-image: url(../Media/Loader/Loader_Zane.png);
}
#loadingBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 540px;
	background-color: #000000;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
}
#loadingMessage {
	visibility:hidden;
	position: absolute;
	left: 100px;
	top: 400px;
	width: 760px;
	text-align: center;
	font-family: Kunoichi;
	font-size: 24px;
	color: #FFFFFF;
	text-align:center;
	text-shadow: 2px 2px 2px black, -2px -2px 2px black, -2px 2px 2px black, 2px -2px 2px black;

	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
#loadingPrompt {
	position: absolute;
	left: 100px;
	top: 436px;
	font-size: 48px;
	text-align: center;
	width: 760px;
}
#loadingGraphic {
	position: absolute;
	background-image: url(../Media/Loader/BG_Loader.jpg);
	left: 0px;
	top: 230px;
	width: 960px;
	height: 67px;
	background-size: 960px 67px;
}
#loadingCharacter {
	background-image: url(../Media/EndScreen/End_Nya.png);
	top: 30px;
	left: 0px;
	width: 440px;
	height: 510px;
	display: none;
}
#loadbarBackground {
	position: absolute;
	left:400px;
	top:400px;
	width:160px;
	height:16px;
	z-index:12;
	background-image: url(../Media/Loader/loadbarBackground.jpg);
}
#loadbar {
	position: relative;
	/*margin: -2px;*/
	padding:0px;
	width:10%;
	top:25%;
	height:50%;
	z-index:13;
	background-color:white;
	/*background-image: url(../Media/Loader/loadbar.png);*/
}