Move the style into a css file

airsonic-main/src/main/webapp/WEB-INF/jsp/helpToolTip.jsp

@@ -16,16 +16,6 @@ PARAMETERS
     });
 </script>
 
-<style>
-    div.ui-tooltip {
-        max-width: 400px;
-        box-shadow:none;
-        background-color: #f1f1f1;
-        border-radius: 6px;
-        border: 1px solid #3333;
-    }
-</style>
-
 <spring:theme code="helpPopupImage" var="imageUrl"/>
 <fmt:message key="common.help" var="help"/>
 

airsonic-main/src/main/webapp/style/default-without-mediaelement.css

@@ -465,3 +465,12 @@ img {
 #zoom_img { display: block; cursor: pointer; width: 100%; border: 0; margin: 0; padding: 0; }
 #zoom_close { position: absolute; display: none; cursor: pointer; left: -15px; top: -15px; width: 30px; height: 30px; background: url(../script/closebox.png) no-repeat; }
 #zoom_spin { position: absolute; display: none; z-index: 525; width: 50px; height: 50px; background: url(../script/spin.png) no-repeat; }
+
+/* jquery-ui tooltip theme */
+div.ui-tooltip {
+    max-width: 400px;
+    box-shadow:none;
+    background-color: #f1f1f1;
+    border-radius: 6px;
+    border: 1px solid #3333;
+}