diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index 67c7369c0b3..4da2f36d7e9 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -1129,7 +1129,7 @@ a:visited {
 
 
 
-#header {
+#main_header {
 	min-width:960px;
 	width:100%;
 	height:44px;
@@ -1276,7 +1276,8 @@ a:visited {
 .leftmenu_expandedlist{
 	width:100%;
 	height:auto;
-	float:left; 
+	float:left;
+	position:relative;
 	margin:0;
 	padding:0;
 }
@@ -1313,6 +1314,38 @@ a:visited {
 }
 */
 
+
+.leftmenu_loadingbox {
+	width:100%;
+	height:auto;
+	position:absolute;
+	background:#fdecbc repeat top left;
+	margin:0;
+	padding:0;
+}
+
+.leftmenu_loadingbox p{
+	width:auto;
+	height:auto;
+	float:left;
+	color:#333;
+	font-size:11px;
+	font-weight:bold;
+	text-align:left;
+	margin:1px 0 0 10px;
+	display:inline;
+	padding:3px 0;
+}
+
+.leftmenu_loader {
+	width:16px;
+	height:16px;
+	float:left;
+	background:url(../images/leftmenu_loader.gif) no-repeat top left;
+	margin:2px 0 0 5px;
+	display:inline;
+}
+
 .white_openedarrow {
 	width:5px;
 	height:10px;
diff --git a/ui/new/images/leftmenu_loader.gif b/ui/new/images/leftmenu_loader.gif
new file mode 100644
index 00000000000..a8c4760bdb7
Binary files /dev/null and b/ui/new/images/leftmenu_loader.gif differ
diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index 112dce1c8ca..b3e69fd3fa3 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -79,7 +79,7 @@ long milliseconds = new Date().getTime();
     <div id="overlay_black" style="display: none">
     </div>
     <div id="main">
-        <div id="header">
+        <div id="main_header">
             <div class="header_left">
                 <div class="logo">
                 </div>
@@ -582,10 +582,10 @@ long milliseconds = new Date().getTime();
                                 </div>
                             </div>
                         </div>
-                        <div class="leftmenu_expandedlist">
-                            <div class="leftmenu_content" id="leftmenu_zone_tree">
-                            </div>
-                        </div>                                             
+                        
+                        <div id="leftmenu_zone_tree">
+                        </div>
+                                                                    
                         <div class="leftmenu_expandedlist">
                             <div class="leftmenu_content" style="border-bottom: 1px dashed b4c8d6;" id="leftmenu_service_offering">
                                 <div class="leftmenu_secondindent">
@@ -699,6 +699,10 @@ long milliseconds = new Date().getTime();
         <%=t.t("no.available.actions")%></li>
      
      <div class="leftmenu_expandedlist" id="leftmenu_zone_node_template" style="display:none">
+     	<div class="leftmenu_loadingbox" style="display:none;">
+        	<div class="leftmenu_loader"></div>
+            <p> Adding Zone &hellip; </p>
+        </div>
         <div class="leftmenu_content selected" id="header">  
             <div class="leftmenu_thirdindent">
                 <div class="leftmenu_arrows expanded_close" id="arrowIcon">
@@ -708,9 +712,13 @@ long milliseconds = new Date().getTime();
                 Zone: <strong><span id="zone_name"></span></strong>
             </div>  
         </div>
-        <div id="zone_container"></div>
+		<div id="zone_container"></div>
     </div>
     <div class="leftmenu_expandedlist" id="leftmenu_pod_node_template" style="display:none">
+    	<div class="leftmenu_loadingbox" style="display:none;">
+        	<div class="leftmenu_loader"></div>
+            <p> Adding Pod &hellip; </p>
+        </div>
         <div class="leftmenu_content selected" id="header">
             <div class="leftmenu_fourthindent">
                 <div class="leftmenu_arrows expanded_close" id="arrowIcon">
@@ -724,6 +732,10 @@ long milliseconds = new Date().getTime();
     </div>
     
     <div class="leftmenu_expandedlist" id="leftmenu_cluster_node_template" style="display:none">
+    	<div class="leftmenu_loadingbox" style="display:none;">
+        	<div class="leftmenu_loader"></div>
+            <p> Adding Cluster &hellip; </p>
+        </div>
         <div class="leftmenu_content selected" id="header">
             <div class="leftmenu_fifthindent">
                 <div class="leftmenu_arrows expanded_close" id="arrowIcon">
@@ -737,6 +749,10 @@ long milliseconds = new Date().getTime();
     </div> 
     
     <div class="leftmenu_expandedlist" id="leftmenu_systemvm_node_template" style="display:none">
+    	<div class="leftmenu_loadingbox" style="display:none;">
+        	<div class="leftmenu_loader"></div>
+            <p> Adding Sytem VM &hellip; </p>
+        </div>
         <div class="leftmenu_content selected" id="header">
             <div class="leftmenu_fourthindent">
                 <div class="leftmenu_arrows expanded_close" id="arrowIcon">