/* CSS Document */
#qLoverlay {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 20000;
	top: 0;
	left: 0;
}
#qLbar
{
	top:0 !important;
}
#qLbar {
	top: 0 !important;
}
#spinner {
	position: absolute;
	height:41px;
	width:41px;
	top: 50%;
	border: 3px solid rgba(226, 226, 226, 0.75);
	border-radius:100%;
	-webkit-animation: rotation 1s infinite linear;
	-moz-animation: rotation 1s infinite linear;
	-o-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;
}

.no-csstransforms #spinner {
	background:url(images/preloader.gif) no-repeat scroll 0 0;
	width: 38px;
	height: 38px;
	border: 0;
	margin-left: -19px;
	margin-top: -19px;	
}

.no-csstransforms #spinner:before {
	border: 0;
}	

#spinner:before {
   content:"";
   display:block;
   position:absolute;
   left:-3px;
   top:-3px;
   height:100%;
   width:100%;
   border-top:3px solid #000;
   border-left: 3px solid #000;
   border-bottom:3px solid transparent;
   border-right: 3px solid #000;
   border-radius:100%;
   -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

