html {
	 height: 100%;
}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	height: 100%;
	
    background-repeat: no-repeat;
    background-attachment: fixed;	
	background: #1e1e1e;
}


.MainContent {
	width: 50%;
	max-width: 320px;	
	padding: 20px;    
	height: 120px;
	color: white;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	text-align: center;
    margin: auto;
}

.OSLoadingIndicatorOutCircle {
	display: inline-block;
	background: #FFF;
	width: 28px;
	height: 28px;	
	border-radius: 50%;
	text-align: center;
}

.OSLoadingIndicatorInCircle {
	display: inline-block;
	background: #384142;
	width: 10px;
	height: 10px;	
	border-radius: 50%;
	margin: 9px 9px;
}

.OSLoaderContainer {
	background: #596669;
	border-radius: 5px;
}

.OSLoadingBar {
	margin-top: 30px;
	width: 0%;
	height: 5px;
	background-color: #FFF;	
	box-shadow: 0 0 3px #FFF;	
	border-radius: 5px;
	-webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}

.OSLoadingDescription {
	margin-top: 30px;
	letter-spacing: 1.0px;
	text-transform: uppercase;
}

@keyframes blink {
    0% { box-shadow: 0 0 15px #FFF; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 15px #FFF; }
}

@-webkit-keyframes blink {
    0% { box-shadow: 0 0 15px #FFF; }
    50% { box-shadow: 0 0 0; }
    100% { box-shadow: 0 0 15px #FFF; }
}

.blink {
    -webkit-animation: blink 1.5s ease-out infinite;
    -moz-animation: blink 1.5s ease-out infinite;
    -ms-animation: blink 1.5s ease-out infinite;
    -o-animation: blink 1.5s ease-out infinite;
    animation: blink 1.5s ease-out infinite;
}