div.overlay{
   top:0;
   right:0;
   width:100%;
   height:100%;
   position:fixed;
   text-align:center;
   /* IE filter */
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity:0.5;    /* Mozilla extension */
   -khtml-opacity:0.5;  /* Safari/Conqueror extension */
   opacity:0.5; /* CSS3 */
   z-index:1000;
   background-color:#000;
   color: #ccc;
 }

.spinner {
   position: absolute;
   left: 0;
   top: 40%;
   height:60px;
   width:60px;
   margin:0px auto;
   position:relative;
   -webkit-animation: rotation .9s infinite linear;
   -moz-animation: rotation .9s infinite linear;
   -o-animation: rotation .9s infinite linear;
   animation: rotation .9s infinite linear;
   border-left:10px solid rgba(0,174,239,.15);
   border-right:10px solid rgba(0,174,239,.15);
   border-bottom:10px solid rgba(0,174,239,.15);
   border-top:10px solid rgba(0,174,239,.8);
   border-radius:100%;
   margin-bottom: 200px;
}

@-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);}
}
body{
/*	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;*/
}