@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

div#load_screen{
    background: #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    position: fixed;
    z-index:1000;
    top: 0px;
    width: 100%;
    height: 1600px;
    display: none;
}
div#load_screen > .loader{
    border: 16px solid #EDAE34; /* Light grey */
    border-top: 16px solid #555; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 300px auto;
    z-index:11;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.loader {
    border: 16px solid #EDAE34; /* Light grey */
    border-top: 16px solid #555; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

.loadersmall {
  border: 5px solid #EDAE34;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  /*float: left;*/
  /*display: inline;*/
}

.loadericon {
    border: 5px solid #EDAE34; /* Light grey */
    border-top: 5px solid #555; /* Blue */
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 2s linear infinite;
}

.loadericonsmall {
    border: 4px solid #EDAE34; /* Light grey */
    border-top: 4px solid #555; /* Blue */
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 2s linear infinite;
}

/*The loading div is for the AJAX call used to show the word WORKING*/
div#loading {
	position			: absolute;
	bottom				: 10px;
	left				: 10px;
	padding				: 5px;
	display				: none;
	z-index				: 500;
	font-size			: 20px;
	font-weight			: bold;
	/*background-color		: #f00;*/
	color				: #fff;
}

div.working{
	display: inline;
	color: #EDAE34;
	font-size			: 14px;
	font-weight			: normal;
	float				: left;
	margin-left         : 53px;
	margin-top       	: 12px;
}