add a Help tooltip section in the header. To be updated with different text for each page

webui/src/main/css/i2pbote.css

@@ -191,11 +191,21 @@ iframe {
     padding: 0 0 22px 28px;
     width: 300px;
 }
+.title-and-help {
+	display: inline-block;
+}
 .pagetitle {
     display: inline-block;
     font-size: 2em;
     padding-left: 28px;
 }
+.pagehelp {
+    font-size: 2em;
+    padding-right: 28px;
+	float: right;
+	position: absolute;
+	right:0;
+}
 .password {
     height: 24px;
     position: absolute;

webui/src/main/css/muwire.css

@@ -627,4 +627,13 @@ textarea.copypaste {
 .configuration-section .tooltip .tooltiptext {
 	white-space: pre-wrap;
 	padding : 5px 0 5px 5px;
+}
+
+.title-and-help .pagehelp .tooltip .tooltiptext {
+	white-space: pre-wrap;
+	right : 0;
+	top:20px;
+	width: 400px;
+	font-size: initial;
+	color: initial;
 }

webui/src/main/webapp/header.jsi

@@ -8,8 +8,15 @@
     ${persona}
     <br>
   </div>
-  <div class="pagetitle">
-    <%=pagetitle%>
+  <div class="title-and-help">
+	  <div class="pagetitle">
+	    <%=pagetitle%>
+	  </div> 
+	  <span class="pagehelp">
+	  	<div class="tooltip"><%=Util._t("Help")%>
+	  		<span class="tooltiptext">Help text goes here</span>
+	  	</div>
+	  </span>
   </div>
 </header>
 <noscript>