diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index ecb08741008..e55f56cb27c 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -1837,11 +1837,14 @@ a:visited {
 	width:100%;
 	height:auto;
 	float:left;
+	position:relative;
 	margin:0;
 	padding:5px 0 5px 0;
 	border-bottom:1px solid #e2e2e2;
 }
 
+
+
 .grid_rows.even {
 	background:#FFF repeat top left;
 }
@@ -1855,6 +1858,70 @@ a:visited {
 	float:left;
 	margin:0;
 	padding:0;
+	border-right:1px solid #fff;
+}
+
+
+.grid_row_cell .text {
+	width:92%;
+	height:13px;
+	float:left;
+	margin:0 0 0 10px;
+	display:inline;
+	padding:0;
+	border:1px solid #999;
+	background:#FFF;
+	color:#333;
+	font-size:11px;
+}
+
+.grid_row_cell .select {
+	width:92%;
+	height:15px;
+	float:left;
+	margin:0 0 0 10px;
+	display:inline;
+	padding:0;
+	border:1px solid #999;
+	background:#FFF;
+	color:#333;
+	font-size:11px;
+}
+
+.gridrow_loaderbox {
+	width:100%;
+	height:23px;
+	float:right;
+	position:absolute;
+	background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
+	border-left:1px solid #999;
+	margin:0 0 0 0;
+	padding:0;
+	z-index:1001;
+	top:0;
+	right:0;
+}
+
+.gridrow_loaderbox p{
+	width:auto;
+	height:auto;
+	float:left;
+	color:#FFF;
+	font-size:11px;
+	font-weight:bold;
+	margin:5px 5px 0 5px;
+	display:inline;
+	padding:0;
+}
+
+.gridrow_loader {
+	width:16px;
+	height:16px;
+	float:left;
+	background:url(../images/grid_actionloader.gif) no-repeat top left;
+	margin:3px 0 0 5px;
+	display:inline;
+	padding:0;
 }
 
 .row_celltitles {
diff --git a/ui/new/jsp/ip_address.jsp b/ui/new/jsp/ip_address.jsp
index 7092f954764..682dc75e4da 100644
--- a/ui/new/jsp/ip_address.jsp
+++ b/ui/new/jsp/ip_address.jsp
@@ -143,18 +143,24 @@
             	<div class="grid_header_title">Instance</div>
             </div>
         </div>
+        
+       
+        
         <div class="grid_rows even">
             <div class="grid_row_cell" style="width: 20%;">
-                <div class="row_celltitles">8080</div>
+                <input class="text" style="width:90%;" type="text" />
             </div>
             <div class="grid_row_cell" style="width: 20%;">
-                <div class="row_celltitles">80</div>
+                <input class="text" style="width:90%;" type="text" />
             </div>
             <div class="grid_row_cell" style="width: 29%;">
-                <div class="row_celltitles">8 GB</div>
+               <input class="text" style="width:90%;" type="text" />
             </div>
-            <div class="grid_row_cell" style="width: 30%;">
-                <div class="row_celltitles">Instance Name</div>
+            <div class="grid_row_cell" style="width: 20%;">
+               <select class="select" style="width:90%;"><option value="Instance1">Instance Name 1 </option> <option value="Instance2">Instance Name 2 </option> </select>
+            </div>
+            <div class="grid_row_cell" style="width: 10%;">
+                <div class="row_celltitles"><a href="#">Add</a></div>
             </div>
             
         </div>
@@ -172,7 +178,30 @@
             <div class="grid_row_cell" style="width: 30%;">
                 <div class="row_celltitles">Instance Name</div>
             </div>
+            <div class="gridrow_loaderbox" style="display:none;">
+                <div class="gridrow_loader"></div>
+                <p> Creating &hellip;</p>
+        	</div>
             
+        </div>
+        
+        <div class="grid_rows even">
+            <div class="grid_row_cell" style="width: 20%;">
+                <div class="row_celltitles">8080</div>
+            </div>
+            <div class="grid_row_cell" style="width: 20%;">
+                <div class="row_celltitles">80</div>
+            </div>
+            <div class="grid_row_cell" style="width: 29%;">
+                <div class="row_celltitles">8 GB</div>
+            </div>
+            <div class="grid_row_cell" style="width: 30%;">
+                <div class="row_celltitles">Instance Name</div>
+            </div>
+            <div class="gridrow_loaderbox" style="display:none;">
+                <div class="gridrow_loader"></div>
+                <p> Creating &hellip;</p>
+        	</div>
         </div>
 	 </div>
     <!-- Port Forwarding ends here-->
@@ -194,53 +223,24 @@
             	<div class="grid_header_title">Algorithm</div>
             </div>
         </div>
+        
         <div class="grid_rows even">
             <div class="grid_row_cell" style="width: 29%;">
-                <div class="row_celltitles">LB#1</div>
+                <input class="text" style="width:90%;" type="text" />
             </div>
             <div class="grid_row_cell" style="width: 20%;">
-                <div class="row_celltitles">8080</div>
+               <input class="text" style="width:90%;" type="text" />
             </div>
             <div class="grid_row_cell" style="width: 20%;">
-                <div class="row_celltitles">80</div>
+                <input class="text" style="width:90%;" type="text" />
             </div>
-            <div class="grid_row_cell" style="width: 30%;">
-                <div class="row_celltitles">Source</div>
+            <div class="grid_row_cell" style="width: 20%;">
+                <select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select>
             </div>
-          	<div class="grid_detailspanel" style="display:block;">
-            	<div class="grid_details_pointer"></div>
-                <div class="grid_detailsbox">
-                	<div class="grid_details_row">
-                    	      <div class="grid_row_cell" style="width: 9%;">
-                                    <div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
-                              </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles">1-2-2-TEST</div>
-                              </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles">10.23.231.230</div>
-                              </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles"><a href="#">Remove</a></div>
-                              </div>
-                    </div>
-                    
-                    <div class="grid_details_row odd">
-                    	      <div class="grid_row_cell" style="width: 9%;">
-                                    <div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
-                              </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles">1-2-2-TEST</div>
-                              </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles">10.23.231.230</div>
-                              </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles"><a href="#">Remove</a></div>
-                              </div>
-                    </div>
-                </div>
-            </div>  
+            <div class="grid_row_cell" style="width: 10%;">
+                <div class="row_celltitles"><a href="#">Add</a></div>
+            </div>
+            
         </div>
         
         <div class="grid_rows odd">
@@ -256,20 +256,29 @@
             <div class="grid_row_cell" style="width: 30%;">
                 <div class="row_celltitles">Source</div>
             </div>
-            
-            <div class="grid_detailspanel" style="display:none;">
+          	<div class="grid_detailspanel" style="display:block;">
             	<div class="grid_details_pointer"></div>
                 <div class="grid_detailsbox">
+                	<div class="grid_details_row odd">
+                    	      <div class="grid_row_cell" style="width: 9%;">
+                                    <div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
+                              </div>
+                              <div class="grid_row_cell" style="width: 60%;">
+                                   <select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select>
+                              </div>
+                              
+                              <div class="grid_row_cell" style="width: 30%;">
+                                    <div class="row_celltitles"><a href="#">Add</a></div>
+                              </div>
+                    </div>
                 	<div class="grid_details_row">
                     	      <div class="grid_row_cell" style="width: 9%;">
                                     <div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
                               </div>
-                              <div class="grid_row_cell" style="width: 30%;">
+                              <div class="grid_row_cell" style="width: 60%;">
                                     <div class="row_celltitles">1-2-2-TEST</div>
                               </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles">10.23.231.230</div>
-                              </div>
+                              
                               <div class="grid_row_cell" style="width: 30%;">
                                     <div class="row_celltitles"><a href="#">Remove</a></div>
                               </div>
@@ -279,18 +288,35 @@
                     	      <div class="grid_row_cell" style="width: 9%;">
                                     <div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
                               </div>
-                              <div class="grid_row_cell" style="width: 30%;">
+                              <div class="grid_row_cell" style="width: 60%;">
                                     <div class="row_celltitles">1-2-2-TEST</div>
                               </div>
-                              <div class="grid_row_cell" style="width: 30%;">
-                                    <div class="row_celltitles">10.23.231.230</div>
-                              </div>
+                             
                               <div class="grid_row_cell" style="width: 30%;">
                                     <div class="row_celltitles"><a href="#">Remove</a></div>
                               </div>
                     </div>
                 </div>
+            </div>  
+        </div>
+        
+        <div class="grid_rows even">
+            <div class="grid_row_cell" style="width: 29%;">
+                <div class="row_celltitles">LB#1</div>
             </div>
+            <div class="grid_row_cell" style="width: 20%;">
+                <div class="row_celltitles">8080</div>
+            </div>
+            <div class="grid_row_cell" style="width: 20%;">
+                <div class="row_celltitles">80</div>
+            </div>
+            <div class="grid_row_cell" style="width: 30%;">
+                <div class="row_celltitles">Source</div>
+            </div>
+            <div class="gridrow_loaderbox" style="display:none;">
+                <div class="gridrow_loader"></div>
+                <p> Creating &hellip;</p>
+        	</div>
             
         </div>