From fd79fb12cae95954f41dfe1cafcea8daaa262b34 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Thu, 18 Nov 2010 17:53:50 -0800
Subject: [PATCH] Ui modification for review step

---
 ui/css/main.css     | 28 +++++++++++++++++++++-------
 ui/jsp/instance.jsp | 16 ++++++++--------
 2 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/ui/css/main.css b/ui/css/main.css
index c414568266b..7812bc9246f 100644
--- a/ui/css/main.css
+++ b/ui/css/main.css
@@ -447,7 +447,7 @@ a:hover {
 	padding:0 0 5px 0;
 }
 
-.vmpopup_reviewbox_odd {
+.vmpopup_reviewbox {
 	width:695px;
 	height:auto;
 	float:left;
@@ -457,14 +457,28 @@ a:hover {
 	padding:0 0 5px 0;
 }
 
-.vmpopup_reviewbox_even {
-	width:695px;
-	height:auto;
+
+.vmpopup_reviewbox .text {
+	width:160px;
+	height:15px;
 	float:left;
-	border:1px solid #d2d2d2;
+	color:#333;
+	font-size:11px;
+	font-weight:normal;
+	background:#FFF;
+	border:1px solid #999;
+	margin:4px 0 0 8px;
+	display:inline;
+	padding:0;
+}
+
+.vmpopup_reviewbox.odd {
+	background:#efefef url(../images/offeringbox_bg.gif) repeat-x top left;
+
+}
+
+.vmpopup_reviewbox.even {
 	background:#d0d0d0 url(../images/reviewboxeven_bg.gif) repeat-x top left;
-	margin:0 0 0 0;
-	padding:0 0 5px 0;
 }
 
 .vmopopup_reviewtextbox {
diff --git a/ui/jsp/instance.jsp b/ui/jsp/instance.jsp
index 70b0a776bcc..5328f09f6e1 100644
--- a/ui/jsp/instance.jsp
+++ b/ui/jsp/instance.jsp
@@ -704,7 +704,7 @@
                     <h3>
                     </h3>
                     <div class="vmpopup_offeringpanel" style="margin-top: 10px;">
-                        <div class="vmpopup_reviewbox_odd">
+                        <div class="vmpopup_reviewbox odd">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -713,7 +713,7 @@
                                 <span id="wizard_review_zone"></span>
                             </div>
                         </div>                        
-                        <div class="vmpopup_reviewbox_even">
+                        <div class="vmpopup_reviewbox even">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -722,7 +722,7 @@
                                 <span id="wizard_review_hypervisor"></span>
                             </div>
                         </div>                        
-                        <div class="vmpopup_reviewbox_odd">
+                        <div class="vmpopup_reviewbox odd">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -732,7 +732,7 @@
                                 <span id="wizard_review_template"></span>
                             </div>
                         </div>
-                        <div class="vmpopup_reviewbox_even">
+                        <div class="vmpopup_reviewbox even">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -741,7 +741,7 @@
                                 <span id="wizard_review_service_offering"></span>
                             </div>
                         </div>
-                        <div class="vmpopup_reviewbox_odd">
+                        <div class="vmpopup_reviewbox odd">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -751,7 +751,7 @@
                                 <span id="wizard_review_disk_offering"></span>
                             </div>
                         </div>
-                        <div class="vmpopup_reviewbox_even">
+                        <div class="vmpopup_reviewbox even">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -760,7 +760,7 @@
                                 <span id="wizard_review_network"></span>
                             </div>
                         </div>
-                        <div class="vmpopup_reviewbox_odd">
+                        <div class="vmpopup_reviewbox odd">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>
@@ -772,7 +772,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="vmpopup_reviewbox_even">
+                        <div class="vmpopup_reviewbox even">
                             <div class="vmopopup_reviewtextbox">
                                 <div class="vmpopup_reviewtick">
                                 </div>