﻿.loader,
.loader:before,
.loader:after {
	background: green;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.loader {
	height:40px;
	color: green;
	text-indent: -9999em;
	margin: 18px auto;
	position: relative;
	font-size: 8px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}



#pleaseWait {
	display: none;
    position: fixed;
    background-color: white;
    border: solid 1px #555;
    text-align: center;
    height: 115px;
    width: 245px;
    margin: -100px 0 0 -100px;
    top: 50%;
    left: 50%;
    z-index: 10001;
    border-radius: 5px;
}

#pleaseWait label {
	font-size:1.2em;
	padding-top: 25px;
}

#modalBackground {
	display:none;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color:#000000;
	opacity:.5;
	z-index:10000;
}

