diff --git a/ui/css/main.css b/ui/css/main.css
index 43d3d896498..1d2e18f031c 100644
--- a/ui/css/main.css
+++ b/ui/css/main.css
@@ -3299,6 +3299,10 @@ a:hover.search_button {
 	padding:0;
 }
 
+
+
+
+
 .dbgraph_title_usedbox {
 	width:187px;
 	height:16px;
@@ -3932,13 +3936,45 @@ a:hover.search_button {
 	padding:0;
 }
 
+.resource_titlebox {
+	width:95%;
+	height:auto;
+	float:left;
+	margin:5px 0 0 10px;
+	padding:0;
+}
+
+.resource_titlebox h2{
+	width:90%;
+	height:auto;
+	float:left;
+	color:#333;
+	font-size:15px;
+	font-weight:bold;
+	text-align:left;
+	margin:4px 0 0 0;
+	padding:0;
+}
+
+.resource_titlebox span{
+	width:auto;
+	height:auto;
+	float:left;
+	color:#999;
+	font-size:11px;
+	font-weight:bold;
+	text-align:left;
+	margin:3px 5px 0 0;
+	padding:0;
+}
 
 .resources_totalbg {
 	width:58px;
 	height:32px;
-	float:right;
+	float:left;
 	background:url(../images/resources_totalbg.png) no-repeat top left;
-	margin:6px 10px 0 0;
+	margin:6px 0 0 30px;
+	display:inline;
 	padding:0;
 }
 
@@ -3955,34 +3991,19 @@ a:hover.search_button {
 	display:inline;
 }
 
-.add_hostbutton {
-	width:60px;
-	height:15px;
+.resadd_button {
+	width:17px;
+	height:17px;
 	float:left;
-	background:url(../images/add_hostbutton.png) no-repeat top left;
-	margin:0 0 0 10px;
+	background:url(../images/add_button.png) no-repeat top left;
+	margin:13px 0 0 20px;
 	padding:0;
 	cursor:pointer;
 	cursor:hand;
 }
 
-.add_hostbutton:hover {
-	background:url(../images/add_hostbutton_hover.png) no-repeat top left;
-}
-
-.add_primarystoragebutton {
-	width:116px;
-	height:15px;
-	float:left;
-	background:url(../images/add_primarystoragebutton.png) no-repeat top left;
-	margin:0 0 0 10px;
-	padding:0;
-	cursor:pointer;
-	cursor:hand;
-}
-
-.add_primarystoragebutton:hover {
-	background:url(../images/add_primarystoragebutton_hover.png) no-repeat top left;
+.resadd_button:hover {
+	background:url(../images/add_button_hover.png) no-repeat top left;
 }
 
 /* 2010-10-10 */
diff --git a/ui/images/add_button.png b/ui/images/add_button.png
new file mode 100644
index 00000000000..b2f7815423e
Binary files /dev/null and b/ui/images/add_button.png differ
diff --git a/ui/images/add_button_hover.png b/ui/images/add_button_hover.png
new file mode 100644
index 00000000000..dad5d9668a6
Binary files /dev/null and b/ui/images/add_button_hover.png differ
diff --git a/ui/images/add_hostbutton.png b/ui/images/add_hostbutton.png
deleted file mode 100644
index 1dec616fff7..00000000000
Binary files a/ui/images/add_hostbutton.png and /dev/null differ
diff --git a/ui/images/add_hostbutton_hover.png b/ui/images/add_hostbutton_hover.png
deleted file mode 100644
index e5832c495fc..00000000000
Binary files a/ui/images/add_hostbutton_hover.png and /dev/null differ
diff --git a/ui/images/add_primarystoragebutton.png b/ui/images/add_primarystoragebutton.png
deleted file mode 100644
index 924a9b19cc7..00000000000
Binary files a/ui/images/add_primarystoragebutton.png and /dev/null differ
diff --git a/ui/images/add_primarystoragebutton_hover.png b/ui/images/add_primarystoragebutton_hover.png
deleted file mode 100644
index b0b234ba6c6..00000000000
Binary files a/ui/images/add_primarystoragebutton_hover.png and /dev/null differ
diff --git a/ui/images/add_vlanbutton_hover.png b/ui/images/add_vlanbutton_hover.png
deleted file mode 100644
index 4c06e2a79e6..00000000000
Binary files a/ui/images/add_vlanbutton_hover.png and /dev/null differ
diff --git a/ui/jsp/resource.jsp b/ui/jsp/resource.jsp
index b09e81fad4b..2a644f6b7f5 100644
--- a/ui/jsp/resource.jsp
+++ b/ui/jsp/resource.jsp
@@ -20,66 +20,68 @@
         </p>
     </div>
     <div id="resource_page" style="display: block">
-    	<div class="grid_container" style="width:700px">
-            <div class="grid_header">
-                <div class="grid_header_cell" style="width: 60%; border: none;">
-                    <div class="grid_header_title">
-                        Resources</div>
+    	<div class="grid_container" style="width:480px; border:none;">
+            
+            <div class="dbrow even" style="border:1px solid #CCC;">
+                <div class="dbrow_cell" style="width: 64%; border: none;">
+                    <div class="resource_titlebox">
+                        <h2><span> # of </span> Zone</h2>
+					</div>
                 </div>
-                <div class="grid_header_cell" style="width: 40%; border: none;">
-                </div>
-            </div>
-            <div class="dbrow even" id="public_ip_address">
-                <div class="dbrow_cell" style="width: 50%;">
-                    <div class="dbgraph_titlebox">
-                        <h2><strong>Zone</strong></h2>
-                        
-                    </div>
-                </div>
-                <div class="dbrow_cell" style="width: 49%; border: none;">
+                <div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
                     <div class="resources_totalbg">
                     	<p>10</p>
                     </div>
                 </div>
-            </div>
-            <div class="dbrow odd" id="private_ip_address">
-                <div class="dbrow_cell" style="width: 50%;">
-                    <div class="dbgraph_titlebox">
-                        <h2><strong>Pods</strong></h2>
-                    </div>
+                <div class="dbrow_cell" style="width: 10%; border: none;">
                 </div>
-                <div class="dbrow_cell" style="width: 49%; border: none;">
+            </div>
+            <div class="dbrow odd" style="margin-top:10px; border:1px solid #CCC;">
+                <div class="dbrow_cell" style="width: 64%; border: none; ">
+                    <div class="resource_titlebox">
+                        <h2><span> # of </span> Pod</h2>
+					</div>
+                </div>
+                <div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
                      <div class="resources_totalbg">
                     	<p>120</p>
                     </div>
                 </div>
+                <div class="dbrow_cell" style="width: 10%; border: none;">
+                </div>
             </div>
-            <div class="dbrow even" id="memory_allocated">
-                <div class="dbrow_cell" style="width: 50%;">
-                    <div class="dbgraph_titlebox">
-                        <h2 style="width:auto;"> Cluster - <strong>Host</strong></h2>
-                         <div class="add_hostbutton"></div>
+            <div class="dbrow even" style="margin-top:10px; border:1px solid #CCC;">
+                <div class="dbrow_cell" style="width: 64%; border: none;">
+                     <div class="resource_titlebox">
+                        <h2><span> # of </span> Cluster - Host</h2>
+                         
                     </div>
                 </div>
-                <div class="dbrow_cell" style="width: 49%; border: none;">
+                <div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
                      <div class="resources_totalbg">
                     	<p>15</p>
                     </div>
                 </div>
+                <div class="dbrow_cell" style="width: 10%; border: none;">
+                	<div class="resadd_button"></div>
+                </div>
             </div>
             
-            <div class="dbrow odd" id="memory_allocated">
-                <div class="dbrow_cell" style="width: 50%;">
-                    <div class="dbgraph_titlebox">
-                        <h2 style="width:auto;"> Cluster - <strong> Primary Storage</strong></h2>
-                         <div class="add_primarystoragebutton"></div>
+            <div class="dbrow odd" style="margin-top:10px; border:1px solid #CCC;">
+                <div class="dbrow_cell" style="width: 64%; border: none;">
+                     <div class="resource_titlebox">
+                        <h2><span> # of </span> Cluster - Primary Storage</h2>
+                      
                     </div>
                 </div>
-                 <div class="dbrow_cell" style="width: 49%; border: none;">
+                 <div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
                      <div class="resources_totalbg">
                     	<p>12</p>
                     </div>
                 </div>
+                <div class="dbrow_cell" style="width: 10%; border: none;">
+                	<div class="resadd_button"></div>
+                </div>
             </div>