diff --git a/include/staff/footer.inc.php b/include/staff/footer.inc.php
index f7f2d5024213aca1dc60291825c2bdd0aba12758..d112e157a52b98d0832a68f69f77e24751ae1f5f 100644
--- a/include/staff/footer.inc.php
+++ b/include/staff/footer.inc.php
@@ -15,8 +15,8 @@ if(is_object($thisstaff) && $thisstaff->isStaff()) { ?>
 </div>
 <div id="overlay"></div>
 <div id="loading">
-    <h4>Please Wait!</h4>
-    <p>Please wait... it will take a second!</p>
+    <i class="icon-spinner icon-spin icon-3x pull-left icon-light"></i>
+    <h1>Loading ...</h1>
 </div>
 <div class="dialog" style="display:none;width:650px;" id="popup">
     <div class="body"></div>
diff --git a/scp/css/scp.css b/scp/css/scp.css
index ce9023b6cbe3e735d8e36bb326eda625154770ed..dc2d76119efb1561fb7dc6c88a259575474726ea 100644
--- a/scp/css/scp.css
+++ b/scp/css/scp.css
@@ -1505,17 +1505,20 @@ ul.progress li.no small {color:red;}
 }
 
 #loading, #upgrading {
-    border:1px solid #2a67ac;
-    padding: 10px 10px 10px 60px;
+    border:3px solid #777;
+    border-radius: 10px;
+    padding: 10px;
     width: 300px;
-    height: 100px;
-    background: rgb( 255, 255, 255) url('../images/FhHRx-Spinner.gif') 10px 50% no-repeat;
+    background: black url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWUlEQVQYGY2PAQoAIAgDrQf6pf7kC2vCRlRUgrjqXFrMrI3McHdKiwhpiMrTDRL4ghL8geQIsc6EOwbMcsYXhIYyUlvTgXUeS1vzkXWG8OMRXCE0b+AJAtgB7jEc+2fs6e8AAAAASUVORK5CYII=) repeat;
     position: fixed;
     display: none;
     z-index: 3000;
+    box-shadow: 0 5px 20px #001;
+    vertical-align: middle;
 }
 
-#loading h4, #upgrading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }
+#loading h1, #upgrading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }
+#loading, #upgrading * { color: white; }
 
 .non-local-image:after {
     background: url(../images/ost-logo.png) center center no-repeat;