diff --git a/ui/new/images/title_diskofferingicon.gif b/ui/new/images/title_diskofferingicon.gif
new file mode 100644
index 00000000000..f294f15986e
Binary files /dev/null and b/ui/new/images/title_diskofferingicon.gif differ
diff --git a/ui/new/images/title_globalsettingsicon.gif b/ui/new/images/title_globalsettingsicon.gif
new file mode 100644
index 00000000000..6ac39d26ec3
Binary files /dev/null and b/ui/new/images/title_globalsettingsicon.gif differ
diff --git a/ui/new/images/title_resourceicon.gif b/ui/new/images/title_resourceicon.gif
new file mode 100644
index 00000000000..865de37b488
Binary files /dev/null and b/ui/new/images/title_resourceicon.gif differ
diff --git a/ui/new/images/title_serviceofferingicon.gif b/ui/new/images/title_serviceofferingicon.gif
new file mode 100644
index 00000000000..df049b821dc
Binary files /dev/null and b/ui/new/images/title_serviceofferingicon.gif differ
diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index f7472d47148..4faf013754d 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -574,7 +574,10 @@ long milliseconds = new Date().getTime();
                         </div>
                         
                         <div id="leftmenu_zone_tree">
-                        	<div class="leftmenu_bigloading" id="loading_container" style="display:none;" ></div>
+                        	<div class="leftmenu_loadingbox" style="display:none;" id="loading_container">
+                                <div class="leftmenu_loader"></div>
+                                <p> Loading &hellip; </p>
+                            </div>
 						    <div id="tree_container"></div>
                         </div>
                                                                     
diff --git a/ui/new/jsp/diskoffering.jsp b/ui/new/jsp/diskoffering.jsp
index c6994eee70a..57446b67d7a 100644
--- a/ui/new/jsp/diskoffering.jsp
+++ b/ui/new/jsp/diskoffering.jsp
@@ -1,152 +1,152 @@
-<%@ page import="java.util.*" %>
-
-<%@ page import="com.cloud.utils.*" %>
-
-<%
-    Locale browserLocale = request.getLocale();
-    CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
-%>
-
-<div class="main_title" id="right_panel_header">
-    <!--  
-    <div class="main_titleicon">
-        <img src="images/title_isoicon.gif" alt="ISO" /></div>
-    -->
-    <h1>
-        Disk Offering
-    </h1>
-</div>
-<div class="contentbox" id="right_panel_content">
-    <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
-        <p id="after_action_info">
-        </p>
-    </div>
-    <div class="tabbox" style="margin-top: 15px;">
-        <div class="content_tabs on">
-            <%=t.t("details")%></div>
-    </div>
-    <div id="tab_content_details">
-        <div class="grid_actionpanel">
-            <div class="grid_actionbox" id="action_link">
-                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
-                    <ul class="actionsdropdown_boxlist" id="action_list">
-                        <li><%=t.t("no.available.actions")%></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="grid_editbox" id="edit_button">
-            </div>
-            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
-                display: none;">
-                <div class="gridheader_loader" id="Div1">
-                </div>
-                <p id="description">
-                    Waiting &hellip;</p>
-            </div>                 
-        </div>
-        <div class="grid_container">
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("ID")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="id">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("name")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="name">
-                    </div>                    
-                    <input class="text" id="name_edit" style="width: 200px; display: none;" type="text" />
-                    <div id="name_edit_errormsg" style="display:none"></div>                       
-                </div>
-            </div>
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("display.text")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="displaytext">
-                    </div>                    
-                    <input class="text" id="displaytext_edit" style="width: 200px; display: none;" type="text" />
-                    <div id="displaytext_edit_errormsg" style="display:none"></div>                       
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("disk.size")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="disksize">
-                    </div>
-                </div>
-            </div>  
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("tags")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="tags">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("domain")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="domain">
-                    </div>
-                </div>
-            </div>              
-        </div>        
-        <div class="grid_botactionpanel">
-        	<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
-            <div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
-        </div>  
-    </div>
-</div>
-
-<!-- Add Disk Offering Dialog -->
-<div id="dialog_add_disk" title="Add Disk Offering" style="display:none">
-	<p>Please fill in the following data to add a new disk Offering.</p>
-	<div class="dialog_formcontent">
-		<form action="#" method="post" id="form1">
-			<ol>
-				<li>
-					<label for="user_name">Name:</label>
-					<input class="text" type="text" name="add_disk_name" id="add_disk_name"/>
-					<div id="add_disk_name_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>
-				<li>
-					<label for="user_name">Description:</label>
-					<input class="text" type="text" name="add_disk_description" id="add_disk_description"/>
-					<div id="add_disk_description_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>				
-				<li>
-					<label for="user_name">Disk size (in GB):</label>
-					<input class="text" type="text" name="add_disk_disksize" id="add_disk_disksize"/>
-					<div id="add_disk_disksize_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>				
-				<li id="add_disk_tags_container">
-                    <label for="add_disk_tags">
-                        Tags:</label>
-                    <input class="text" type="text" id="add_disk_tags" />
-                    <div id="add_disk_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
-                    </div>
-                </li>	
-			</ol>
-		</form>
-	</div>
-</div>
-
+<%@ page import="java.util.*" %>
+
+<%@ page import="com.cloud.utils.*" %>
+
+<%
+    Locale browserLocale = request.getLocale();
+    CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
+%>
+
+<div class="main_title" id="right_panel_header">
+    
+    <div class="main_titleicon">
+        <img src="images/title_diskofferingicon.gif" alt="Disk Offering" /></div>
+    
+    <h1>
+        Disk Offering
+    </h1>
+</div>
+<div class="contentbox" id="right_panel_content">
+    <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
+        <p id="after_action_info">
+        </p>
+    </div>
+    <div class="tabbox" style="margin-top: 15px;">
+        <div class="content_tabs on">
+            <%=t.t("details")%></div>
+    </div>
+    <div id="tab_content_details">
+        <div class="grid_actionpanel">
+            <div class="grid_actionbox" id="action_link">
+                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+                    <ul class="actionsdropdown_boxlist" id="action_list">
+                        <li><%=t.t("no.available.actions")%></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="grid_editbox" id="edit_button">
+            </div>
+            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                <div class="gridheader_loader" id="Div1">
+                </div>
+                <p id="description">
+                    Waiting &hellip;</p>
+            </div>                 
+        </div>
+        <div class="grid_container">
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("ID")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="id">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("name")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="name">
+                    </div>                    
+                    <input class="text" id="name_edit" style="width: 200px; display: none;" type="text" />
+                    <div id="name_edit_errormsg" style="display:none"></div>                       
+                </div>
+            </div>
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("display.text")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="displaytext">
+                    </div>                    
+                    <input class="text" id="displaytext_edit" style="width: 200px; display: none;" type="text" />
+                    <div id="displaytext_edit_errormsg" style="display:none"></div>                       
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("disk.size")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="disksize">
+                    </div>
+                </div>
+            </div>  
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("tags")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="tags">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("domain")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="domain">
+                    </div>
+                </div>
+            </div>              
+        </div>        
+        <div class="grid_botactionpanel">
+        	<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
+            <div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
+        </div>  
+    </div>
+</div>
+
+<!-- Add Disk Offering Dialog -->
+<div id="dialog_add_disk" title="Add Disk Offering" style="display:none">
+	<p>Please fill in the following data to add a new disk Offering.</p>
+	<div class="dialog_formcontent">
+		<form action="#" method="post" id="form1">
+			<ol>
+				<li>
+					<label for="user_name">Name:</label>
+					<input class="text" type="text" name="add_disk_name" id="add_disk_name"/>
+					<div id="add_disk_name_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>
+				<li>
+					<label for="user_name">Description:</label>
+					<input class="text" type="text" name="add_disk_description" id="add_disk_description"/>
+					<div id="add_disk_description_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>				
+				<li>
+					<label for="user_name">Disk size (in GB):</label>
+					<input class="text" type="text" name="add_disk_disksize" id="add_disk_disksize"/>
+					<div id="add_disk_disksize_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>				
+				<li id="add_disk_tags_container">
+                    <label for="add_disk_tags">
+                        Tags:</label>
+                    <input class="text" type="text" id="add_disk_tags" />
+                    <div id="add_disk_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                    </div>
+                </li>	
+			</ol>
+		</form>
+	</div>
+</div>
+
diff --git a/ui/new/jsp/globalsetting.jsp b/ui/new/jsp/globalsetting.jsp
index f4f8243bd08..a046c973a41 100644
--- a/ui/new/jsp/globalsetting.jsp
+++ b/ui/new/jsp/globalsetting.jsp
@@ -1,102 +1,102 @@
-<%@ page import="java.util.*" %>
-
-<%@ page import="com.cloud.utils.*" %>
-
-<%
-    Locale browserLocale = request.getLocale();
-    CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
-%>
-
-<div class="main_title" id="right_panel_header">
-    <!--  
-    <div class="main_titleicon">
-        <img src="images/title_isoicon.gif" alt="ISO" /></div>
-    -->
-    <h1>
-        Global Settings
-    </h1>
-</div>
-<div class="contentbox" id="right_panel_content">
-    <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
-        <p id="after_action_info">
-        </p>
-    </div>
-    <div class="tabbox" style="margin-top: 15px;">
-        <div class="content_tabs on">
-            <%=t.t("details")%></div>
-    </div>
-    <div id="tab_content_details">
-        <div class="grid_actionpanel">
-            <div class="grid_actionbox" id="action_link">
-                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
-                    <ul class="actionsdropdown_boxlist" id="action_list">
-                        <li><%=t.t("no.available.actions")%></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="grid_editbox" id="edit_button">
-            </div>
-            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
-                display: none;">
-                <div class="gridheader_loader" id="Div1">
-                </div>
-                <p id="description">
-                    Waiting &hellip;</p>
-            </div>                 
-        </div>
-        <div class="grid_container">
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("name")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="name">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("value")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="value">
-                    </div>                    
-                    <input class="text" id="value_edit" style="width: 200px; display: none;" type="text" />
-                    <div id="value_edit_errormsg" style="display:none"></div>                    
-                </div>
-            </div>
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("description")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="description">
-                    </div>
-                </div>
-            </div>            
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("category")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="category">
-                    </div>
-                </div>
-            </div>               
-        </div>        
-        <div class="grid_botactionpanel">
-        	<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
-            <div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
-        </div>  
-    </div>
-</div>
-
-<div id="dialog_alert_restart_management_server" title="Alert" style="display:none">
-    <p>
-        <%=t.t("please.restart.your.management.server.for.your.new.settings.to.take.effect")%>        
-    </p>
-</div>
+<%@ page import="java.util.*" %>
+
+<%@ page import="com.cloud.utils.*" %>
+
+<%
+    Locale browserLocale = request.getLocale();
+    CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
+%>
+
+<div class="main_title" id="right_panel_header">
+   
+    <div class="main_titleicon">
+        <img src="images/title_globalsettingsicon.gif" alt=" Global_Settings" /></div>
+    
+    <h1>
+        Global Settings
+    </h1>
+</div>
+<div class="contentbox" id="right_panel_content">
+    <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
+        <p id="after_action_info">
+        </p>
+    </div>
+    <div class="tabbox" style="margin-top: 15px;">
+        <div class="content_tabs on">
+            <%=t.t("details")%></div>
+    </div>
+    <div id="tab_content_details">
+        <div class="grid_actionpanel">
+            <div class="grid_actionbox" id="action_link">
+                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+                    <ul class="actionsdropdown_boxlist" id="action_list">
+                        <li><%=t.t("no.available.actions")%></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="grid_editbox" id="edit_button">
+            </div>
+            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                <div class="gridheader_loader" id="Div1">
+                </div>
+                <p id="description">
+                    Waiting &hellip;</p>
+            </div>                 
+        </div>
+        <div class="grid_container">
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("name")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="name">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("value")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="value">
+                    </div>                    
+                    <input class="text" id="value_edit" style="width: 200px; display: none;" type="text" />
+                    <div id="value_edit_errormsg" style="display:none"></div>                    
+                </div>
+            </div>
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("description")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="description">
+                    </div>
+                </div>
+            </div>            
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("category")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="category">
+                    </div>
+                </div>
+            </div>               
+        </div>        
+        <div class="grid_botactionpanel">
+        	<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
+            <div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
+        </div>  
+    </div>
+</div>
+
+<div id="dialog_alert_restart_management_server" title="Alert" style="display:none">
+    <p>
+        <%=t.t("please.restart.your.management.server.for.your.new.settings.to.take.effect")%>        
+    </p>
+</div>
diff --git a/ui/new/jsp/resource.jsp b/ui/new/jsp/resource.jsp
index 6293792f654..12394990de3 100644
--- a/ui/new/jsp/resource.jsp
+++ b/ui/new/jsp/resource.jsp
@@ -8,10 +8,10 @@
 %>
 <!-- domain detail panel (begin) -->
 <div class="main_title" id="right_panel_header">
-    <!--  
+  
     <div class="main_titleicon">
-        <img src="images/title_snapshoticon.gif" alt="Instance" /></div>
-    -->
+        <img src="images/title_resourceicon.gif" alt="Resource" /></div>
+
     <h1 id="label">        
     </h1>
 </div>
diff --git a/ui/new/jsp/serviceoffering.jsp b/ui/new/jsp/serviceoffering.jsp
index 510807d7e73..3659a23137a 100644
--- a/ui/new/jsp/serviceoffering.jsp
+++ b/ui/new/jsp/serviceoffering.jsp
@@ -1,226 +1,226 @@
-<%@ page import="java.util.*" %>
-
-<%@ page import="com.cloud.utils.*" %>
-
-<%
-    Locale browserLocale = request.getLocale();
-    CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
-%>
-
-<div class="main_title" id="right_panel_header">
-    <!--  
-    <div class="main_titleicon">
-        <img src="images/title_isoicon.gif" alt="ISO" /></div>
-    -->
-    <h1>
-        Service Offering
-    </h1>
-</div>
-<div class="contentbox" id="right_panel_content">
-    <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
-        <p id="after_action_info">
-        </p>
-    </div>
-    <div class="tabbox" style="margin-top: 15px;">
-        <div class="content_tabs on">
-            <%=t.t("details")%></div>
-    </div>
-    <div id="tab_content_details">
-        <div class="grid_actionpanel">
-            <div class="grid_actionbox" id="action_link">
-                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
-                    <ul class="actionsdropdown_boxlist" id="action_list">
-                        <li><%=t.t("no.available.actions")%></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="grid_editbox" id="edit_button">
-            </div>
-            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
-                display: none;">
-                <div class="gridheader_loader" id="Div1">
-                </div>
-                <p id="description">
-                    Waiting &hellip;</p>
-            </div>                 
-        </div>
-        <div class="grid_container">
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("ID")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="id">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("name")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="name">
-                    </div>
-                    <input class="text" id="name_edit" style="width: 200px; display: none;" type="text" />
-                    <div id="name_edit_errormsg" style="display:none"></div>        
-                </div>
-            </div>
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("display.text")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="displaytext">
-                    </div>
-                    <input class="text" id="displaytext_edit" style="width: 200px; display: none;" type="text" />
-                    <div id="displaytext_edit_errormsg" style="display:none"></div>            
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("storage.type")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="storagetype">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("CPU")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="cpu">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("memory")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="memory">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("offer.HA")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="offerha">
-                    </div>
-                    <select class="select" id="offerha_edit" style="width: 202px; display: none;">
-                        <option value="false">No</option>
-						<option value="true">Yes</option>
-                    </select>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("network.type")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="networktype">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows odd">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("tags")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="tags">
-                    </div>
-                </div>
-            </div>
-            <div class="grid_rows even">
-                <div class="grid_row_cell" style="width: 20%;">
-                    <div class="row_celltitles">
-                        <%=t.t("created")%>:</div>
-                </div>
-                <div class="grid_row_cell" style="width: 79%;">
-                    <div class="row_celltitles" id="created">
-                    </div>
-                </div>
-            </div>
-        </div>        
-        <div class="grid_botactionpanel">
-        	<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
-            <div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
-        </div>  
-    </div>
-</div>
-
-<!-- Add Service Offering Dialog -->
-<div id="dialog_add_service" title="Add Service Offering" style="display:none">
-	<p>Please fill in the following data to add a new Service Offering.</p>
-	<div class="dialog_formcontent">
-		<form action="#" method="post" id="form_acquire">
-			<ol>
-				<li>
-					<label for="user_name">Name:</label>
-					<input class="text" type="text" name="add_service_name" id="add_service_name"/>
-					<div id="add_service_name_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>
-				<li>
-					<label for="user_name">Display text:</label>
-					<input class="text" type="text" name="add_service_display" id="add_service_display"/>
-					<div id="add_service_display_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>
-				<li>
-					<label for="add_service_storagetype">Storage type:</label>
-					<select class="select" name="add_service_storagetype" id="add_service_storagetype">
-					    <option value="shared">shared</option>
-						<option value="local">local</option>						
-					</select>
-				</li>		
-				<li>
-					<label for="user_name"># of CPU cores:</label>
-					<input class="text" type="text" name="add_service_cpucore" id="add_service_cpucore"/>
-					<div id="add_service_cpucore_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>
-				<li>
-					<label for="user_name">CPU (in MHz):</label>
-					<input class="text" type="text" name="add_service_cpu" id="add_service_cpu"/>
-					<div id="add_service_cpu_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>
-				<li>
-					<label for="user_name">Memory (in MB):</label>
-					<input class="text" type="text" name="add_service_memory" id="add_service_memory"/>
-					<div id="add_service_memory_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
-				</li>				
-				<li id="add_service_offerha_container">
-					<label>Offer HA?</label>
-					<select class="select" id="add_service_offerha">						
-						<option value="false">No</option>
-						<option value="true">Yes</option>
-					</select>
-				</li>	
-				<li>
-					<label>Network Type</label>
-					<select class="select" id="add_service_networktype">						
-						<option value="direct">Direct</option>
-						<option value="public">Public</option>
-					</select>
-				</li>	
-				<li id="add_service_tags_container">
-                    <label for="add_service_tags">
-                        Tags:</label>
-                    <input class="text" type="text" id="add_service_tags" />
-                    <div id="add_service_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
-                    </div>
-                </li>						
-			</ol>
-		</form>
-	</div>
+<%@ page import="java.util.*" %>
+
+<%@ page import="com.cloud.utils.*" %>
+
+<%
+    Locale browserLocale = request.getLocale();
+    CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
+%>
+
+<div class="main_title" id="right_panel_header">
+    
+    <div class="main_titleicon">
+        <img src="images/title_serviceofferingicon.gif" alt="Service Offering" /></div>
+    
+    <h1>
+        Service Offering
+    </h1>
+</div>
+<div class="contentbox" id="right_panel_content">
+    <div class="info_detailbox errorbox" id="after_action_info_container" style="display: none">
+        <p id="after_action_info">
+        </p>
+    </div>
+    <div class="tabbox" style="margin-top: 15px;">
+        <div class="content_tabs on">
+            <%=t.t("details")%></div>
+    </div>
+    <div id="tab_content_details">
+        <div class="grid_actionpanel">
+            <div class="grid_actionbox" id="action_link">
+                <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+                    <ul class="actionsdropdown_boxlist" id="action_list">
+                        <li><%=t.t("no.available.actions")%></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="grid_editbox" id="edit_button">
+            </div>
+            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                <div class="gridheader_loader" id="Div1">
+                </div>
+                <p id="description">
+                    Waiting &hellip;</p>
+            </div>                 
+        </div>
+        <div class="grid_container">
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("ID")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="id">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("name")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="name">
+                    </div>
+                    <input class="text" id="name_edit" style="width: 200px; display: none;" type="text" />
+                    <div id="name_edit_errormsg" style="display:none"></div>        
+                </div>
+            </div>
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("display.text")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="displaytext">
+                    </div>
+                    <input class="text" id="displaytext_edit" style="width: 200px; display: none;" type="text" />
+                    <div id="displaytext_edit_errormsg" style="display:none"></div>            
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("storage.type")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="storagetype">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("CPU")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="cpu">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("memory")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="memory">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("offer.HA")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="offerha">
+                    </div>
+                    <select class="select" id="offerha_edit" style="width: 202px; display: none;">
+                        <option value="false">No</option>
+						<option value="true">Yes</option>
+                    </select>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("network.type")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="networktype">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows odd">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("tags")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="tags">
+                    </div>
+                </div>
+            </div>
+            <div class="grid_rows even">
+                <div class="grid_row_cell" style="width: 20%;">
+                    <div class="row_celltitles">
+                        <%=t.t("created")%>:</div>
+                </div>
+                <div class="grid_row_cell" style="width: 79%;">
+                    <div class="row_celltitles" id="created">
+                    </div>
+                </div>
+            </div>
+        </div>        
+        <div class="grid_botactionpanel">
+        	<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
+            <div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
+        </div>  
+    </div>
+</div>
+
+<!-- Add Service Offering Dialog -->
+<div id="dialog_add_service" title="Add Service Offering" style="display:none">
+	<p>Please fill in the following data to add a new Service Offering.</p>
+	<div class="dialog_formcontent">
+		<form action="#" method="post" id="form_acquire">
+			<ol>
+				<li>
+					<label for="user_name">Name:</label>
+					<input class="text" type="text" name="add_service_name" id="add_service_name"/>
+					<div id="add_service_name_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>
+				<li>
+					<label for="user_name">Display text:</label>
+					<input class="text" type="text" name="add_service_display" id="add_service_display"/>
+					<div id="add_service_display_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>
+				<li>
+					<label for="add_service_storagetype">Storage type:</label>
+					<select class="select" name="add_service_storagetype" id="add_service_storagetype">
+					    <option value="shared">shared</option>
+						<option value="local">local</option>						
+					</select>
+				</li>		
+				<li>
+					<label for="user_name"># of CPU cores:</label>
+					<input class="text" type="text" name="add_service_cpucore" id="add_service_cpucore"/>
+					<div id="add_service_cpucore_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>
+				<li>
+					<label for="user_name">CPU (in MHz):</label>
+					<input class="text" type="text" name="add_service_cpu" id="add_service_cpu"/>
+					<div id="add_service_cpu_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>
+				<li>
+					<label for="user_name">Memory (in MB):</label>
+					<input class="text" type="text" name="add_service_memory" id="add_service_memory"/>
+					<div id="add_service_memory_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>				
+				<li id="add_service_offerha_container">
+					<label>Offer HA?</label>
+					<select class="select" id="add_service_offerha">						
+						<option value="false">No</option>
+						<option value="true">Yes</option>
+					</select>
+				</li>	
+				<li>
+					<label>Network Type</label>
+					<select class="select" id="add_service_networktype">						
+						<option value="direct">Direct</option>
+						<option value="public">Public</option>
+					</select>
+				</li>	
+				<li id="add_service_tags_container">
+                    <label for="add_service_tags">
+                        Tags:</label>
+                    <input class="text" type="text" id="add_service_tags" />
+                    <div id="add_service_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                    </div>
+                </li>						
+			</ol>
+		</form>
+	</div>
 </div>
\ No newline at end of file