From d68f44de1e166d9361f618f25012fd33cea56c80 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Wed, 20 Oct 2010 18:32:11 -0700
Subject: [PATCH] help UI

---
 ui/new/css/main.css | 77 ++++++++++++++++++++++++++++++++++++++++++++-
 ui/new/index.jsp    | 13 +++++++-
 2 files changed, 88 insertions(+), 2 deletions(-)

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index c773017fcdb..81ed210edb9 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -1795,7 +1795,6 @@ a:hover.search_button {
 	margin:0;
 	padding:0;
 	background:url(../images/actionpanel_border.gif) no-repeat top left;
-	
 }
 
 .actionpanel_button{
@@ -1857,9 +1856,85 @@ a:hover.search_button {
 	margin:0;
 	padding:0;
 	z-index:1005;
+}
+
+.help_dropdown_box {
+	width:209px;
+	height:200px;
+	float:left;
+	position:absolute;
+	background:#FFF repeat top left;
+	border:1px solid #999;
+	top:20px;
+	right:7px;
+	margin:0;
+	padding:0;
+	z-index:1005;
+}
+
+.help_dropdown_box_titlebox {
+	width:190px;
+	height:auto;
+	float:left;
+	margin:8px 0 0 10px;
+	padding:0;
+}
+
+.help_dropdown_box_titlebox h2 {
+	width:auto;
+	height:auto;
+	float:left;
+	color:#999;
+	text-align:left;
+	font-size:14px;
+	margin:0;
+	padding:0;
+}
+
+.help_dropdown_box_titlebox a {
+	float:right;
+	color:#2c8bbc;
+	font-size:10px;
+	font-weight:normal;
+	text-align:left;
+	margin:0;
+	padding:0;
+	text-decoration:none;
+}
+
+.help_dropdown_box_titlebox a:link, .help_dropdown_box_titlebox a:visited {
+	text-decoration:none;
 	
 }
 
+.help_dropdown_box_titlebox a:hover {
+	text-decoration:underline;
+}
+	
+.help_dropdown_box_textbox {
+	width:190px;
+	height:140px;
+	float:left;
+	margin:0 0 0 10px;
+	padding:0;
+	overflow-y:auto;
+	overflow-y:scroll;
+	overflow-x:hidden;
+	
+}
+	
+.help_dropdown_box_textbox p{
+	width:190px;
+	height:auto;
+	float:left;
+	color:#333;
+	font-size:11px;
+	font-weight:normal;
+	text-align:left;
+	margin:12px 0 0 0;
+	padding:0;
+}
+
 .actionsdropdown_boxlist {
 	width:197px;
 	height:auto;
diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index ef39998a189..d0d8f8750c6 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -279,13 +279,24 @@ long milliseconds = new Date().getTime();
                             </div>
                         </div>
                         <div class="actionpanel_button_wrapper" id="help_link" style="display: block; float: right;
-                            background: none;">
+                            background: none; position: relative;">
                             <div class="actionpanel_button">
                                 <div class="actionpanel_button_icons">
                                     <img src="images/help_actionicon.png" alt="Help" /></div>
                                 <div class="actionpanel_button_links">
                                     <%=t.t("help")%></div>
                             </div>
+                            
+                            <div class="help_dropdown_box" style="display:none;">
+                            	<div class="help_dropdown_box_titlebox">
+                                	<h2> Instance Help</h2>
+                                    <a href="#"> Close</a>
+                                </div>
+                                
+                                <div class="help_dropdown_box_textbox">
+                                	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p><p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
+                                </div>
+                            </div>
                         </div>
                     </div>
                     <!-- Action Panel ends here-->