Loading added on right panel

ui/new/css/jquery-ui-1.8.2.custom.css

@@ -34,7 +34,7 @@
 ----------------------------------*/
 
 /* Overlays */
-.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1007;}
 
 
 /*

ui/new/css/main.css

@@ -270,7 +270,7 @@ a:hover {
 	top: 0%;
 	left: 0%;
 	width: 100%;
-	min-height: 1070px;
+	min-height: 1000px;
 	height: 100%;
 	background-color: black;
 	z-index:1001;
@@ -280,6 +280,8 @@ a:hover {
 	overflow:hidden;
 }
 
+
+
 .vmpopup_container {
 	width:737px;
 	height:505px;
@@ -2153,6 +2155,27 @@ a:hover.search_button {
 	padding:0;
 }
 
+.midmenu_titlebox {
+	width:220px;
+	height:auto;
+	float:left;
+	background:#dadada url(../images/midmenu_titlebg.gif) repeat-x top left;
+	margin:0;
+	padding:0 0 4px 0;
+}
+
+.midmenu_titlebox p{
+	width:220px;
+	height:auto;
+	float:left;
+	color:#333;
+	text-align:left;
+	font-weight:bold;
+	font-size:11px;
+	margin:3px 0 0 10px;
+	padding:0;
+}
+
 .midmenu_content{
 	width:220px;
 	height:auto;
@@ -2222,14 +2245,16 @@ a:hover.search_button {
 	height:auto;
 	margin:0 0 0 221px;
 	padding:0;
+	position:relative;
 }
 
 .main_contentarea_without_midmenu {
 	width:auto;
 	min-height:1000px;
 	height:auto;
-	margin:0 0 0 10px;
+	margin:0 0 0 0;
 	padding:0;
+	position:relative;
 }
 
 .main_title {
@@ -2309,6 +2334,41 @@ a:hover.search_button {
 	cursor:hand;
 }
 
+.rightpanel_mainloaderbox {
+	width:auto;
+	height:auto;
+	position:absolute;
+	top:30%;
+	left:40%;
+	background:#FFF;
+	border:1px solid #CCC;
+	margin:0;
+	padding:0;
+	z-index:1008;
+}
+
+.rightpanel_mainloaderbox p{
+	width:auto;
+	height:auto;
+	float:left;
+	color:#333;
+	font-size:16px;
+	font-weight:normal;
+	margin:15px 10px 0 10px;
+	display:inline;
+	padding:0;
+}
+.rightpanel_mainloader_animatedicon {
+	width:40px;
+	height:40px;
+	float:left;
+	background:url(../images/big_loading.gif) no-repeat top left;
+	margin:3px 0 0 5px;
+	display:inline;
+	padding:0;
+}
+
+
 .text_container {
 	width:100%;
 	height:auto;

ui/new/jsp/account.jsp

@@ -7,6 +7,15 @@
     CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
 %>
 <!-- account detail panel (begin) -->
+<!-- Loading -->
+<div style="display:none;">
+    <div class="ui-widget-overlay">
+    </div>
+    <div class="rightpanel_mainloaderbox" >
+       <div class="rightpanel_mainloader_animatedicon"></div>
+       <p>Loading &hellip; </p>
+    </div>    
+</div>    
 <div class="main_title" id="right_panel_header">
     <div class="main_titleicon">
         <img src="images/title_accountsicon.gif" alt="Accounts" /></div>
@@ -14,6 +23,7 @@
         Accounts</h1>
 </div>
 <div class="contentbox" id="right_panel_content">
+	
     <div class="info_detailbox errorbox" id="after_action_info_container_on_top" style="display: none">
         <p id="after_action_info">
         </p>

ui/new/jsp/dashboard.jsp

@@ -6,6 +6,16 @@
     Locale browserLocale = request.getLocale();
     CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
 %>
+<!--Loading-->
+<div style="display:none;">
+    <div class="ui-widget-overlay">
+    </div>
+    <div class="rightpanel_mainloaderbox" >
+       <div class="rightpanel_mainloader_animatedicon"></div>
+       <p>Loading &hellip; </p>
+    </div> 
+</div>    
+   
 <div class="main_title" id="right_panel_header">
     <div class="main_titleicon">
         <img src="images/title_dashboardicon.gif" alt="Dashboard" /></div>