diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index c632b501a95..4362412df21 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -2375,17 +2375,20 @@ a:hover.search_button {
 	cursor:hand;
 }
 
-.rightpanel_mainloaderbox {
-	width:auto;
+.rightpanel_mainloader_panel {
+	width:100%;
 	height:auto;
-	position:absolute;
-	top:30%;
-	left:40%;
-	background:#FFF;
-	border:1px solid #CCC;
-	margin:0;
+	float:left;
+	margin:10px 0 0 0;
+	padding:0;
+}
+
+.rightpanel_mainloaderbox {
+	width:134px;
+	height:22px;
+	background:url(../images/right_loadingbg.png) no-repeat top left;
+	margin:0 auto;
 	padding:0;
-	z-index:1008;
 }
 
 .rightpanel_mainloaderbox p{
@@ -2393,18 +2396,18 @@ a:hover.search_button {
 	height:auto;
 	float:left;
 	color:#333;
-	font-size:16px;
+	font-size:12px;
 	font-weight:normal;
-	margin:15px 10px 0 10px;
+	margin:5px 10px 0 10px;
 	display:inline;
 	padding:0;
 }
 .rightpanel_mainloader_animatedicon {
-	width:40px;
-	height:40px;
+	width:16px;
+	height:16px;
 	float:left;
-	background:url(../images/big_loading.gif) no-repeat top left;
-	margin:3px 0 0 5px;
+	background:url(../images/leftmenu_loader.gif) no-repeat top left;
+	margin:3px 0 0 25px;
 	display:inline;
 	padding:0;
 }
@@ -2921,7 +2924,7 @@ a:hover.search_button {
 
 .gridheader_loaderbox {
 	width:auto;
-	height:20px;
+	height:18px;
 	float:right;
 	position:absolute;
 	background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
diff --git a/ui/new/images/right_loadingbg.png b/ui/new/images/right_loadingbg.png
new file mode 100644
index 00000000000..e3ccdc53d4c
Binary files /dev/null and b/ui/new/images/right_loadingbg.png differ
diff --git a/ui/new/jsp/account.jsp b/ui/new/jsp/account.jsp
index 51f629085f3..861c30b96db 100644
--- a/ui/new/jsp/account.jsp
+++ b/ui/new/jsp/account.jsp
@@ -33,15 +33,11 @@
             <%=t.t("Details")%></div>
     </div> 
     <div id="tab_content_details">
-        <div class="grid_actionpanel">
-                       
-            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
-                display: none;">
-                <div class="gridheader_loader" id="icon">
-                </div>
-                <p id="description">
-                    Detaching Disk &hellip;</p>
-            </div>                 
+        <div class="rightpanel_mainloader_panel">
+              <div class="rightpanel_mainloaderbox">
+                   <div class="rightpanel_mainloader_animatedicon"></div>
+                   <p>Loading &hellip;</p>    
+              </div>               
         </div>
         <div class="grid_container">
         	<div class="grid_header">
@@ -53,6 +49,13 @@
                         </ul>
                     </div>
                 </div>
+                <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                    <div class="gridheader_loader" id="icon">
+                    </div>
+                    <p id="description">
+                        Detaching Disk &hellip;</p>
+                </div>
             </div>
             <div class="grid_rows odd">
                 <div class="grid_row_cell" style="width: 20%;">